Hiệu ứng ẩn, hiện nội dung với jQuery
Nhằm chia sẻ kiến thức cho các bạn sinh viên về jQuery, hôm nay mình xin chia sẻ một hiệu ứng mà hầu như các portfolio website thường hay dùng. Hiệu ứng này có thể diễn giải bằng hình sau hoặc demo bên dưới hình. Demo | Download Trong hiệu ứng này, chúng ta sẽ kết hợp giữa animation và hiệu ...
Tự tay làm một trang web bằng HTML5 và CSS3
Có lẽ bạn sẽ tự hỏi tại sao phải dùng tới HTML5 cho web hay blog của mình. Thực ra có rất nhiều lý do, nhưng lý do quan trọng nhất đó là bạn phải làm việc với tiêu chuẩn quốc tế trong lĩnh vực thiết kế web. Mà HTML5 lại là một trong những công nghệ tương lai mà cả thế giới đang phát triển. Nếu như ...
Tạo slide hình nền toàn màn hình (full background) với jQuery
Backgrounds hay hình nền là một khía cạnh rất quan trọng khi chúng ta tạo một trang web. Thật dễ dàng cho chúng ta khi tạo một hình ảnh làm nền cho web, tuy nhiên nếu các bạn muốn chèn nhiều hình nền cho website hay blog của các bạn thì sao ? Để trả lời câu hỏi này, thì các bạn cứ xem từng bước làm ...
Tạo chức năng kéo thả với jQuery UI Sortable
Chức năng kéo thả rất hữu dụng và được sử dụng rất nhiều ở trang web, đặc biệt là phần back end. Hôm nay mình sẽ chia sẻ với các bạn cách sử dụng chức năng kéo thả từ jQuery UI từng bước một. Kết quả mà chúng ta sẽ nhận được như sau : Xem Demo | Download Bước 1 : Chuần bị các file cần ...
Tạo chức năng Autocomplete đơn giản bằng HTML5 và jQuery
Hàng ngày, mỗi người trong chúng ta đều sử dụng Google để tìm kiếm thông tin, và khi chúng ta gõ bất kì từ khóa nào, thì google sẽ tự động liệt kê danh sách những cụm từ có nghĩa tương đồng với từ khóa đó ở bên dưới . Điều này sẽ giúp chúng ta rút ngắn thời gian gõ , đồng thời cũng giúp chúng ta ...
15 Trải nghiệm về HTML5 gây cảm hứng cho người bắt đầu
Theo lời cựu CEO quá cố cửa Apple thì HTML5 sẽ là công nghệ thay thế cho Flash. Trên thực tế thì điều này vẫn chưa xảy ra. Nhưng HTML5 thật sự tạo ra những điều kì diệu về video,hình ảnh và những hiệu ứng chuyển động….. Bạn có thể tin hay không tin về sức mạnh HTML5 mang lại sau khi cùng ...
Tạo ứng dụng đồng hồ điện tử với jQuery và CSS3
Chào tất cả các bạn, hôm nay chúng ta sẽ cùng nhau tạo ứng dụng hiển thị đồng hồ điện tử trên website hoặc blog. Với sự hỗ trợ từ jQuery và CSS3 animation , ứng dụng mà mình chia sẻ cho các bạn trong bài viết này sẽ thật pro, mà các bước thực hiện thì cực kỳ đơn giản, sẽ không khó để các bạn có ...
Tạo chức năng ” Scroll to Top ” với jQuery và CSS3
Scroll to Top là một chức năng mà chúng ta thường thấy khi cuộn trang ở những web có nội dung dài, và khi chúng ta xem đến những nội dung bên dưới thì sẽ xuất hiện một nút bấm cho phép chúng ta trở lại vị trí đầu của nội dung. Xem Demo | Download Đây là một chức năng rất căn bản mà các ...
Tạo chức năng đo độ bảo mật của Password bằng jQuery
Bảo mật web đang ngày càng trở thành vấn đề quan trọng nhất cho việc quản lý website. Nếu các bạn đang có ý định tự tay xây dựng hệ thống cho phép người dùng có thể tạo password, thì chức năng hiển thị thông báo độ mạnh bảo mật đối với password mà họ vừa mới nhập luôn luôn là một chức năng hữu ích ...
Cách dùng thẻ DETAILS và SUMMARY trong HTML5
Giữa nhiều thẻ mới có sẵn của HTML5 như <figure> , <figcaption> , và <aside> , thì thẻ <detail> và <summary> theo ý cá nhân của mình thì là hữu ích nhất. Với những thẻ mới này bạn có thể ẩn những bài viết có nội dung dài và hiển thị nó dưới dạng mô tả ngắn gọn. ...
Cách xử lý khi jQuery xung đột với các thư viện khác
Thông thường , khi sử dụng jQuery chúng ta thường sử dụng kí tự $ ở đằng trước các hàm và biến. Tuy nhiên các thư viện khác như prototype.js, MooTools, hoặc YUI cũng sử dụng kí tự $ này. Và vì thế mà khi chúng ta sử dụng cùng một lúc các thư viện này với jQuery, thì sẽ xảy ra xung đột và phát ...
Thủ thuật javacript : Nhúng JavaScript vào file HTML
Bạn có thể nhúng JavaScript vào một file HTML theo một trong các cách sau đây: • Sử dụng các câu lệnh và các hàm trong cặp thẻ <SCRIPT> • Sử dụng các file nguồn JavaScript • Sử dụng một biểu thức JavaScript làm giá trị của một thuộc tính HTML • Sử dụng thẻ sự kiện (event handlers) trong ...
12 Tính năng về HTML5 mà bạn cần phải biết
Công nghệ ngày càng phát triển với tốc độ chóng mặt, việc nắm bắt những kỹ thuật mới cho phù hợp với thực tế là điều mà tất cả những người làm web cần phải theo kịp. HTML5 từ khi ra đời cùng với sự hứa hẹn mà nó mang lại đang dần thay đổi mọi thứ, hôm nay mình xin chia sẻ với các bạn 28 tính năng ...
Thủ thuật javacript: Cú pháp JS
Javascript thường được chèn vào một trang web, nếu không muốn nói là sinh ra chỉ để chèn vào trang web. Ta có thể chèn Javascript vào html rất đơn giản với cái thẻ script, sau đó chèn code javascript vào bên trong nội dung thẻ script. ví dụ sau giúp bạn hiểu rõ hơn về cấu trúc của javacript, đơn ...
40 Web Games HTML5 dễ gây nghiện cho bạn
Trước đây , Flash thống trị thế giới đa truyền thông trên web, nhưng với sự xuất hiện của HTML5 và những tính năng mà nó mang lại đã làm thay đổi mọi thứ. Sau đây là danh sách các Games được xây dựng trên nền tảng HTML5 sẽ giúp bạn có cái nhìn đầy đủ hơn về những tính năng to lớn mà công nghệ này ...
Thủ thuật javacript : Thiết lập thời gian chạy
JavaScript có thể thực hiện một chức năng nào đó sau một thời gian được định trước. setTimeout() – Thực hiện một số lệnh với thời gian được định trước trong tương lai. clearTimeout() – Hủy hàm setTimeout() Cú pháp: setTimeout(“javascript statement”,milliseconds); ...
Sơ lược về thuộc tính HTML5 Download
Tạo một link download thì là một công việc rất dễ dàng và đơn giản, chỉ cần việc dùng thẻ <a> , rồi sau đó là chèn đường dẫn cần download vào là xong. Nhưng có một số kiểu file gây khó khăn cho chúng ta trong việc tạo các link download, cụ thể như các file PDF, hình ảnh hoặc các file chữ, ...
47 demo về HTML5 cho người bắt đầu
Chắc các bạn đã nghe nhiều tin đồn về HTML5 sẽ thay thế Flash trong tương lai, và bạn muốn tìm hiểu về nó cũng như áp dụng nó vào chính trang blog hay web của bạn. Tuy nhiên nếu bạn là người mới bắt đầu thì mình xin chia sẻ với các bạn những điều mà HTML5 có thể mang đến cho bạn bằng những demo về ...
18 ứng dụng web xây dựng từ nền tảng HTML5
HTML5 được đồn là kẻ thay thế cho Flash, một cuộc cách mạng lớn trong ứng dụng phát triển web. Nó chứa những thẻ như canvas cho vẽ hình ảnh, những hiệu ứng chuyển động, video, audio và thậm chí bao gồm cả lưu trữ cơ sở dữ liệu cho web offline. Điều quan trọng nhất về HTML5 là bạn không cần phải cài ...
Tạo ứng dụng Color Picker đơn giản với HTML5 Canvas
Canvas là phần tử mới xuất hiện trong HTML5, việc hiểu rõ và sử dụng canvas sẽ giúp các bạn có thể viết được nhiều ứng dụng như games. Trong bài viết này, chúng ta sẽ tạo một ứng dụng nhỏ đơn giản về HTML5 Canvas. Với ứng dụng này, các bạn có thể lấy mã màu theo HEX và RGB mà chúng ta thường gọi ...
