[PSD] CÓ AI THƯƠNG EM NHƯ ANH ? - TÓC TIÊN - TOLIVER.

Lời đầu

Hề lô xin chào tất cả các bạn, mình là Nguyễn Chánh Đức đây, mình chẳn có gì để mở đầu, nên các bạn xuống thưởng thức PSD mình làm nhé.

Ảnh và Download

Ảnh không tên.

Ảnh có tên.

Download
Liên hệ
17 bình luận Xem chi tiết

11 WEBSITE GIÚP PHỐI MÀU THIẾT KẾ TỐT HƠN.

Ảnh minh họa.
Xin chào, mình Đức đây, hôm nay mình xin phép được chia sẻ cho các bạn 11 website giúp phối màu tốt hơn. Thôi, cùng mình tham khảo các website này nhé.

11 Website

1/ Adobe Color CC

Link truy cập: click tại đây.

2/ Color Trends.
Link truy cập: click tại đây.
Cái này dành cho các bạn thích sáng tạo phối màu, và chơi màu sắc trên cả địa cầu.

3/ Flatui Color Picker
Link truy cập: Click tại đây.
Bạn nào thích Flat Design thì vào Website này.

4/ Multicolr.
Link truy cập: Click tại đây.
Cái này mà các bạn biết tận dụng thì khá là hay đấy.

5/ Color Dot
Link truy cập: Click tại đây.
Cho mấy bạn thích ngẫu hứng di chuột khắp nơi thích màu nào thì pick màu đó EZ chưa. Đôi khi phút ngẫu hứng tạo nên siêu phẩm.

6/ Metarial Design Color.Link truy cập: Click tại đây.

7/ Color Hunter.
Link truy cập: Click tại đây.
Các bạn chỉ cần Upload 1 tấm ảnh của các bạn lên đây, nó sẽ cho các bạn 1 bảng màu riêng.

8/ Brand Colors.
Link truy cập: Click tại đây.

9/ Color Kit.
Link truy cập: Click tại đây.
Khác với những trang Web khác, các bạn vào trang này thì các bạn phải chịu bỏ ra 20$ nhé.

10/ Discover.
Link truy cập: Click tại đây.
Cái này là 1 nguồn kiểu Pinteres.

11/ Coolors.
Link truy cập: click tại đây.

Tổng kết

Bài viết đến đây là hết, những gì cần chia sẻ, mình đã chia sẻ cho các bạn rồi, mình chúc các bạn 1 ngày vui vẻ và thành công.
8 bình luận Xem chi tiết

PSD Buồn Không Em - Đạt G - Star Đức Blog.

Xin chào các bạn, dạo gần đây, Đạt G có một bản Hit mới, có tên là Buồn không em, bài này, mình thấy nó rất là hay. Họp tâm trạng của mấy bạn thất tình, nên mình quyết định Cover lại một hình ảnh giống bài hát. Nếu thấy đẹp thì các bạn có thể Share cho mình nhé. Cảm ơn các bạn.


Ảnh gốc và ảnh có tên

Ảnh không tên

Ảnh có tên.

Download và Liên hệ


Download
Facebook

Đôi lời muốn nói

Cuối bài này, mình cũng chẳng muốn nói gì nhiều, thì mình cũng xin cảm ơn các bạn đã ủng hộ mình suốt thời gian qua, mình rất cảm ơn, mình hạnh phúc lắm khi được chơi Blogger và được những người anh giúp đỡ như Lê Tuấn Anh (Star Cường IT), Khanh Blogger, Niệm Style, Hưng Star - IT, Star Quốc Blog,... Và cảm ơn các Blog bạn bè khác đã giúp đỡ mình. Đó là một động lực để mình làm Blogger. Mình xin cảm ơn tất cả các bạn. Thanks You All... À mà gần tới sinh nhật mình rồi :3 (09-08-2004) ước gì được các bạn chúc mừng sinh nhật thì vui biết mấy... Hì hì. 
45 bình luận Xem chi tiết

HƯỚNG DẪN "BẬT KHIÊN" CHO THUMBNAIL BLOGSPOT

