Zing News - Tri thức trực tuyến

M

Phần mềm chuyển đổi nhanh độ phân giải màn hình bằng phím tắt

Nếu bạn là 1 nhà thiết kế Website, bạn luôn phải thay đổi màn hình máy tính để có thể View trang Web theo nhiều kích thước. Việc thay đổi trực tiếp trên Screen Resolution khá mất thời gian. Bài hôm nay, mình sưu tầm trên trang chủ của phần mềm HotKey Resolution Changer. Nên nó viết bằng Tiếng Anh, nhưng các bạn có thể xem hình ảnh để tự cài đặt nhé. Cũng rất đơn giản thôi...
Bạn download phần mềm tại đây, sau khi giải nén được tệp tin như bên dưới và bạn làm theo nhé
Phần mềm chuyển đổi nhanh độ phân giải màn hình bằng phím tắt
This will start a tray icon, and will not automatically open the HRC window.  You don’t have to install HRC.  Double-click the tray icon to open it. 
Note: Windows 7 automatically hides new tray icons, so if you can’t see it, click the arrow to see the hidden tray icons.
cnange res - sshot-467
By default, HRC will show two entries with your default resolutions, color depth, and refresh rate.
change res - sshot-459
Add a keyboard shortcut by clicking the Change button over the resolution.  Press the keyboard shortcut you want to press to switch to that resolution; we entered Ctrl+Alt+1 for our default resolution.  Make sure not to use a keyboard shortcut you use in another application, as this will override it.  Click Set when you’ve entered the hotkey(s) you want.
image
Now, on the second entry, select the resolution you want for your alternate resolution.  The drop-down list will only show your monitor’s supported resolutions, so you don’t have to worry about choosing an incorrect resolution.  You can also set a different color depth or refresh rate for this resolution.  Now add a keyboard shortcut for this resolution as well.
change res - sshot-463
You can set keyboard shortcuts for up to 9 different resolutions with HRC.  Click the Select number of HotKeys button on the left, and choose the number of resolutions you want to set.  Here we have unique keyboard shortcuts for our three most-used resolutions on our netbook.
sshot-468
HRC must be kept running to use the keyboard shortcuts, so click the Minimize to tray icon which is the second icon to the right.  This will keep it running in the tray.
change res - sshot-464
If you want to be able to change your resolution anytime, you’ll want HRC to automatically start with Windows.  Create a shortcut to HRC, and paste it into your Windows startup folder.  You can easily open this folder by entering the following in the Run command or in the address bar in Explorer:
%appdata%\Microsoft\Windows\Start Menu\Programs\Startup
change res - sshot-466 
Conclusion
HRC- HotKey Resolution Changer gives you a great way to quickly change your screen resolution with a keyboard shortcut.  Whether or not you love keyboard shortcuts, this is still a much easier way to switch between your most commonly used resolutions.

4 màn hình LCD dành cho thiết kế đồ họa Designer

Các nhà thiết kế đồ họa rất cần trang bị cho mình 1 chiếc màn hình với màu sắc chân thực nhất, Thời đại của màn CRT đã qua, đang thay thế dần bởi công nghệ LCD và hơn thế nữa. Ở bài ngày hôm nay, ThaiAiTi muốn giới thiệu tới bạn đọc 4 chiếc màn hình LCD dành cho thiết kế đồ họa Designer với giá tầm trung bình.

BenQ EW2420

BenQ EW2420 có kích thước đường chéo màn hình lớn nhất trong số 4 sản phẩm, đến 24 inch. Màn hình sử dụng panel 8-bit VA, tỉ lệ 16:9, độ phân giải Full HD 1920 x 1080, độ tương phản tĩnh 3000:1, công nghệ tương phản động DCR đạt 20.000.000:1, độ sáng tối đa 250 cd/m2, góc nhìn rộng 1780.
BenQ EW2420 được tích hợp hai loa với công suất 1.5W/loa, có trang bị cổng USB hub mở rộng với bốn cổng USB 2.0.Ngõ giao tiếp của BenQ EW2420 gồm có D-Sub, DVI và hai cổng HDMI cho khả năng kết nối dễ dàng với nhiều tùy chọn; màn hình đi cùng chân đế có khả năng tùy chỉnh độ nghiêng từ -50 đến 200.BenQ EW2420 tiêu thụ năng lượng tối đa ở mức 53W và chỉ 1W khi ở chế độ tiết kiệm năng lượng.

