
WOW.js – Tạo hiệu ứng cho trang web khi cuộn chuột
Nếu các bạn đã từng ứng dụng Animate.css để tạo hiệu ứng cho trang web thì ắt hẳn các bạn có thể gặp một số vấn đề nho nhỏ. Đó là thư viện này sẽ mặc định tự kích hoạt các hiệu ứng khi trang web được tải xong. Dù cho khu vực đó trong trang vẫn chưa được cuộn tới. Điều này tuy không ảnh hưởng gì đến ...

Website Thương Mại Điện Tử xây dựng bằng WordPress? Liệu có thể?
Hẳn là bạn từng có suy nghĩ đến việc tạo ra một website thương mại điện tử (TMĐT) phục vụ nhu cầu cá nhân. Và bạn cũng từng hỏi bản thân hàng tá các câu hỏi. Đại loại như là: tôi nên sử dụng nền tảng nào? Chi phí là bao nhiêu? Cái nào thì dễ sử dụng và lợi ích hơn? Hoặc nếu bạn đang sở hữu một ...

Chứng chỉ hay bằng cấp có quan trọng nhất với Web Dev?
Với kiến thức và công nghệ cập nhật từng ngày, cùng kỹ năng giải quyết vấn đề dựa trên các tình huống thực tế. Vì thế, hiện nay các công ty / doanh nghiệp ưu tiên săn tìm những người có khả năng làm được dự án của họ. Chúng ta đã quen với chuyện xin việc phải có bằng này hoặc chứng chỉ kia. ...

Tìm hiểu jQuery Object và Chained Method
Trong bài viết này, mục đích của tác giả muốn hướng dẫn cách đọc hiểu một trang tài liệu lập trình tiếng Anh và dẫn chứng bằng việc làm rõ hai thuật ngữ rất hay sử dụng trong thư viện jQuery là jQuery Object và Chained Method. Nào! các bạn hãy mở trang web này để dễ dàng theo dõi bài viết. ...

Câu chuyện về thẻ IFrame, khi nào thì nên sử dụng?
Hẳn là các bạn đã từng sử dụng thẻ iframe để thiết kế các trang web có các cửa sổ độc lập hoặc đơn giản là nhúng nội dung từ các trang web khác về trang web của mình. Ví dụ điển hình như là nhúng audio hay video của Youtube, Nhaccuatui, Zing MP3,… Hoặc thậm chí là bản đồ của Google chẳng ...

Responsive Web Design là gì? Tại sao nó lại cần thiết trong thiết kế web?
Khi thiết kế giao diện web, ắt hẳn các bạn đã từng nghe đến thuật ngữ Responsive Web Design. Vậy thì nó là gì? Và nó có ý nghĩa như thế nào trong thiết kế web? Responsive Design là gì? Responsive Web Design (RWD) là thuật ngữ ám chỉ cách thiết kế trang web hiển thị tương thích với mọi kích ...

Freelancer và câu chuyện về giấc mơ tự do nghề nghiệp
Freelancer hay freelance là một thuật ngữ đã quá quen thuộc trong những năm gần đây. Không chỉ riêng đối với ngành web nói riêng mà cả những ngành nghề khác cũng đang rầm rộ với phong trào này. Vậy nó là gì và nó có gì mà “ hot ” đến như vậy? Freelancer là gì? Theo Wikipedia ...

Cảm nhận 1 học viên vừa được công ty Cybridge Á Châu offer
Wowowow… Tâm trạng của mình hôm nay thật vui khi vừa nhận được tin mừng từ bạn học viên Trần Quốc Trung. Sau vài tuần trải nghiệm xin việc làm ở vị trí front-end Developer với nhiều cung bậc cảm xúc. Cuối cùng, Trung đã thành công khi được công ty Cybridge Á Châu phỏng vấn. Điều đặc biệt là ...

Centering In CSS: Canh giữa nội dung theo chiều dọc
Ở phần 1, chúng ta đã bàn về cách canh giữa các phần tử theo chiều ngang. Các bạn đã thấy rằng việc canh giữa các phần tử hầu như đều có liên quan đến khái niệm Inline-Block trong CSS. Vậy thì trong phần 2 này chúng ta sẽ tìm hiểu cách canh giữa phần tử theo chiều dọc. Vậy nó sẽ như thế nào? Xin ...

CSS Transition – Kiểm soát quy trình chuyển động của hiệu ứng
Ở phần trước, hẳn các bạn đã biết cách tạo hiệu ứng chuyển động cho các phần tử. Nhưng transition không chỉ đơn giản là dừng lại ở đó. Bởi vì ngoài các phần có hiệu ứng ra thì nó còn có thêm một câu hỏi khác nữa. Đó là quá trình chuyển động đó sẽ diễn ra như thế nào? Kiểm soát quy trình chuyển ...

