Các lỗi khi sử dụng Web Fonts
Ai cũng muốn làm cho website của mình bắt mắt, một trong những cách làm là lựa chọn cho trang web những font chữ độc đáo, đẹp mắt,… Nhưng khi đưa website lên Internet thì chao ôi, “Sao user không thấy được font của mình vậy nè???”
Font Awesome – Đơn giản hóa việc chèn icon vào trang web
Có một sự “khổ sở” khá kinh dị nếu như bạn nào đã tìm hiểu qua kỹ thuật CSS Image Sprites. Đó là các icon ảnh phải được chèn chính xác từng pixel nếu không muốn hiển thị đúng vị. Hoặc đau đầu hơn là khi phải cắt thật chính xác các icon có trong file giao diện PSD mẫu. Nhưng chuyện đó ...
Animate.css – Tạo hiệu ứng đẹp mắt cho trang web với CSS
Một trong những tính năng tuyệt vời nhất của CSS đó chính là tạo hiệu ứng với CSS3 Animation. Trước đây, mỗi khi tạo hiệu ứng cho trang web, chúng ta phải nhờ đến sự giúp sức của JavaScript. Thì giờ đây, công việc này đã phần nào được đơn giản hóa bởi CSS. Mặc dù đây là một tính năng tuy thú vị ...
Centering In CSS: Canh giữa nội dung theo chiều ngang
Ngoài những nội dung về sắp xếp bố cục, màu sắc hay font chữ,… thì canh giữa phần tử là một trong số những nội dung khá hay và rất được quan tâm. Đó là bởi vì không phải ai mới bắt đầu làm quen với CSS cũng sẽ dễ dàng nắm bắt được. Bạn có thể sẽ ngộp thở với các phép thử mà không biết thế ...
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 ...