Giá tham khảo: 3.300.000đ, bảo hành 3 năm.


LG IPS224V

LG IPS224V được trang bị panel IPS (LG Electronics cũng là hãng sáng chế ra công nghệ panel IPS) với góc nhìn rộng 1780, màn hình có kích thước 21,5 inch, độ phân giải Full HD 1920 x 1080, độ sáng tối đa 250 cd/m2, độ tương phản động 5.000.000:1, thời gian đáp ứng 5ms.
LG IPS224V được thiết kế khá gọn gàng và mỏng do không tích hợp bộ nguồn vào bên trong màn hình, vì thế người dùng cần cung cấp năng lượng cho màn hình thông qua adapter đi kèm. IPS224V tiêu thụ năng lượng ở mức 23W và chỉ 0.3W ở chế độ nghỉ/tiết kiệm điện. Màn hình có các ngõ giao tiếp gồm D-Sub, DVI, HDMI và ngõ ra âm thanh cho tai nghe; đi kèm là chân đế có khả năng điều chỉnh độ nghiêng từ -50 ~ 200.

Giá tham khảo: 3.700.000đ, bảo hành 2 năm.



Dell UltraSharp U2312HM

Dell là hãng sản xuất rất nổi tiếng với dòng màn hình UltraSharp cao cấp chuyên dành cho mục đích đồ họa. Dell UltraSharp U2312HM có kích thước 23 inch, sử dụng panel IPS với độ phân giải Full HD 1920 x 1080, độ tương phản tĩnh 1.000:1, tương phản động tối đa 2.000.000:1, độ sáng tối đa 300 cd/m2 và thời gian đáp ứng 8ms. Màn hình có góc nhìn rộng 1780.
Dell UltraSharp U2312HM đi kèm với chân đế cung cấp khả năng điều chỉnh độ cao, nghiêng và xoay màn hình khá tốt. Chân đế này là một điểm “ăn tiền” của U2312HM so với các đối thủ khác trong bài do nó mang đến khả năng tùy biến cao tùy theo yêu cầu từng người cũng như từng công việc đặc thù.Dell UltraSharp U2312HM cũng được tích hợp USB hub với 4 cổng USB 2.0 mở rộng. Màn hình có các ngõ giao tiếp gồm D-Sub, DVI và DisplayPort, ngoài ra còn có ngõ DC dành cho Dell Soundbar trong trường hợp người dùng mua rời phụ kiện này.

Giá tham khảo: 4.000.000đ, bảo hành 3 năm.


Asus VS229N

Asus VS229N sử dụng panel IPS nên góc nhìn của màn hình rộng 1780.Model này có kích thước 21,5 inch, độ phân giải Full HD 1920 x 1080, độ tương phản động 50.000.000:1, độ sáng 250cd/m2, thời gian đáp ứng 14ms.Asus VS229N có các ngõ giao tiếp gồm D-Sub và DVI, đi kèm chân đế chỉ có khả năng nghiêng màn hình góc -50 ~ 200.Mẫu màn hình IPS-LED này có tính năng điều chỉnh tỉ lệ khung hình sao cho phù hợp nhất với từng nhu cầu.Asus VS229N có mức tiêu thụ năng lượng khi hoạt động thấp hơn 36W, khi ở chế độ nghỉ là thấp hơn 0.5W.

Giá tham khảo: 3.700.000đ, bảo hành 3 năm.
LTN

Trải nghiệm cùng ThaiAiTi.com 1 xu hướng thiết kế Website mới

Trải nghiệm cùng ThaiAiTi.com 1 xu hướng thiết kế Website mớiWebsite là nơi khởi đầu tất cả của tôi. Thể hiện chân thực công việc. ThaiAiTi.com không ngừng phát triển và bắt nhịp cùng xu hướng của thời đại. 

Thời đại của công nghệ thông tin. Một Website được thiết kế luôn thể hiện quan điểm và cách nhìn nhận về 1 lĩnh vực nào đó. 


ThaiAiTi.com là 1 Website chuyên thiết kế Website/Blogspot theo yêu cầu. 

ThaiAiTi.com mang đến cho bạn đọc nhiều tài liệu về blogspot có giá trị, Với kho giao diện template blogspot được chính tay ThaiAiTi thiết kế và Rip theo 1 số Website có sẵn.

