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 ...
CSS Transition – Tạo hiệu ứng chuyển động cơ bản
Transition là gì? Transition (CSS Transition) là một thuộc tính nằm trong CSS3 nhằm tạo hiệu ứng chuyển động đẹp mắt cho các website hiện đại làm tăng tính thẩm mỹ và gây lôi cuốn với người dùng. Cách này dễ dàng hơn so với việc trước đây phải dùng JavaScript để thực hiện nhằm rút gọn thao ...
HTML – Hiển thị các ký tự đặc biệt trên trang web sao cho đúng chuẩn
Hẳn là ai trong chúng ta cũng đã từng sử dụng chức năng Insert Symbol của phần mềm soạn thảo nổi tiếng MS Word để chèn các ký tự đặc biệt như ©, ®, ™ rồi đúng không? Vậy khi chèn các ký tự đó với ngôn ngữ HTML có khác gì không? Và đúng chuẩn là như thế nào? Ký tự thay thế Hẳn là sẽ có một ...
Tìm hiểu về các thẻ hỗ trợ định nghĩa văn bản trong HTML5
Trong một số trường hợp khi trình bày văn bản với HTML, chúng ta thường sẽ viết tắt một số từ ngữ hay thuật ngữ để câu văn được ngắn gọn. Tuy nhiên, nếu như chúng ta muốn đảm bảo sao cho người dùng khi cần thì vẫn hiểu rõ các từ ngữ hay thuật ngữ đó thì làm sao? Có thể một số bạn lúc này sẽ nghĩ ...
Sự khác nhau giữa “this” và “$(this)”
Trong bài học số 2 trong khóa học jQuery căn bản trên CiOne. Các bạn đã được giới thiệu về this và $(this). Vậy chính xác thì sự khác nhau giữa chúng là gì? Chúng ta sẽ cùng nhau tìm hiểu, phân tích và làm rõ về chúng. this là gì? this là một từ khóa trong một số các ngôn ngữ lập trình hướng ...
Lập trình Front-End Developer là làm gì?
Trong thời buổi công nghệ ngày nay, kiến thức ngày càng dễ tiếp cận hơn với tất cả mọi người. Trên internet, các trang web và ứng dụng được xây dựng bởi các lập trình viên “Front End” để truyền tải thông tin, dữ liệu đến mọi người. Vậy lập trình front-end là làm những gì? Khái niệm ...
HTML – Giữ nguyên định dạng văn bản trong mã nguồn khi hiển thị
Khi soạn thảo văn bản với ngôn ngữ HTML, không ít lần chúng ta đã tự hỏi mình rằng? Đó là làm cách nào để hiển thị văn bản ra ngoài trình duyệt cũng giống y như lúc soạn thảo trong các text editor hay các IDE? Nghĩa là vẫn giữ nguyên các định dạng như ngắt dòng mà không cần phải sử dụng đến thẻ ...
R là gì? Những lý do bạn nên bắt đầu học ngôn ngữ lập trình R
1. Tổng quan về R Trong bài này, chúng ta sẽ tìm hiểu xem tại sao ngôn ngữ lập trình R và bạn có thể dùng nó để làm gì? VÌ R là một ngôn ngữ đang rất thịnh hàng, có rất nhiều lý do để bắt đầu học R và tìm hiểu lợi ích của ngôn ngữ này. Chúng ta sẽ tìm hiểu từ việc R là gì, cho đến vai trò của nó ...
Xây dựng chương trình tóm tắt văn bản (tiếng Việt) đơn giản với Machine Learning
Trong một thời đại mà mỗi ngày, mỗi giờ , mỗi phút đều có một lượng thông tin khổng lồ được sinh ra, nhưng giới hạn về thời gian, về khả năng đọc và tiếp thu của con người là có hạn, việc hiểu và nắm bắt thật nhiều thông tin một cách nhanh chóng không phải là vấn đề đơn giản với bất kỳ ai. Đã ...