hey yo what's up 500 anh em. Mình là CTV mới của Chánh đức đây :v hôm nay mình sẽ chia sẻ các bạn một "típ" khá hay do mình tự nghĩ ra và thực hiện. Đó chính là "bật khiên" bảo vệ cho thumbnail của blogspot, chỉ là vài đoạn code nhỏ và rất đơn giản. Mong là sẽ được các bạn đón nhận!


Hình minh họa.


HƯỚNG DẪN THỰC HIỆN

- Các bạn tìm thumbnail và thêm đoạn code bên trong nó là được.
<div class='account_price' style='background: url(https://2.bp.blogspot.com/-CIFd8nCjKS4/W2ExHrLnDxI/AAAAAAAABKg/-R-wyDf15MMIg5at6UyKSo7vwdYW02AfACLcBGAs/s1600/Untitled-1.png) repeat scroll 0 0;bottom:0;color:#019875;height:25px;left:50%;line-height:25px;margin-left:-12.5px;position:absolute;text-align:center;width:25px;bottom:-15px;'/>

- Các bạn xem ảnh bên dưới cho dễ hình dung ra nhé!!


Vậy là xong. Còn nếu bạn muốn có viền xanh như mình thì chỉ cần thêm code dưới vào trên thẻ ]]></b:skin>là ổn.
.tenid{border: 3.5px solid #2383ED;}
*tenid thay bằng id của thumbnail.

LỜI KẾT

Đơn giản quá mà phải không :3 đây là code do mình tự viết nên nếu bạn nào có copy bài thì nhớ ghi nguồn hộ mình nha. Cảm ơn các bạn rất nhiều

9 bình luận Xem chi tiết

NHỮNG HÌNH ẢNH RONALDO FULL HD TUYỆT ĐẸP.

Xin chào tất cả các bạn, hôm nay, mình xin chia sẻ cho các bạn 1 số hình nền của Cristiano Ronaldo đẹp, chất, rất rõ. Mình là Fan chân chính của Ronaldo nên mình thích thì mình chia sẻ thôi :3 bạn nào không thích thì mình đi ra chỗ khác nha. Cảm ơn...










Lời kết

Ở trên là những bức hình của Ronaldo mà mình sưu tập được, cảm ơn, cảm ơn các bạn đã ủng hộ mình suốt 13 tháng qua, mình xin cảm ơn rất nhiều, à mà bạn nào fans Ronaldo thì comment nhé. Yêu các bạn.
17 bình luận Xem chi tiết

[PSD Ảnh Bìa] Người Ta Có Thương Mình Đâu - Trúc Nhân.

Hello anh em, có hẹn thì lại gặp thôi :v
Gần đây Trúc Nhân lại cho ra 1 MV để đánh dấu sự trở lại của Trúc Nhân. MV và bài hát thì hay khỏi nói rồi, nghe mà lòng đau khi yêu 1 người mà người ta đâu có yêu lại mình đâu. Bởi vậy, có duyên mà không có nợ :((
37 bình luận Xem chi tiết

7 TIỆN ÍCH MỞ RỘNG GIÀNH CHO CÁC NHÀ PHÁT TRIỂN WEBSITE.

Ảnh minh họa.

Xin chào, mình là Star Đức Blog đây, hôm nay mình hơi mệt nên đoạn đầu mình cũng không muốn nói gì nhiều. Các bạn tham khảo luôn nhé! 


1/ WriteWell Online

Phần mở rộng được trao giải thưởng này cung cấp cho bạn một loạt các mẫu văn bản điên cuồng mà bạn có thể làm việc, bất kể dự án bạn đnag làm việc là gì. Từ các cụm từ thông minh đến sự có mặt của một biên tập viên trực quan, nó làm cho văn bản cảm thấy như đi bộ trong công viên. Nếu bạn là nhà phát triển , mình nghĩ bạn nên kiểm tra tiện ích mở rộng Google Chrome cho nhà phát triển này.

2/ iMacros for Chrome

Đây là tiện ích thứ hai trong danh sách các tiện ích mở rộng Google Chrome tốt nhất dành cho nhà phát triển Sự lặp lại là một việc vặt mà tất cả chúng ta đều muốn tránh. Khi làm việc như một nhà phát triển website, cần phải thử nhiều website nhiều lần, nếu cần. Tiện ích này giúp bạn lưu hành động của mình để bạn có thể “lặp lại” nó chỉ với một cú nhấp chuột.

3/ Window Resizer

Đây là tên đặc biệt trong danh sách tiện ích mở rộng Google Chrome tốt nhất dành cho các nhà phát triển web. Thiết kế website đáp ứng tất cả các rave như mọi người đều muốn một phiên bản của website của họ mà phù hợp với mọi thiết bị có thể. Sau đó, là những gì tốt hơn để tiếp cận những người nhỏ, phải không?. Dù sao, tiện ích mở rộng này (như tên của nó) cho phép bạn thay đổi kích thước cửa sổ trình duyệt khi làm việc trên thiết kế website đáp ứng. Nó cho phép bạn lựa chọn độ phân giải và kích thước khác nhau cho màn hình thông thường cũng như thêm kích thước tùy chỉnh để có độ chính xác tốt hơn.

4/ Project Napha

Đôi khi bạn phải làm việc với các hình ảnh đã có văn bản về chúng. Bằng cách sử dụng thuật toán nhận dạng ký tự quang học, tiện ích mở rộng Google Chrome dành cho các nhà phát triển website này cho phép bạn làm theo những văn bản này bằng cách làm cho chúng dễ đọc, có thể chỉnh sửa và thậm chí có thể dịch được khi ở một ngoại ngữ.

5/ Whatfront

Nếu cuộc sống hàng ngày dạy cho chúng ta bất cứ điều gì, đó là tất cả chúng ta đều là những thiên tài tương đối trong quyền của chúng ta. Điều này đôi khi có nghĩa là ai đó ở ngoài đó có thể làm điều gì đó khác biệt mà bạn thích như phông chữ trên website WhatFont cho bạn biết “phông chữ nào” bạn đang xem trên một trang và thậm chí còn cho phép bạn kích thước được sử dụng bởi chỉ cần di chuột qua nó

6/ Web Developer

Luôn tin tưởng vào người có tên của bạn trên đó. Nhà phát triển web hoạt động như một chiếc ví huyền ảo cho tất cả các nhà phát triển website trên mạng. Nó đi kèm dưới hình thức một nút thanh công cụ gắn liền với trình duyệt Chrome của bạn, chứa một tải xe tải các công cụ phát triển web.

7/ Search Stackoverflow

tackOverflow là một cộng đồng trực tuyến giúp giải quyết bất kỳ và mọi vấn đề liên quan đến phát triển web trên mạng, bao gồm các chủ đề từ C # và Java đến PHP và jQuery. Tìm kiếm StackOverflow là một phần mở rộng bổ sung một hộp tìm kiếm Stackoverflow trực tiếp vào trình duyệt của bạn, cho phép bạn có được câu trả lời cho các vấn đề ngay tại chỗ khi bạn tìm kiếm chúng bằng cách sử dụng hộp tìm kiếm Stackoverflow.

Tổng kết

Tất cả các tiện ích mở rộng của Google Chrome dành cho nhà phát triển được liệt kê trong trang này đều miễn phí để cài đặt, bạn chỉ cần thực hiện theo liên kết qua tiêu đề hoặc Hình ảnh. Thế nhé, chúc các bạn 1 ngày vui vẻ!
28 bình luận Xem chi tiết

PSD Cùng Em - Star Đức Blog.

Lời đầu

Xin chào tất cả các bạn, dạo này mình toàn hay ra bài về Blog với về Photoshop thôi, còn về PSD thì có Đức Huy Blog đăng dùm mình! Hôm nay mình làm được cái PSD khá đẹp, đăng lên cho các bạn chiêm ngưỡng, các bạn xem nhé!

Download & Ảnh

Có tên
Không tên

                                                        
25 bình luận Xem chi tiết

[Share] Chia Sẻ BỘ FONT VIỆT HÓA ĐẸP CHO CÁC DESIGNER.

Ảnh minh họa.

Lời chào đầu tiên

Xin chào tất cả các bạn, hôm nay, bài viết này. Mình xin chia sẻ cho các bạn 1 bộ font việt hóa, bộ font này mình nghiên cứu rất kĩ. Bộ Font này được việt hóa tất cả rồi, nên rất là đẹp. Các bạn thưởng thức nó nhé ! 

Font

Font Iciel: Download tại đây.

Font UVF: Download tại đây.

Font UTM: Download tại đây.

Font SVN: Download tại đây.

Font Việt Linh: Download tại đây.


Lời kết

Bài viết đến đây đã kết thúc đã kết rồi, bài viết này cũng không có gì để kết, hi vọng các bạn thích bộ font đó. Cảm ơn các bạn đã đọc bài viết của mình!
16 bình luận Xem chi tiết

CÁCH TẠO HIỆU ỨNG LOADING HIỆU ỨNG MÀU VỚI CSS3.


Lời đầu

Xin chào tất cả các bạn , mình là Đức đây, cũng 1 thời gian rất lâu rồi mình chưa đăng gì lên blog cả, nên hôm nay rảnh mình viết và đăng lên luôn, thời gian qua mình bận quá nên không đăng được, chắc các bác quên mình rồi =)). Bài viết hôm nay mình sẽ hương dẫn các bạn tạo hiệu ứng loading màu bằng CSS3 kết hợp với cả HTML5 nhé =)). Và mình chúc các bạn 1 kì nghỉ hè vui vẻ! 