- Chức năng chính của ThaiAiTi.com : 


  • Thiết kế Web theo yêu cầu trên nền tảng blogspot - Wordpress. Chi tiết tại đây
  • Thiết kế Web theo 1 trang nào đó mà khách hàng thích, muốn làm giống trang ấy
  • Rip template blogspot, chi tiết tại đây
  • Nâng cấp bảo trì template của bạn , nhanh chóng
  • Dậy học nhanh nghề Photoshop, mang đến cho bạn khả năng xử lý ảnh, Phục chế ảnh... cho các Studio áo cưới, Quảng cáo, Thiết kế,...
  • Sửa chữa, nâng cấp, lắp đặt cấu hình máy tính, bạn xem chi tiết tại đây
ThaiAiTi.com ở phiên bản này, được sử dụng HTML5, CSS3, Reponsive. Là 1 Website về lĩnh vực công nghệ. Đã lựa chọn tông màu đen và màu xanh da trời cho bản thiết kế.

Mô tả các tính năng cơ bản của Template:

Home

  • Giao diện thoáng, tốc độ load khá nhanh và mượt
  • Sử dụng kiểu Show nhằm hiển thị các danh mục quan trọng dạng BOX trên trang chủ
  • Slider Images giới thiệu về lĩnh vực Thiết kế Website, Blogspot
  • Footer thể hiện bản quyền và các thông tin liên quan
  • Sử dụng Menu Drop Reponsive CSS

Posts:

  • Thêm chức năng phóng to thu nhỏ chữ trong bài viết
  • Thống kê số lượng Comment
  • Hiển thị danh mục, Tác giả....
  • Bài liên quan, Tính năng tự động hiển thị bài mới hơn và cũ hơn
  • Tích hợp Plugin ANC media Player chạy Video từ nhiều Server

Label: Phân trang chuyên nghiệp, Rút gọn Link liên kết, Tự động nhận dạng Video, Tin tức, sản phẩm, Ứng dụng SiteMap tự động ...

Trải nghiệm cùng ThaiAiTi.com 1 xu hướng thiết kế Website mới

Giao diện dành cho Di động, máy tính bảng...

Trải nghiệm cùng ThaiAiTi.com 1 xu hướng thiết kế Website mới

Giao diện Dành cho Laptop, PC...

Trải nghiệm cùng ThaiAiTi.com 1 xu hướng thiết kế Website mới

Full Flat News Template ThaiAiTi.com

Trải nghiệm cùng ThaiAiTi.com 1 xu hướng thiết kế Website mới

Tất cả vẫn đang còn nâng cấp, ThaiAiTi rất cần sự đóng góp ý kiến của bạn đọc để Website ngày càng hoàn thiện và phát triển. Thank

Có nên sử dụng Reponsive - 1 công nghệ thiết kế Website 2014

Hiện nay, Reponsive đang được ứng dụng rất nhiều trong việc thiết kế Website tự động co dãn trên nhiều thiết bị như Laptop, PC, Di động, Iphone, Máy tính bảng... 

Reponsive Web là 1 xu hướng dành cho các nhà thiết kế Website đang thịnh hành. Năm 2014, ngành thiết kế Website có khá nhiều điểm mới mẻ bên cạnh Reponsive còn phải kể tới HTML5CSS3

Xã hội đang bước vào thời đại công nghệ, thời đại của cảm ứng số. 

Theo thống kê hiện nay, thì số lượng người truy cập internet bằng điện thoại di động và máy tính bảng rất nhiều. Hiểu được điều đó, Reponsive là 1 ứng dụng cần thiết phục vụ điều đó. Bài ngày hôm nay, ThaiAiTi chia sẻ bạn đọc tham khảo thêm những ưu nhược điểm khi sử dụng Reponsive Web.

Ưu điểm của Responsive web design


1. Thân thiện với người dùng


Thiết kế đáp ứng rõ ràng sẽ khiến trang web của bạn thân thiện với người sử dụng bởi nó có thể “vừa vặn” với bất kỳ màn hình nào của hầu hết các thiết bị. Ngày nay, công nghệ phát triển không ngừng, smartphone không hề xa lạ với con người. vậy nếu bạn có một trang web áp dụng giải pháp này, mọi người sẽ luôn có khả năng kết nối với trang web của bạn một các hiệu quả nhất. Đó chính là điểm cộng đầu tiên của Responsive web design.