Screencast Video hay Animated Video?
Những thước phim khoa học thường rất trực quan, súc tích và ấn tượng. Để làm được như vậy, video sẽ cần sử dụng nhiều hiệu ứng hoạt hoạ (animation) và được đầu tư công phu. Animated Video giảm thời lượng, tăng sự tập trung Các video chỉ tập trung quay màn hình demo thao tác, coding. ...

Tạo nút nhấn với HTML, nên sử dụng Anchor, Input hay Button?
Việc tạo nút nhấn với HTML là công việc hết sức đơn giản. Chúng ta có thể sử dụng thẻ anchor, button hoặc input đều được cả. Mặc dù trông chúng có vẻ khác biệt nhưng khi có sự nhúng tay của CSS thì mọi chuyện lại khác. Một trong những thứ khiến CSS trở nên lợi hại đó chính là cách nó biến một phần ...

Reset CSS, một khái niệm rất cần thiết nhưng liệu bạn đã biết?
Reset CSS là gì? Reset CSS ám chỉ đến việc thiết lập hiển thị thống nhất cho các phần tử HTML trên các trình duyệt khác nhau. Tức là phải đảm bảo chúng về một khuôn mẫu chung để đảm bảo tính nhất quán. Nghe có vẻ mơ hồ vì tại sao ta lại phải cần đến Reset CSS? Mặc định các trình duyệt đã có ...

Làm thế nào để trở thành tay web coder cừ khôi?
Khi câu nói này đang “ám ảnh” trong tâm trí của bạn thì bạn đang sở hữu sức mạnh của sự tập trung để đạt được mong muốn. Cái bạn cần là một nguồn tài liệu thật chất , được một vài người kinh nghiệm chỉ dẫn và luôn giữ được lửa tình . Tập trung cao độ Một điều ...

Tìm hiểu kỹ thuật CSS Image Sprites trong thiết kế web
CSS Image Sprites là gì? CSS Image Sprites (hay gọi tắt là CSS Sprites) do Dave Shea đề nghị lần đầu năm 2004. Thuật ngữ “Sprites” thực ra là kỹ thuật đưa tất cả các hình ảnh trang trí như các icon hay button đặt vào một file hình duy nhất. Sau đó dùng thuộc tính background-position ...

Nén JavaScript và CSS, khi nào và tại sao phải làm như vậy?
Hẳn khi các bạn tham khảo các dự án hay source code của một ai đó có kinh nghiệm, có thể các bạn sẽ thấy trong source code của họ thường có các tệp tin dưới dạng như là style.min.css hay script.min.js . Vậy chữ min ở đây có nghĩa là gì? Nó chính là từ viết tắt của minify trong tiếng anh nghĩa ...

Tìm hiểu khái niệm DOM là gì?
DOM là gì nhỉ? Trong giới lập trình web, thuật ngữ DOM không còn xa lạ vì nó hỗ trợ cho họ làm việc trên các tài liệu HTML và XML một cách dễ dàng. DOM là gì? Vậy DOM là gì? Nó được viết tắt bởi Document Object Model , là một API (có thể hiểu là giao diện lập trình ứng dụng) cho các tài liệu ...

Sử dụng hàm trong JavaScript sao cho hiệu quả
Sử dụng hàm trong JavaScript, là kỹ thuật hay dùng để giúp mã nguồn dễ đọc và có thể tái sử dụng lại. Nhưng để dùng hàm sao cho hợp lý và hiệu quả? Việc này đòi hỏi chúng ta cần phải có bức tranh tổng quát về hàm trong JavaScript. Ta sẽ cùng nhau tìm hiểu trong bài viết này nhé. Trong ngôn ngữ ...

Nhúng một đối tượng bất kỳ vào trang web với HTML
Có thể chúng ta đã biết cách trình bày văn bản với đủ các định dạng với HTML5. Từ gạch chân, gạch ngang, in đậm, in nghiêng với đủ thể loại màu sắc. Tuy nhiên với HTML đó chưa phải là tất cả. Trong tutorial này, chúng ta sẽ cùng tìm hiểu cách nhúng một đối tượng bất kỳ vào trong trang web. Hay có ...

Cách tối ưu mã CSS Selectors sao cho hiệu quả
Tối ưu CSS Selector để đạt hiệu quả cao không phải là một chủ đề mới và thực sự thì tôi cũng không cần trình bày tất tần tật về nó, nhưng đây là một trong những thứ tôi rất thích và vẫn liên tục nghiên cứu từ lúc làm việc ở Sky. Có nên tối ưu CSS Selector? Rất nhiều người quên rằng, hoặc đơn ...