HTML

Để tạo được hiệu ứng loading này các bạn copy cấu trúc HTML bên dưới nhé:

<div class="container"> <div class="row"> <div id="loader"> <div class="dot"></div> <div class="dot"></div> <div class="dot"></div> <div class="dot"></div> <div class="dot"></div> <div class="dot"></div> <div class="dot"></div> <div class="dot"></div> </div> </div> </div>

CSS

Cái này chúng ta không cần sử dụng Javascript gì cả. Các bạn chỉ cần để ý các dòng CSS3 bên dưới này nhé:

#loader { bottom: 0; height: 175px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 175px; } #loader { bottom: 0; height: 175px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 175px; } #loader .dot { bottom: 0; height: 100%; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 87.5px; } #loader .dot::before { border-radius: 100%; content: ""; height: 87.5px; left: 0; position: absolute; right: 0; top: 0; transform: scale(0); width: 87.5px; } #loader .dot:nth-child(7n+1) { transform: rotate(45deg); } #loader .dot:nth-child(7n+1)::before { animation: 0.8s linear 0.1s normal none infinite running load; background: #00ff80 none repeat scroll 0 0; } #loader .dot:nth-child(7n+2) { transform: rotate(90deg); } #loader .dot:nth-child(7n+2)::before { animation: 0.8s linear 0.2s normal none infinite running load; background: #00ffea none repeat scroll 0 0; } #loader .dot:nth-child(7n+3) { transform: rotate(135deg); } #loader .dot:nth-child(7n+3)::before { animation: 0.8s linear 0.3s normal none infinite running load; background: #00aaff none repeat scroll 0 0; } #loader .dot:nth-child(7n+4) { transform: rotate(180deg); } #loader .dot:nth-child(7n+4)::before { animation: 0.8s linear 0.4s normal none infinite running load; background: #0040ff none repeat scroll 0 0; } #loader .dot:nth-child(7n+5) { transform: rotate(225deg); } #loader .dot:nth-child(7n+5)::before { animation: 0.8s linear 0.5s normal none infinite running load; background: #2a00ff none repeat scroll 0 0; } #loader .dot:nth-child(7n+6) { transform: rotate(270deg); } #loader .dot:nth-child(7n+6)::before { animation: 0.8s linear 0.6s normal none infinite running load; background: #9500ff none repeat scroll 0 0; } #loader .dot:nth-child(7n+7) { transform: rotate(315deg); } #loader .dot:nth-child(7n+7)::before { animation: 0.8s linear 0.7s normal none infinite running load; background: magenta none repeat scroll 0 0; } #loader .dot:nth-child(7n+8) { transform: rotate(360deg); } #loader .dot:nth-child(7n+8)::before { animation: 0.8s linear 0.8s normal none infinite running load; background: #ff0095 none repeat scroll 0 0; }

Lời cuối

Mình mong là qua bài viết này các bạn sẽ học hỏi nhiều về CSS hơn, bài viết đã kết thúc rồi, mình chúc các bạn 1 ngày thật vui và may mắn <3 



Ảnh demo.

28 bình luận Xem chi tiết