2. Có lợi tại phân khúc dành cho điện thoại di động


Nhờ có Responsive web design, bạn có thể tính được toàn bộ số lượt người xem trang web của bạn. Bạn có thể có được tất cả các thông tin cần thiết liên quan đến lượt người xem trang web bởi giờ đây người dùng trên di động cũng được tính lượt truy cập. Do đó, lượng người xem được tính toán chính xác sẽ rất hiệu quả cho việc phân tích, đánh giá chất lượng của trang web hoặc nâng cấp nó.

3. Nâng cao khả năng chia sẻ


Responsive web design cũng cho người chủ trang web cơ hội để thu thập tất cả những chia sẻ của các mạng xã hội chỉ với 1 đường dẫn URL. Nó sẽ cho phép bạn có những đóng góp hay hơn cho trang web, gần gũi hơn với người dùng.

4. Không phải lo về đổi hướng người dùng


Bạn sẽ không phải tạo những liên kết ngược hay đổi hướng  cho người dùng điện thoại nữa. Hẳn nhiên là trang web của bạn sẽ dễ dàng xuất hiện trên các công cụ tìm kiếm hơn.  

5. Ít phải bảo dưỡng hơn


Phát triển một trang web riêng cho điện thoại di động là bạn đang tải thêm công việc cho mình đấy. Bạn sẽ phải bỏ công duy trì cả hai trang web. Nhưng nếu bạn chọn Responsive web design, sự bảo hành cho trang  web sẽ rất nhỏ vì bạn chỉ có duy nhất một bản thiết kế  cho mọi thiết bị. Điều này sẽ làm giảm khối lượng công việc cho bạn.

Nhược điểm của Responsive web design


1. Mất thời gian để tải

 

Mặc dù đây không phải là vấn đề lớn nhưng người sử dụng Responsive web design sẽ phải download HTML/CSS – những thứ không cần thiết lắm. Việc làm cho hình ảnh vừa với các kích cỡ màn hình sẽ lấy gấp đôi thời gian tải.

2. Sự xếp hạng của Google

 

Nếu trang web của bạn chỉ hoạt động duy nhất trên điện thoại, nó có thể ảnh hưởng đến sự xếp hạng của Google bởi vì Google chưa hỗ trợ những trang web dạng này và nó sẽ không  ghi nhận trang web của bạn.

3. Tốn thời gian phát triển


Phát triển một trang web đáp ứng có thể rất tốn thời gian, nhất là khi bạn có ý định chuyể một trang web có sẵ sang dạng Responsive web design. Nếu bạn muốn có một trang web thiết kế đáp ứng, lời khuyên là hãy làm ngay từ đầu.

4. Bản thiết kế

 

Thiết kế của Responsive web design chủ yếu hay thay đổi và người thiết kế không có nhiều sự điều khiển về trang web trông sẽ thế nào khi đang thiết kế. Nó cũng khiến người thiết kế mất nhiều thời gian để hiển thị các mô hình (hay bản sao) trước. Người thiết kế phải cố gắng thể hiện khung dây và mẫu trên cả thiết bị di động và màn hình máy tính. Nếu cả hai đều được chấp nhận thì bản thiết kế mới được hoàn thành.

Hiện tại, Website ThaiAiTi.com cũng đang ứng dụng công nghệ HTML5, CSS3, Reponsive
Bạn đọc có thể truy cập và xem Demo

Thêm 1 Font chữ cực đẹp cho thiết kế Website

Font chữ Roboto Condensed đang được dân thiết kế Website sử dụng nhiều với Style thanh mảnh. nét chữ hiền. Font Roboto Condensed được sử dụng hầu hết trên các trang tin tức, cá nhân, doanh nghiệp. Điển hình, như Zing.vn. Được Google Font hỗ trợ, nên bạn có thể chèn trực tiếp.



Để chèn được Font này khá đơn giản như sau: 

Bạn chèn đoạn Code sau bên dưới <head>
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
Và khi bạn CSS: bạn Code như sau
font-family: 'Roboto Condensed', sans-serif;font-weight: 400;
Chúc bạn thành công ! 

