css
-
Hướng dẫn Thiết kế giao diện sử dụng Absolute Position
Thiết kế giao diện sử dụng Absolute Position Có một thực tế rằng Absolute Position tuy rất hay và mạnh nhưng lại chưa được sử dụng đúng với “thực lực” của nó. Đa phần người ta thường sử dụng Float và dùng Padding hoặc Margin để căn chỉnh các thành phần trong giao diện với nhau. Nhưng như bạn... -
Hướng dẫn Tìm hiểu tính năng Vertical-align trong CSS
Tìm hiểu tính năng Vertical-align trong CSS Tính năng Vertical-align trong CSS được kế thừa từ “thời đại” sử dụng bảng để thiết kế giao diện. Hiện tại tính năng valign trong table đã bị “đào thải” và không còn được sử dụng đúng chuẩn web nữa. Nhưng thay vào đó CSS lại giới thiệu một tính năng... -
Hướng dẫn Tìm hiểu và cách dùng display: inline-block
Tìm hiểu và cách dùng display: inline-block Thông thường, khi bạn muốn tạo một list đối tượng nằm ngang thì bạn cần phải sử dụng float:left/right. Tuy nhiên, các bạn có thể sử dụng display:inline-block để làm điều đó một cách đơn giản hơn. Trong bài viết này mình sẽ giới thiệu các bạn cách sử... -
Hướng dẫn Tổng quan về Sublime text 3 và hướng dẫn cài đặt
Tổng quan về Sublime text 3 Các đây vài ngày thì mình đã được Sublime HQ thông báo Sublime Text 3 đã chính thức phát hành bản build beta 3047 và chính thức dành cho người dùng không cần đăng ký. ST3 rất tuyệt vời, tuy nhiên, các plugin của ST2 không thể dùng được trên ST3 và phải chờ một thời... -
Hướng dẫn Tìm hiểu và áp dụng Icon fonts
Tìm hiểu và áp dụng Icon fonts Sự phát triển không ngừng của công nghệ đã đẩy sự sáng tạo ngày càng trở nên tuyệt vời hơn. Từ khi các trình duyệt bắt đầu tích hợp @font-face thì các thiết kế trên website ngày trở nên phong phú và đầy màu sắc. Đặt biệt, trong giai đoạn hiện nay “Thiết kế phẳng”... -
Hướng dẫn Tìm hiểu và áp dụng Web fonts
Tìm hiểu và áp dụng Web fonts Việc tạo ra một font chữ là việc đòi hỏi rất nhiều kiến thức, thời gian và chất xám. Do đó, các font chữ thường được thương mại hóa, nếu bạn sử dụng một font thương mại mà convert nó sang các định dạng khác nhau để dùng cho @font-face hoặc cúfont đều là hành động... -
Hướng dẫn Tìm hiểu và áp dụng Cúfon
Tìm hiểu và áp dụng Cúfon Có tổng cộng 3 cách để áp dụng một font “ngoại” vào website của mình. Cúfon là một phương pháp rất hay. Hôm nay thì chúng ta sẽ tìm hiểu rõ hơn về phương thức hoạt động cũng như cách áp dụng Cúfon vào website của mình. Áp dụng cúfon vào website Bạn tiến hành... -
Hướng dẫn Cách làm menu cố định khi scroll chuột
Cách làm menu cố định khi scroll chuột Floating menu thực sự không phải là một thủ thuật gì mới và ghê gớm lắm đâu. Nó có từ rất lâu rồi và cách dùng nó cũng thực sự không quá khó. Trong bài viết này mình sẽ hướng dẫn các bạn tạo một floating menu cho website và áp dụng nó vào trong XenForo... -
Hướng dẫn Tìm hiểu các vùng làm việc của CSS
Tìm hiểu các vùng làm việc của CSS 1. Giới thiệu các vùng làm việc trong CSS Để làm việc với CSS, chúng ta có thể sử dụng một trong ba vùng làm việc như sau: Vùng làm việc nội tuyến Vùng làm việc bên trong Vùng làm việc bên ngoài 2. Vùng làm việc nội tuyến Vùng làm việc nội tuyến của CSS là... -
Hướng dẫn Cách tạo hiệu ứng Dialog Box đơn giản với jQuery
Cách tạo hiệu ứng Dialog Box đơn giản với jQuery Dialog, Lightbox hay Popup là những thuật ngữ quen thuộc trong Jquery. Nó giúp mở một cửa sổ nhỏ, nổi bật giữa trang web để hiện thông báo hướng dẫn, giới thiệu hay tạo một form lấy thông tin từ người dùng. Những box như vậy tương tác ngay trên...- PVS
- Chủ đề
- css dialog box html javascript jquery lightbox vnxf vnxf.vn website xenforo
- Trả lời: 0
- Diễn đàn: JavaScript/jQuery
-
Hướng dẫn Tìm hiểu và áp dụng kỹ thuật Parallax Scrolling (Phần 2)
Tìm hiểu và áp dụng kỹ thuật Parallax Scrolling (Phần 2) Chào các bạn, chúng ta hãy cùng trở lại với chủ đề Parallax Scrolling nhé! Nếu như có bạn nào chưa biết hoặc đã quên hiệu ứng này thì có thể xem Kỹ thuật Parallax Scrolling – Phần 1 mình đã đăng trước đó. Ở phần đầu, chúng ta đã được...- PVS
- Chủ đề
- css html javascript jquery parallax scrolling vnxf vnxf.vn website xenforo
- Trả lời: 0
- Diễn đàn: JavaScript/jQuery
-
Hướng dẫn Tìm hiểu và áp dụng kỹ thuật Parallax Scrolling (Phần 1)
Tìm hiểu và áp dụng kỹ thuật Parallax Scrolling (Phần 1) Với việc phát triển nhanh chóng của những công nghệ web như HTML5, CSS3, Javascript và bên cạnh đó là sức sáng tạo không giới hạn của các Web Designer, việc tạo ra các trải nghiệm mới lạ, khiến các website thêm sinh động không còn là...- PVS
- Chủ đề
- css html javascript jquery parallax scrolling vnxf vnxf.vn website xenforo
- Trả lời: 0
- Diễn đàn: JavaScript/jQuery
-
Hướng dẫn Chia sẻ các website "đỉnh" dành cho developer và web designer
Chia sẻ các website "đỉnh" dành cho developer và web designer Đối với web designer và developer thì việc cập nhật các tin tức về xu hướng thiết kế, học các kỹ năng, kỹ thuật mới, đọc các bài phân tích, tìm ý tưởng sáng tạo cho website hay cần tìm đọc các tài liệu tham khảo là điều rất cần...- PVS
- Chủ đề
- css designer developer html vnxf vnxf.vn web website xenforo
- Trả lời: 0
- Diễn đàn: Tips and Guides
-
Hướng dẫn Tìm hiểu các kỹ thuật quản lý CSS của website tốt hơn
Tìm hiểu các kỹ thuật quản lý CSS của website tốt hơn Học CSS để có thể tự thiết kế giao diện cho website không hề khó vì CSS vốn rất dễ học. Chỉ cần biết quy tắc cú pháp viết CSS, biết lập vùng chọn và chịu khó tham khảo các thuộc tính là có thể viết được ngon lành. Thế nhưng một cái khó... -
Hướng dẫn Sử dụng SASS để triển khai OOCSS
Sử dụng SASS để triển khai OOCSS Kỹ thuật viết CSS theo kỹ thuật OOCSS (CSS hướng đối tượng) nhằm giúp hạn chế khả năng trùng lặp CSS, cũng như dễ bảo dưỡng nếu sau này có nhu cầu sửa lại. Thế nhưng bản thân mình lúc mới áp dụng OOCSS cũng cảm thấy có một khó khăn rất lớn đó là mình không thể... -
Hướng dẫn Giới thiệu Brackets Editor cho Web Designer
Giới thiệu Brackets Editor cho Web Designer Sau một thời gian sử dụng công cụ code editor Brackets, mình đã chính thức tạm bỏ hẳn Sublime Text và Coda 2 để sang dùng Brackets vì các lợi ích vượt trội của nó trong việc thiết kế website, đặc biệt là công việc front-end development vốn làm việc...- PVS
- Chủ đề
- brackets editor cascading style sheets css html hypertext markup language vnxf vnxf.vn web designer website xenforo
- Trả lời: 0
- Diễn đàn: Tips and Guides
-
Hướng dẫn Hướng dẫn cách dàn trang với CSS Flexbox
Hướng dẫn cách dàn trang với CSS Flexbox Trong CSS, từ trước tới nay nếu chúng ta muốn dàn layout của trang thì sẽ sử dụng các thuộc tính float và kỹ thuật clear float để chia cột website như ý muốn. Hoặc muốn thuận tiện hơn thì sử dụng các CSS Grid Framework để tiết kiệm thời gian. Nhưng nói... -
Hướng dẫn Hướng dẫn cách chia cột trong CSS tối ưu với Semantic.gs
Hướng dẫn cách chia cột trong CSS tối ưu với Semantic.gs Thực tế dựa theo kinh nghiệm đã trải qua của mình, thì phần chia cột cho website trong CSS là bước mình thấy buồn nhạt nhất vì chúng ta phải làm đi làm lại một động tác với nhiều đoạn CSS na ná nhau. Chính vì lẽ đó, mình đã chuyển qua... -
Hướng dẫn Tổng quan về 960 Grid – CSS Framework
Tổng quan về 960 Grid – CSS Framework 960 Grid là một CSS Framework, mục đích của nó là giúp những người thiết kế web có thể tiết kiệm thời gian, công sức cho những công việc phải lặp đi lặp lại. Tuy đây là một framework rất phổ biến nhưng lại thiếu trầm trọng tài liệu hướng dẫn. Nếu đây là lần... -
Hướng dẫn Tổng hợp 11 bộ sưu tập hiệu ứng CSS3 đẹp mắt cho website
Tổng hợp 11 bộ sưu tập hiệu ứng CSS3 đẹp mắt cho website Với các tính năng hỗ trợ các hiệu ứng chuyển động trong CSS3, giờ đây bạn có thể tự tạo các hiệu ứng chuyển động vô cùng đẹp mắt và chuyên nghiệp mà không cần dùng tới sự trợ giúp của Javascript hay jQuery vì nó là nguyên nhân ảnh hưởng...
