Giới thiệu series Học làm Web – Các công cụ và tài liệu cần thiết

Bạn từng muốn học thiết kế Web mà không biết bắt đầu từ đâu.Bạn muốn đi học tại các trung tâm mà sợ tiền học phí quá lớn.Trong thời gian sắp tới mình sẽ làm một series về học làm Web cơ bản từ HTML, CSS,PHP,Wordpress… Không biết bao lâu mới hoàn thành nhưng cũng cố gắng làm.

Trước khi chúng ta vào bài đầu tiên thì bài này mình xin giới thiệu đến các bạn một số công cụ hổ trợ chúng ta trong việc thiết kế web. Continue reading “Giới thiệu series Học làm Web – Các công cụ và tài liệu cần thiết”

[HTML/CSS] Bootstrap 3 RC1 – Phẳng hóa giao diện Web

Lần trước mình đã giới thiệu Flatstrap – Thiết kế phẳng cho Bootstrap đến các bạn thì hôm nay mình xin giới thiệu đến các bạn Bootstrap 3 RC1 với phong cách phẳng.Nếu các bạn chưa rõ về thiết kế phẳng là gì thì có thể đọc lại bài viết trên.Ở bài viết này mình xin giới thiệu đến các bạn những thay đổi cũng như những tính năng mới của Bootstrap 3.

bootstrap 3 Continue reading “[HTML/CSS] Bootstrap 3 RC1 – Phẳng hóa giao diện Web”

[HTML/CSS] Flatstrap – Thiết kế phẳng cho Bootstrap

Trong thời gian qua chúng ta thường nghe tới cụm từ thiết kế phẳng hay Flat design.Vậy nó là gì?

Thiết kế phẳng là gì?

Thiết kế phẳng (flat design) được coi là một triết lý thiết kế theo chủ nghĩa tối giản, tức mọi thành phần đồ họa được làm cho đơn giản nhất với những đặc tính như màu sắc rõ ràng, góc cạnh, không gian mở và tất cả được thể hiện dạng hai chiều.Bạn có thể nhìn vào giao diện của Window 8 hay Window Phone 8 để có thể thấy rỏ hơn .

windows-8-screenThiết kế mô phỏng là gì?
Continue reading “[HTML/CSS] Flatstrap – Thiết kế phẳng cho Bootstrap”

[HTML/CSS] Giới thiệu và hướng dẫn cách sử dụng Bootstrap

Twitter-Bootstrap-Tutorials

 

Có bao giờ bạn phải viết HTML/CSS rùi ngồi suy nghỉ “Tại sao mình phải viết đi viết lại nhưng class giống nhau như thế này ?” hay “Mình sẽ làm 1 css framework để về sau sử dụng lại haha :haha: “.Rồi chợt nhận ra là mọi chuyện không đơn giản như vậy class bạn viết ra ở web này rùi lại hì hục sửa ở web khác  :pudency: nhiều lúc ngồi sửa còn lâu hơn là viết mới.

Hôm nay mình sẽ giới thiệu cho các bạn cách để giải quyết vấn đề trên.Đó là sử dụng Twitter Bootstrap.

Continue reading “[HTML/CSS] Giới thiệu và hướng dẫn cách sử dụng Bootstrap”