Tổng hợp Slider Images chuyên nghiệp dành cho Web/Blogspot

Slider là 1 phần không thể thiếu trong bố cục của 1 Website. Slider giúp trang Web nhấn mạnh 1 sản phẩm hay 1 bài viết, cũng có thể là 1 Poster. Tôi rất hài lòng với những Website sử dụng SLider Images nhằm thông báo sản phẩm của họ. Hiện nay, có rất nhiều TUT hướng dẫn, ở bài ngày hôm nay ThaiAiTi.com sẽ tổng hợp 1 số mẫu Slider Code sẵn cho bạn lựa chọn.

Tổng hợp Slider Images chuyên nghiệp dành cho Web/Blogspot

1. Đây là 1 mẫu Slider Images đẹp và load khá nhanh dành cho Website/Blogspot. Với mẫu Slider này sử dụng Javascipt và CSS nhưng không ảnh hưởng nhiều tới tốc độ Website. Với phong cách 3D trông rất sang trọng

Thêm 1 mẫu Slider Images đẹp cho Blogspot

Bạn xem chi tiết cách thực hiện tại đây

2. Mẫu Slider Photos giúp bạn hiển thi những hình ảnh quảng cáo ngoài Top home hoặc bất cứ đâu. Với Slider Photos này sẽ làm cho Website của bạn thêm phần thú vị và rất chuyên nghiệp. Phù hợp với các Website bán hàng, giới thiệu sản phẩm, Công ty, cá nhân. Tùy vào nhu cầu của bạn nhé.


Cách thực hiện tại đây

3. Cách tạo Slider ảnh dùng làm quảng cáo sản phẩm mới, khuyến mại, sản phẩm HOT... cho BLogspot, hiển thị Slider này trên Top ngoài trang chủ sẽ giúp cho Web của bạn trông rất chuyên nghiệp và thêm cún hút người xem

Demo bạn xem hình dưới



- Cách thực hiện rất đơn giản, bạn xem tại đây

4. Cách tạo Slider ảnh giống nhaccuatui.com cho blogspot, với tốc độ load nhanh, mượt sẽ làm cho Web của bạn thêm ấn tượng


Cách làm:  tại đây

Và còn rất nhiều mẫu Slider Images nữa, đang chờ bạn khám phá tại Website ThaiAiTi.com

Lựa chọn màu sắc là điều quan trọng trong thiết kế Website

Lựa chọn màu sắc là điều quan trọng trong thiết kế WebsiteTôi đã khá lúng túng trong nhiều bản thiết kế Website, để lựa chọn màu sắc chân thực nhất phù hợp nhất với 1 Website. Web là nơi thể hiện lĩnh vực của 1 công ty, 1 doanh nghiệp hay 1 cá nhân. ThaiAiTi là 1 trang về lĩnh vực máy tính và thiết kế. Tôi cũng đã rất đắn đo không biết nên lựa chọn tông màu nào cho thiết kế của mình. Cuối cùng, tôi đã chọn tông màu đen kết hợp xanh da trời. 



Lựa chọn màu phù hợp

Màu an toàn nhất, dễ đọc hơn và chuyên nghiệp là sự kết hợp của chữ đen nền trắng. Theo khả năng trung bình của mắt người - màu đỏ và xanh lá cây sẽ rõ ràng nhất nếu được đặt ở giữa. Trắng, đen, vàng và xanh dương thì rõ ràng hơn khi được đặt ở vùng biên. Nếu muốn xác định hai nhóm nội dung, đừng nên sử dụng kết hợp hai màu đỏ và xanh lá, hãy luôn nhớ rằng hầu hết những người bị bệnh mù màu là mù với hai màu đỏ và xanh lá. Cũng tương tự như thế với hai màu Xanh dương và Vàng bởi vì có ít nhất 1-2% số người bị mù với hai mùa Vàng và Xanh dương.

Với mục đích để thu hút sự chú ý của người đọc thì màu đỏ hoặc những màu sặc sỡ khác có thể giúp ích được cho mục đích của bạn. Những màu sáng khác cũng rất tốt cho chế độ hiển thị nội dung trên màn hình máy tính mà có thể được xem trong một thời gian dài. Những màu này cũng thích hợp với những người dùng lớn tuổi. Nếu bạn muốn màu sắc khi thiết kế trang web phải khác biệt với nhau thì những màu xanh đậm, đỏ, màu tía, màu xám, vàng và da cam là những gam màu tốt.

Sử dụng mùa để nói về công ty hay trang web của bạn

Những màu sáng như vàng để làm hình nền có thể được dùng để highlight cho những sản phẩm hạ giá. Những màu sắc phù hợp với thương mại là màu be, xanh dương, màu đỏ tía và màu xanh lá đậm ở trên hình nền trắng hoặc một màu thật nhẹ. Bạn đừng nên tạo thoi quen cho mình khi sử dụng chữ màu xám, hoặc màu nhạt cho những đoạn văn quan trọng. Nó cũng không tốt khi bạn sử dụng nhiều tông màu Xanh cùng một lúc. Bạn đừng tạo cho người đọc cảm giác bạn còn là một người nghiệp dư khi sử dụng những màu sặc sỡ để highlight một cái gì.
Chọn màu dựa trên chế độ xem
Khi bạn trong điều kiện thiếu ánh sáng, sử dụng chữ nhẹ, mỏng với màu vàng nhạt hoặc đỏ với màu nền là mùa xanh đậm, xanh lá hoặc đỏ. Nếu bạn làm việc trong môi trường đủ ánh sáng thì chữ đen, mảnh trên nền trắng là tốt nhất.

Cách thiết kế giao diện Reponsive Web tương thích trên nhiều thiết bị

Công nghệ làm Web năm 2014 đang hướng tới các kiểu giao diện thiết kế phẳng với Reponsive Web hiển thị tốt trên nhiều thiết bị. Đây là 1 công nghệ mới khá thú vị cho các nhà thiết kế Website chuyên nghiệp.

Cách thiết kế giao diện Reponsive Web tương thích trên nhiều thiết bị

Reponsive là gì? Nôm na rằng là 1 kiểu giao diện tự co dãn, hiển thị tốt trên nhiều trình duyệt Web hoặc trên nhiều thiết bị lướt Web như iphone, laptop, PC, điện thoại di dộng...

Ở bài ngày hôm nay, ThaiAiTi sẽ hướng dẫn cho các bạn các bước thiết kế 1 giao diện Reponsive Web đơn giản và nhanh chóng nhất.

Bước 1: Chèn đoạn Code sau vào sau <head>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>

Bước 2: Chèn đoạn code sau trên </head>
<!--[if lt IE 9]> <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]-->

Bước 3: Viết CSS, bạn chèn tất cả trên ]]></b:skin> ( Với Blogspot )

Cách thiết kế giao diện Reponsive Web tương thích trên nhiều thiết bị

Trong ví dụ này, tôi có một bố cục trang cơ bản với một #header, #content nội dung, #sidebar, và #footer. Tiêu đề có height 180px cố định, nội dung #content width là 600px và #sidebar width là 300px.

HTML Code:
<div id="pagewrap"> <div id="header"><h1>Header</h1></div> <div id="content"> <h2>Content</h2> </div> <div id="sidebar"> <h3>Sidebar</h3> </div> <div id="footer"> <h4>Footer</h4> </div> </div>

Bước 4 :CSS-Media Queries

- Đầu tiên, tôi CSS cho các div trên
#pagewrap { padding: 5px; width: 960px; margin: 20px auto; } #header { height: 180px; } #content { width: 600px; float: left; } #sidebar { width: 300px; float: right; } #footer { clear: both; }
- Sau đó, tôi sẽ sử dụng CSS3 media query, với viewport từ 980px trở xuống , màn hình sẽ hiển thị 2 cột với width của #content là 65% và #sidebar là 30%
/* 980px hoặc nhỏ hơn */ @media screen and (max-width: 980px) { #pagewrap { width: 94%; } #content { width: 65%; } #sidebar { width: 30%; } }

- Và với viewport 700px trở xuống , ta set giá trị width của #content#siderbar là auto , bỏ float đi để hiển thị 1 cột full width
/* 700px hoặc nhỏ hơn */ @media screen and (max-width: 700px) { #content { width: auto; float: none; } #sidebar { width: auto; float: none; } }
- Cuối cùng , với viewport 400px trở xuống(mobile),ta set lại height  #header auto ,thay đổi font chữ h1 xuống 24px, và cho ẩn luôn sidebar
/* 480px hoặc nhỏ hơn */ @media screen and (max-width: 480px) { #header { height: auto; } h1 { font-size: 24px; } #sidebar { display: none; } }

Trên đây, chỉ là 1 ví dụ, bạn có thể làm với nhiều kích thước. Tất cả đơn vị khi bạn làm việc với Reponsive đều sử dụng %.
Chúc bạn thành công và có nhiều trải nghiệm với công nghệ mới hữu ích này.

Thiết kế Blogspot, Chuyển Template Wordpress, Joomla, PHP sang Blogspot

Hiện nay, Blogspot/Blogger đã được rất nhiều người dùng tại Việt Nam và trên toàn thế giới. Blogspot đã không còn mấy xa lạ với cộng đồng Blogger. Nói đến Blogspot trước tiên phải nói đến khả năng Seo cũng như dễ quản trị dữ liệu. Các Seoer đang tập trung dùng Blogspot làm site vệ tinh nhằm mục đích seo cho trang chính của họ. Bởi vì Blogspot luôn miễn phí hoàn toàn, tốc độ site load khá nhanh. Chất lượng Seo lại dễ dàng và rất tốt. Sở dĩ, Blogspot chính là đứa con ruột của Google - 1 tập đoàn lớn đang thống trị 1 internet.

Thiết kế Blogspot, Chuyển Template Wordpress, Joomla, PHP sang Blogspot

ThaiAiTi.com đã ra đời và hoạt động gần 1 năm trên cộng đồng mạng, 1 Website chuyên thiết kế Template Blogspot. và chất lượng được khẳng định bởi các sản phẩm được thiết kế và Edit tại đây. Với kho giao diện Template BLogspot không ngừng tăng và cải thiện.

ThaiAiTi.com luôn mang đến sự hài lòng về chất lượng Template cũng như đáp ứng nhanh chóng nhu cầu của khách hàng.

Một bài viết đã nói về việc phân biệt giữa Rip Template và convert, bạn có thể tham khảo thêm tại đây để cùng nhìn nhận

- Nhận chuyển đổi Template Wordpress, Joomla, PHP sang Template Blogspot

  • Nhanh chóng - Uy tín - Chất lượng
  • Chuẩn Seo Google
  • Thỏa thuận các chức năng trước khi bắt đầu ( Cũng có thể 1 số chức năng không thể chuyển đổi được )

- Thiết kế Website theo yêu cầu trên nền tảng Blogspot
- Thiết kế giao diện Dành cho Di động
- Thiết kế Website bán hàng, tin tức, xem phim, nghe nhạc
- Cài Win tại nhà

Mọi thông tin chi tiết, xin vui lòng liên hệ tại đây. 

Bạn đã hiểu gì về Rip Template Website chưa?

Lâu nay, mọi người hay cho rằng cứ co 1 mẫu giao diện Website giống 1 trang gốc nào đó gọi là Rip Template. Theo cá nhân mình, Đấy là 1 ý nghĩa sai lầm. Tôi cũng chưa định nghĩa được từ Rip ở đây là như thế nào. Tôi chỉ nói trên phương diện cá nhân của tôi. 


Nói nôm na rằng, nếu bạn Coppy y nguyên Code của 1 trang BLogspot nào đó thì cũng khá đơn giản và theo tôi đó mới gọi là Rip. Còn với tôi, khách hàng của tôi hay yêu cầu chuyển 1 trang Web được thiết kế bằng PHP, Wordpress, Joomla... Họ yêu cầu chuyển về Template Blogspot để tiện cho việc Seo và quản lý. Trường hợp này tôi ko gọi là Rip, tôi hay gọi nó là convert, và đó là sản phẩm của riêng cá nhân tôi, có nghĩa rằng chuyển đổi 1 định dạng PHP sang HTML và CSS, JS, cũng như khi ta chuyển đổi định dạng 1 bộ phim, hay 1 têp tin vậy. Trên cộng đồng mạng hiện nay, có khá nhiều điều để chúng ta đáng nói và suy nghĩ.

Có người nói, tôi đi Rip template của người khác, thì cái sản phẩm của tôi tạo ra đó không có giá trị và cũng không phải là sản phẩm của riêng cá nhân tôi. Nếu bạn nghĩ như thế, tôi xin trả lời bạn 1 câu rằng " Bạn chưa am hiểu gì về Code Web, BLogspot, Hay PHP ". Sở dĩ, tôi cũng chả am hiểu gì sâu xa cho lắm, nhưng tôi vẫn đang làm ra ít nhất được những Template BLogspot mà họ luôn cho rằng đó là Rip.

ThaiAiTi.com đi vào hoạt động đã được 1 thời gian, chuyên về lĩnh vực Template Blogspot. Có những sản phẩm Template do chính tôi thiết kế và tạo ra, cũng có những sản phẩm tôi Edit, clone. 

  • Rip 1 template Blogspot thì quá đơn giản
  • Bạn thử Rip 1 trang Web PHP sang Blogspot thử xem, nó chả khác gì bạn tự thiết kế 1 Template mới, chẳng qua chỉ là lấy 1 chút CSS

Điều mà tôi muốn gửi gắm ở bài này là sự chuẩn mực của từ ngữ và là những suy nghĩ trong cộng đồng mạng.

Blogspot Template:


  • Được sử dụng HTML, CSS và JavaScrip
  • Cấu trúc sử dụng các Section, Widget và có những đặc thù riêng, tất cả Code được đặt trong 1 File .XML duy nhất

PHP, Wordpress, Joomla...


  • Được sử dụng ngôn ngữ lập trình PHP
  • Cấu trúc riêng

Chỉ bấy nhiêu thôi, cũng đủ để bạn hiểu quá trình chuyển đổi từ PHP sang Blogspot không phải là đơn giản. Không chỉ đơn thuần là bạn View Code rồi Coppy và dán về Blogspot
Bạn không thể nhặt 1 chức năng nào đó từ Wordpres, Joomla.... sang Blogspot 1 cách đơn giản. Còn Với Blogspot, bạn gọi là Rip thì chỉ 10 phút, tôi có thể Rip 1 Template Blogspot đơn giản cho bạn. Bạn thử Rip PHP sang Blogspot đi thì bạn sẽ hiểu.

Vậy tại sao khi tôi tạo ra 1 sản phẩm Template Blogspot giống 1 trang Web PHP lại không phải là sản phẩm của tôi. Tôi làm ra nó trên nền tảng Blogspot kia mà. Tôi không hề Coppy y nguyên toàn bộ Code mã nguồn của trang đó. Đúng không nào?

Khi tôi tạo ra 1 sản phẩm nào đó trên nền Blogspot, đó chính là sản phẩm của tôi tạo ra, đó là bản quyền của tôi, bạn không thể phủ nhận điều đó. 

Hầu hết, tất cả các trang Web tin tức, giải trí, cho đến các trang Web thương mại điện tử đều có những kiểu giao diện truyền thống như nhau và các lối thiết kế na ná nhau và thậm chí đa số các trang Web Việt Nam đều thiết kế theo 1 mẫu Template. Tôi thấy có rất nhiều trang Web nổi tiếng ở Việt Nam họ vẫn sử dụng Template có sẵn trên thị trường để làm thương hiệu cho riêng mình.

Kiểm tra tốc độ trang Web/Blogspot với 1 ứng dụng của Google

Tôi luôn ưa thích các sản phẩm của Google - 1 tập đoạn lớn thế giới đang thống trị Internet. Tập đoạn Google hiện nay có khá nhiều ứng dụng đồ sồ như Google Search, Gmail, Adsen, Adword. và đặc biệt 1 sản phẩm xuất bản Website nhanh chóng mà tôi rất tâm đắc và khám phá hằng ngày. Blogspot giúp tôi có nhiều trải nghiệm. 

Kiểm tra tốc độ trang Web/Blogspot với 1 ứng dụng của Google

Theo cá nhân tôi, quan điểm của tôi luôn nhìn nhận rằng tất cả sản phẩm của Google đều tốt và rất có giá trị. Bài hôm nay, tôi sẽ giới thiệu cho bạn đọc thêm 1 công cụ kiếm tra tốc độ Load của 1 trang Web/Blogspot có là 1 ứng dụng có tên là PageSpeed Insights

Kiểm tra tốc độ trang Web/Blogspot với 1 ứng dụng của Google

Cách thực hiện khá đơn giản, bạn chỉ cần truy cập theo liên kết tại đây 
Tiếp theo, nhập địa chỉ trang Web/blogspot của bạn và bấm Phân tích như hình trên là ok