Cân Điện Tử, Cân Điện Tử Chính Hãng

May 25, 2011 § Leave a comment

[b][url=http://www.canhungthinh.com/can-dien-tu/can-dien-tu.html]Cân Điện Tử[/url][/b],[b][url=http://www.canhungthinh.com/can-dien-tu/can-dien-tu.html]Cân Điện Tử Chính Hãng[/url][/b]

[b]Chuyên môn công ty chúng tôi[/b]
– Công ty chúng tôi chuyên cung cấp các loại cân điện tử của các hãng nổi tiếng trên thế giới với trọng lượng từ 52g tới 100 tấn!
– Các lĩnh vực ứng dụng của cân điện tử bao gồm: cân phân tích có khả năng cân từ 52g đến 210g với mức độ chính xác từ 0.0001g đến 0.00001g, cân kỹ thuật từ 100g đến 20kg; cân công nghiệp từ 30kg đến

500kg; cân xác định trọng lượng ô tô …
– Chúng tôi còn cung cấp các thiết bị khoa học kỹ thuật khác như máy đo độ ẩm, PM 410, PM 400, PM 600 Của Hãng Kett
– Công ty chúng tôi có đủ quả cân chuẩn nên chủ động trong việc hiệu chỉnh, bảo trì cân. Chúng tôi có đội ngũ kỹ thuật chuyên ngành, năng động, phụ tùng và linh kiện cân được nhập chính hãng, dự phòng dồi dào nên

có đủ khả năng khắc phục sự cố trong thời gian ngắn nhất, độ tin cậy cao nhất, giảm tối đa thiệt hại do ách tắc hoạt động trong sản xuất và thương mại của khách hàng.
– Cung cấp các chương trình điều khiển và quản lý cân, hệ thống lượng hàng hóa ra vào công ty. Quả cân F1, F2 (Từ 1mg đến 1kg), Quả Gang M1 , M2 (Từ 1kg Đến 20kg)

[b]Sức mạnh lợi thế và cạnh tranh của Cân Điện Tử Hưng Thịnh[/b]
[color=#0000ff]1. Sản phẩm,dịch vụ phong phú,đa dạng.[/color]
[color=#0000ff]2. Nhà phân phối,cung cấp sản phẩm OHAUS – USA Tại Việt Nam.[/color]
[color=#0000ff]3. Nhà phân phối,cung cấp sản phẩm SHINKO – JAPAN Tại Việt Nam.[/color]
[color=#0000ff]4. Nhà phân phối,cung cấp sản phẩm CAS – KOREA Tại Việt Nam.[/color]
[color=#0000ff]5. Đại lý cung cấp sản phẩm UTE – TAIWAN Tại Việt Nam.[/color]
[color=#0000ff]6. Đại lý cung cấp sản phẩm JADEVER – TAIWAN Tại Việt Nam.[/color]
[color=#0000ff]7. Đại lý cung cấp sản phẩm VMC – USA Tại Việt Nam.[/color]
[color=#0000ff]Ngoài ra chúng tôi chuyên cung cấp các loại cân thương hiệu nổi tiếng[/color]
[color=#0000ff]Mettlertoledo, A&D, Keli, HBM, ZEMIC, PT, Excell, DIGI, SHIMADZU, TANITA, VIBRA.[/color]

[b]CÔNG TY TNHH SX TM – DV CÂN ĐIỆN TỬ HƯNG THỊNH[/b]

– Tên đầy đủ :CÔNG TY TNHH SẢN XUẤT THƯƠNG MẠI VÀ DỊCH VỤ CÂN ĐIỆN TỬ HƯNG THỊNH.
– Tên giao dịch :HUNG THINH SCALE ELECTRONIC SERVICE AND TRADING PRODUCTION COMPANY LIMITED.
– Lĩnh vực kinh doanh : Sản Xuất Mua Bán Các Loại Cân Điện Tử.
– Trụ Sở : 152/24 Đường D1 Phường 25 Quận Bình Thạnh , TP.Hồ Chí Minh.
– Điện Thoại : ( 08 ).3512.34.53, Fax : ( 08 ).3512.34.54
– Di Động : 0906.805.804 (A.Điệp), 0903.805.804 (C.Trang)
– Website : [b][url=http://www.canhungthinh.com/can-dien-tu/can-dien-tu.html]www.canhungthinh.com[/url][/b]
– Email : pro@canhungthinh.com , vothaidiep@yahoo.com
– Tài Khoản Ngân Hàng Á Chân ACB : (VNĐ) 89660249 Ngân Hàng Á Châu ACB, Chi Nhánh PGD Hàng Xanh, TP.HCM.
– MST : 0310368516

Cân Điện Tử, Cân Điện Tử Chính Hãng

May 25, 2011 § Leave a comment

[b][url=http://www.canhungthinh.com/can-dien-tu/can-dien-tu.html]Cân Điện Tử[/url][/b],[b][url=http://www.canhungthinh.com/can-dien-tu/can-dien-tu.html]Cân Điện Tử Chính Hãng[/url][/b]

[b]Chuyên môn công ty chúng tôi[/b]
– Công ty chúng tôi chuyên cung cấp các loại cân điện tử của các hãng nổi tiếng trên thế giới với trọng lượng từ 52g tới 100 tấn!
– Các lĩnh vực ứng dụng của cân điện tử bao gồm: cân phân tích có khả năng cân từ 52g đến 210g với mức độ chính xác từ 0.0001g đến 0.00001g, cân kỹ thuật từ 100g đến 20kg; cân công nghiệp từ 30kg đến

500kg; cân xác định trọng lượng ô tô …
– Chúng tôi còn cung cấp các thiết bị khoa học kỹ thuật khác như máy đo độ ẩm, PM 410, PM 400, PM 600 Của Hãng Kett
– Công ty chúng tôi có đủ quả cân chuẩn nên chủ động trong việc hiệu chỉnh, bảo trì cân. Chúng tôi có đội ngũ kỹ thuật chuyên ngành, năng động, phụ tùng và linh kiện cân được nhập chính hãng, dự phòng dồi dào nên

có đủ khả năng khắc phục sự cố trong thời gian ngắn nhất, độ tin cậy cao nhất, giảm tối đa thiệt hại do ách tắc hoạt động trong sản xuất và thương mại của khách hàng.
– Cung cấp các chương trình điều khiển và quản lý cân, hệ thống lượng hàng hóa ra vào công ty. Quả cân F1, F2 (Từ 1mg đến 1kg), Quả Gang M1 , M2 (Từ 1kg Đến 20kg)

[b]Sức mạnh lợi thế và cạnh tranh của Cân Điện Tử Hưng Thịnh[/b]
[color=#0000ff]1. Sản phẩm,dịch vụ phong phú,đa dạng.[/color]
[color=#0000ff]2. Nhà phân phối,cung cấp sản phẩm OHAUS – USA Tại Việt Nam.[/color]
[color=#0000ff]3. Nhà phân phối,cung cấp sản phẩm SHINKO – JAPAN Tại Việt Nam.[/color]
[color=#0000ff]4. Nhà phân phối,cung cấp sản phẩm CAS – KOREA Tại Việt Nam.[/color]
[color=#0000ff]5. Đại lý cung cấp sản phẩm UTE – TAIWAN Tại Việt Nam.[/color]
[color=#0000ff]6. Đại lý cung cấp sản phẩm JADEVER – TAIWAN Tại Việt Nam.[/color]
[color=#0000ff]7. Đại lý cung cấp sản phẩm VMC – USA Tại Việt Nam.[/color]
[color=#0000ff]Ngoài ra chúng tôi chuyên cung cấp các loại cân thương hiệu nổi tiếng[/color]
[color=#0000ff]Mettlertoledo, A&D, Keli, HBM, ZEMIC, PT, Excell, DIGI, SHIMADZU, TANITA, VIBRA.[/color]

[b]CÔNG TY TNHH SX TM – DV CÂN ĐIỆN TỬ HƯNG THỊNH[/b]

– Tên đầy đủ :CÔNG TY TNHH SẢN XUẤT THƯƠNG MẠI VÀ DỊCH VỤ CÂN ĐIỆN TỬ HƯNG THỊNH.
– Tên giao dịch :HUNG THINH SCALE ELECTRONIC SERVICE AND TRADING PRODUCTION COMPANY LIMITED.
– Lĩnh vực kinh doanh : Sản Xuất Mua Bán Các Loại Cân Điện Tử.
– Trụ Sở : 152/24 Đường D1 Phường 25 Quận Bình Thạnh , TP.Hồ Chí Minh.
– Điện Thoại : ( 08 ).3512.34.53, Fax : ( 08 ).3512.34.54
– Di Động : 0906.805.804 (A.Điệp), 0903.805.804 (C.Trang)
– Website : [b][url=http://www.canhungthinh.com/can-dien-tu/can-dien-tu.html]www.canhungthinh.com[/url][/b]
– Email : pro@canhungthinh.com , vothaidiep@yahoo.com
– Tài Khoản Ngân Hàng Á Chân ACB : (VNĐ) 89660249 Ngân Hàng Á Châu ACB, Chi Nhánh PGD Hàng Xanh, TP.HCM.
– MST : 0310368516

Cân Điện Tử, Cân Điện Tử Chính Hãng

May 25, 2011 § Leave a comment

Chuyên môn công ty chúng tôi
– Công ty chúng tôi chuyên cung cấp các loại cân điện tử của các hãng nổi tiếng trên thế giới với trọng lượng từ 52g tới 100 tấn!
– Các lĩnh vực ứng dụng của cân điện tử bao gồm: cân phân tích có khả năng cân từ 52g đến 210g với mức độ chính xác từ 0.0001g đến 0.00001g, cân kỹ thuật từ 100g đến 20kg; cân công nghiệp từ 30kg đến

500kg; cân xác định trọng lượng ô tô …
– Chúng tôi còn cung cấp các thiết bị khoa học kỹ thuật khác như máy đo độ ẩm, PM 410, PM 400, PM 600 Của Hãng Kett
– Công ty chúng tôi có đủ quả cân chuẩn nên chủ động trong việc hiệu chỉnh, bảo trì cân. Chúng tôi có đội ngũ kỹ thuật chuyên ngành, năng động, phụ tùng và linh kiện cân được nhập chính hãng, dự phòng dồi dào nên

có đủ khả năng khắc phục sự cố trong thời gian ngắn nhất, độ tin cậy cao nhất, giảm tối đa thiệt hại do ách tắc hoạt động trong sản xuất và thương mại của khách hàng.
– Cung cấp các chương trình điều khiển và quản lý cân, hệ thống lượng hàng hóa ra vào công ty. Quả cân F1, F2 (Từ 1mg đến 1kg), Quả Gang M1 , M2 (Từ 1kg Đến 20kg)

Sức mạnh lợi thế và cạnh tranh của Cân Điện Tử Hưng Thịnh
1. Sản phẩm,dịch vụ phong phú,đa dạng.
2. Nhà phân phối,cung cấp sản phẩm OHAUS – USA Tại Việt Nam.
3. Nhà phân phối,cung cấp sản phẩm SHINKO – JAPAN Tại Việt Nam.
4. Nhà phân phối,cung cấp sản phẩm CAS – KOREA Tại Việt Nam.
5. Đại lý cung cấp sản phẩm UTE – TAIWAN Tại Việt Nam.
6. Đại lý cung cấp sản phẩm JADEVER – TAIWAN Tại Việt Nam.
7. Đại lý cung cấp sản phẩm VMC – USA Tại Việt Nam.
Ngoài ra chúng tôi chuyên cung cấp các loại cân thương hiệu nổi tiếng
Mettlertoledo, A&D, Keli, HBM, ZEMIC, PT, Excell, DIGI, SHIMADZU, TANITA, VIBRA.

CÔNG TY TNHH SX TM – DV CÂN ĐIỆN TỬ HƯNG THỊNH

– Tên đầy đủ :CÔNG TY TNHH SẢN XUẤT THƯƠNG MẠI VÀ DỊCH VỤ CÂN ĐIỆN TỬ HƯNG THỊNH.
– Tên giao dịch :HUNG THINH SCALE ELECTRONIC SERVICE AND TRADING PRODUCTION COMPANY LIMITED.
– Lĩnh vực kinh doanh : Sản Xuất Mua Bán Các Loại Cân Điện Tử.
– Trụ Sở : 152/24 Đường D1 Phường 25 Quận Bình Thạnh , TP.Hồ Chí Minh.
– Điện Thoại : ( 08 ).3512.34.53, Fax : ( 08 ).3512.34.54
– Di Động : 0906.805.804 (A.Điệp), 0903.805.804 (C.Trang)
– Website : http://www.canhungthinh.com
– Email : pro@canhungthinh.com , vothaidiep@yahoo.com
– Tài Khoản Ngân Hàng Á Chân ACB : (VNĐ) 89660249 Ngân Hàng Á Châu ACB, Chi Nhánh PGD Hàng Xanh, TP.HCM.
– MST : 0310368516

Cân Điện Tử, Cân Điện Tử Chính Hãng

May 25, 2011 § Leave a comment

Chuyên môn công ty chúng tôi
– Công ty chúng tôi chuyên cung cấp các loại cân điện tử của các hãng nổi tiếng trên thế giới với trọng lượng từ 52g tới 100 tấn!
– Các lĩnh vực ứng dụng của cân điện tử bao gồm: cân phân tích có khả năng cân từ 52g đến 210g với mức độ chính xác từ 0.0001g đến 0.00001g, cân kỹ thuật từ 100g đến 20kg; cân công nghiệp từ 30kg đến

500kg; cân xác định trọng lượng ô tô …
– Chúng tôi còn cung cấp các thiết bị khoa học kỹ thuật khác như máy đo độ ẩm, PM 410, PM 400, PM 600 Của Hãng Kett
– Công ty chúng tôi có đủ quả cân chuẩn nên chủ động trong việc hiệu chỉnh, bảo trì cân. Chúng tôi có đội ngũ kỹ thuật chuyên ngành, năng động, phụ tùng và linh kiện cân được nhập chính hãng, dự phòng dồi dào nên

có đủ khả năng khắc phục sự cố trong thời gian ngắn nhất, độ tin cậy cao nhất, giảm tối đa thiệt hại do ách tắc hoạt động trong sản xuất và thương mại của khách hàng.
– Cung cấp các chương trình điều khiển và quản lý cân, hệ thống lượng hàng hóa ra vào công ty. Quả cân F1, F2 (Từ 1mg đến 1kg), Quả Gang M1 , M2 (Từ 1kg Đến 20kg)

Sức mạnh lợi thế và cạnh tranh của Cân Điện Tử Hưng Thịnh
1. Sản phẩm,dịch vụ phong phú,đa dạng.
2. Nhà phân phối,cung cấp sản phẩm OHAUS – USA Tại Việt Nam.
3. Nhà phân phối,cung cấp sản phẩm SHINKO – JAPAN Tại Việt Nam.
4. Nhà phân phối,cung cấp sản phẩm CAS – KOREA Tại Việt Nam.
5. Đại lý cung cấp sản phẩm UTE – TAIWAN Tại Việt Nam.
6. Đại lý cung cấp sản phẩm JADEVER – TAIWAN Tại Việt Nam.
7. Đại lý cung cấp sản phẩm VMC – USA Tại Việt Nam.
Ngoài ra chúng tôi chuyên cung cấp các loại cân thương hiệu nổi tiếng
Mettlertoledo, A&D, Keli, HBM, ZEMIC, PT, Excell, DIGI, SHIMADZU, TANITA, VIBRA.

CÔNG TY TNHH SX TM – DV CÂN ĐIỆN TỬ HƯNG THỊNH

– Tên đầy đủ :CÔNG TY TNHH SẢN XUẤT THƯƠNG MẠI VÀ DỊCH VỤ CÂN ĐIỆN TỬ HƯNG THỊNH.
– Tên giao dịch :HUNG THINH SCALE ELECTRONIC SERVICE AND TRADING PRODUCTION COMPANY LIMITED.
– Lĩnh vực kinh doanh : Sản Xuất Mua Bán Các Loại Cân Điện Tử.
– Trụ Sở : 152/24 Đường D1 Phường 25 Quận Bình Thạnh , TP.Hồ Chí Minh.
– Điện Thoại : ( 08 ).3512.34.53, Fax : ( 08 ).3512.34.54
– Di Động : 0906.805.804 (A.Điệp), 0903.805.804 (C.Trang)
– Website : http://www.canhungthinh.com
– Email : pro@canhungthinh.com , vothaidiep@yahoo.com
– Tài Khoản Ngân Hàng Á Chân ACB : (VNĐ) 89660249 Ngân Hàng Á Châu ACB, Chi Nhánh PGD Hàng Xanh, TP.HCM.
– MST : 0310368516

Cân Điện Tử, Cân Điện Tử Chính Hãng

May 25, 2011 § Leave a comment

Chuyên môn công ty chúng tôi
– Công ty chúng tôi chuyên cung cấp các loại cân điện tử của các hãng nổi tiếng trên thế giới với trọng lượng từ 52g tới 100 tấn!
– Các lĩnh vực ứng dụng của cân điện tử bao gồm: cân phân tích có khả năng cân từ 52g đến 210g với mức độ chính xác từ 0.0001g đến 0.00001g, cân kỹ thuật từ 100g đến 20kg; cân công nghiệp từ 30kg đến

500kg; cân xác định trọng lượng ô tô …
– Chúng tôi còn cung cấp các thiết bị khoa học kỹ thuật khác như máy đo độ ẩm, PM 410, PM 400, PM 600 Của Hãng Kett
– Công ty chúng tôi có đủ quả cân chuẩn nên chủ động trong việc hiệu chỉnh, bảo trì cân. Chúng tôi có đội ngũ kỹ thuật chuyên ngành, năng động, phụ tùng và linh kiện cân được nhập chính hãng, dự phòng dồi dào nên

có đủ khả năng khắc phục sự cố trong thời gian ngắn nhất, độ tin cậy cao nhất, giảm tối đa thiệt hại do ách tắc hoạt động trong sản xuất và thương mại của khách hàng.
– Cung cấp các chương trình điều khiển và quản lý cân, hệ thống lượng hàng hóa ra vào công ty. Quả cân F1, F2 (Từ 1mg đến 1kg), Quả Gang M1 , M2 (Từ 1kg Đến 20kg)

Sức mạnh lợi thế và cạnh tranh của Cân Điện Tử Hưng Thịnh
1. Sản phẩm,dịch vụ phong phú,đa dạng.
2. Nhà phân phối,cung cấp sản phẩm OHAUS – USA Tại Việt Nam.
3. Nhà phân phối,cung cấp sản phẩm SHINKO – JAPAN Tại Việt Nam.
4. Nhà phân phối,cung cấp sản phẩm CAS – KOREA Tại Việt Nam.
5. Đại lý cung cấp sản phẩm UTE – TAIWAN Tại Việt Nam.
6. Đại lý cung cấp sản phẩm JADEVER – TAIWAN Tại Việt Nam.
7. Đại lý cung cấp sản phẩm VMC – USA Tại Việt Nam.
Ngoài ra chúng tôi chuyên cung cấp các loại cân thương hiệu nổi tiếng
Mettlertoledo, A&D, Keli, HBM, ZEMIC, PT, Excell, DIGI, SHIMADZU, TANITA, VIBRA.

CÔNG TY TNHH SX TM – DV CÂN ĐIỆN TỬ HƯNG THỊNH

– Tên đầy đủ :CÔNG TY TNHH SẢN XUẤT THƯƠNG MẠI VÀ DỊCH VỤ CÂN ĐIỆN TỬ HƯNG THỊNH.
– Tên giao dịch :HUNG THINH SCALE ELECTRONIC SERVICE AND TRADING PRODUCTION COMPANY LIMITED.
– Lĩnh vực kinh doanh : Sản Xuất Mua Bán Các Loại Cân Điện Tử.
– Trụ Sở : 152/24 Đường D1 Phường 25 Quận Bình Thạnh , TP.Hồ Chí Minh.
– Điện Thoại : ( 08 ).3512.34.53, Fax : ( 08 ).3512.34.54
– Di Động : 0906.805.804 (A.Điệp), 0903.805.804 (C.Trang)
– Website : http://www.canhungthinh.com
– Email : pro@canhungthinh.com , vothaidiep@yahoo.com
– Tài Khoản Ngân Hàng Á Chân ACB : (VNĐ) 89660249 Ngân Hàng Á Châu ACB, Chi Nhánh PGD Hàng Xanh, TP.HCM.
– MST : 0310368516

Thiết Kế Giọt Nước Rơi trong Photoshop

May 16, 2011 § Leave a comment

Trong hướng dẫn này, tôi sẽ trình bài cách tạo các giọt nước rơi trong không gian 3 chiều bằng cách sử dụng Elliptical Marquee Tool, Free Transform…


Trong hướng dẫn này, tôi sẽ trình bài cách tạo các giọt nước rơi trong không gian 3 chiều bằng cách sử dụng Elliptical Marquee Tool, Free Transform, sao chép layer và một vài hiệu ứng layer đơn giản khác.

Giới thiệu

Ý tưởng này được sử dụng từCynaraSource.com và tôi nghĩ rằng nó đã làm nên một hướng dẫn thú vị…thậm chí không hỏi tại sao tôi đã ghé thăm một trang web chỉ dành riêng cho các cây astiso.

Bước 1

Bắt đầu bằng việc mở một document mới, document của tối có kích thước 540 × 300, 72ppi như bình thường.

Trên thanh công cụ, thiết lập màu sắc của Foreground và background là màu tương ứng như sau # 67774b và # 303824, sau đó, chọn Rectangular Marquee tool, nhấn phím M. Drag một vùng chọn xung quanh 2/3 document như hiển thị bên dưới.
step1 Thiết Kế Giọt Nước Rơi trong Photoshop

Bước 2

Với vùng chọn đã thực hiện, kích hoạt Gradient tool và hãy chắc thiết lập Foreground và Background đã được chọn từ thanh công cụ phía trên và Linear Gradient cũng đã được chọn.
step2 Thiết Kế Giọt Nước Rơi trong Photoshop

Bước 3

Nhấp chuột và Drag từ phía dưới cùng của vùng chọn lên phía trên cùng để đặt Linear Gradient xuống.
step3 Thiết Kế Giọt Nước Rơi trong Photoshop

Bước 4

Bây giờ, nghich đảo vùng chọn bằng cách chọn Select>Inverse từ Menu chính hoặc chỉ cần nhấn Command-I (PC: Ctrl-I) để nghịch đảo vùng chọn bằng cách sử dụng bàn phím của bạn. Khi vùng chọn đã được đảo ngược và với Gradient tool cũng đang được chọn, drag một đường từ trên cùng của vùng chọn xuống dưới cùng như hiển thị trong ví dụ bên dưới.
step4 Thiết Kế Giọt Nước Rơi trong Photoshop

Bước 5

Bỏ chọn bằng cách nhấn Ctrl-D (PC: Ctrl-D).

Tạo một layer mới bằng cách nhấp chuột lên Icon layer mới ở phía dưới cùng của Layers palette hoặc bằng cách chọn Layer>New>Layer…từ Menu chính. Kích đúp lên layer name trong Layers Palette và gọi tên layer này là “Water Drop”.

step5 Thiết Kế Giọt Nước Rơi trong Photoshop

Bước 6

Trên thanh công cụ, thay đổi màu sắc Foreground sang màu xanh sáng hơn màu xanh sáng nhất. Chúng ta sử dụng cho gradient, I đã sử dụng #7f8a69.
Kích hoạt Elliptical Marquee tool (có thể tìm thấy trong khi Menu được kích hoạt bằng cách nhấp và giữ chuột trên Rectangular Marquee tool trên góc trái của Tools palette), sau đó, drag một giọt nước hình oval xinh xắn lên như trong hình bên dưới. Chúng ta sẽ thiết lập giọt nước khá lớn, sau đó, scale nó xuống để có được hiệu ứng như mong muốn sau này.

Với vùng chọn đã tạo ra, nhấn Option-Delete (PC: Alt-Backspace) để tô màu vùng chọn mới với foreground xanh nhạt mà chúng ta vừa chọn, sau đó, bỏ chọn bằng cách nhấn Command-D (PC: Ctrl-D).
step6 Thiết Kế Giọt Nước Rơi trong Photoshop

Bước 7

Làm xuất hiện hộp thoại Layer Styles bằng cách nhấp đúp lên layer Thumbnail trong Layers palette và gắn 3 Styles sau, sau đó nhấp OK.
step7 Thiết Kế Giọt Nước Rơi trong Photoshop
step7a Thiết Kế Giọt Nước Rơi trong Photoshop
step7b Thiết Kế Giọt Nước Rơi trong Photoshop

Bước 8

Giọt nước của bạn trông giống như thế này.
step8 Thiết Kế Giọt Nước Rơi trong Photoshop

Bước 9

Tạo một layer mới giống như bạn đã làm trong bước 5 và đặt tên là Drop Highlight. Kích hoạt Brush tool bằng cách nhấn phím B và chọn một Brush tròn với các Edge mềm có kích thước khoảng 45px có đường kính và Hardness 0%.
step9 Thiết Kế Giọt Nước Rơi trong Photoshop

Bước 10

Nhấn phím D để Reset màu sắc foreground sang màu đen & trắng, sau đó, nhấn phím X để kích hoạt màu sắc foreground và background, như vậy foreground sẽ có màu trắng.

Đặt brush ở điểm nổi bật của giọt nước và nhấp chuột lên.

step10 Thiết Kế Giọt Nước Rơi trong Photoshop

Bước 11

Bây giờ, chuyển điểm nổi bật sang hình oval và làm cho nó hiện thực hơn. Nhấn Command-T (PC: Ctrl-T) để kích hoạt Free Transform tool và sử dụng điểm Anchor và xoay điểm nổi bật cho đến khi chúng ta hài lòng về nó. Nhấn Return (PC: Enter) để khẳng định việc chuyển đổi.
step11 Thiết Kế Giọt Nước Rơi trong Photoshop

Bước 12

Thực hiện theo các bước tiếp theo thật cẩn thận:
1) Với “Drop Highlight” layer đang được chọn trong Layers palette, giữ phím Shift và nhấp chuột lên Water Drop layer (điều này sẽ làm cho cả 2 layer được chọn cùng một lúc).

2) Ctrl-Click (PC: Right-Click) trên layer và chọn Duplicate Layers. Một hộp thoại xuất hiện và yêu cầu bạn đặt tên các layer, chỉ cần nhấp Ok. Điều này sẽ tạo ra 2 layer giống hệt nhau trên 2 layer mà chúng ta đã chọn và 2 layer mới sẽ được làm nổi bật bây giờ.

3) Nhấn Ctrl-E (PC: Ctrl-E) để merge 2 layer đã chọn lại với nhau, sau đó, đổi tên layer là “Reflection” và hạ thấp Opacity của Fill xuống 40%.

step12 Thiết Kế Giọt Nước Rơi trong Photoshop

Bước 13

Bây giờ, chúng ta chuyển sang “Reflection” layer bên dưới 2 layer khác bằng cách nhấn cho phép di chuyển các “Reflection” lớp dưới hai lớp khác của chúng tôi bằng cách nhấn Command-[ (PC: Ctrl-[) hoặc bằng cách chỉ chọn layer và drag nó bên dưới layer khác.

Kích hoạt Move tool bằng cách nhấn phím V và nhấp chuột và drag layer Reflection xuống cho đến khi nó trông như hình bên dưới.

step13 Thiết Kế Giọt Nước Rơi trong Photoshop

Bước 14

Vào lúc này, giọt nước và hình phản chiếu của chúng ta đã hoàn thành. Với “Reflection” layer đã chọn, giữ phím Shift và nhấp chuột lên “Drop Highlight” layer để chọn cả 3 layer, bao gồm cả giọt nước, sau đó, nhấn Command-E (PC: Ctrl-E) để merge 3 layer này lại với nhau. Bạn có thể đổi tên layer đã merge. Giọt nước hoặc một cái gì đó mà bạn muốn.

Nhấn Command-J (PC: Ctrl-J) để sao chép layer, sau đó ẩn layer copy đầu tiên và giữ giọt nước có kích thước đầy đủ khi ẩn. Điều này sẽ rất hữu ích nếu bạn muốn sao chép và chuyển đổi nhiều giọt nước để bạn không đánh mất thông tin chuyển đổi mỗi lần.

Với layer mới đã chọn, nhấn Command-T (PC: Ctrl-T) để kích hoạt Free Transform tool như chúng ta vừa làm trước đó, bây giờ, drag các góc cho đến khi giọt nước có kích thước đầy đủ (* Chú ý: giữ phím Shift sẽ hạn chế việc chuyển đổi)- lặp lại quá trình sao chép và chuyển đổi như mong muốn.

step14 Thiết Kế Giọt Nước Rơi trong Photoshop

Bước 15

Trong ví dụ cuối cùng của tôi, tôi nghĩ rằng tôi muốn thêm iPod Shuffle mà chúng ta đã tạo ra trong bài học trước đó bằng màu đỏ với sự phản chiếu riêng để tăng thêm chiều sâu cho tác phẩm.
final Thiết Kế Giọt Nước Rơi trong Photoshop

50 thủ thuật CSS mới

May 16, 2011 § Leave a comment

50 thủ thuật CSS mới, các kỹ thuật và tài liệu hướng dẫn sẽ giúp bạn cải thiện chất lượng của thiết kế web về sau của bạn.

CSS gần như là một trong những kỹ thuật phát triển nhất trong thiết kế webkể từ khi các trình duyệt đồ họa web đầu tiên được áp dụng trên quy mô rộng.Một trong những phần hay nhất của CSS là nó quá đơn giản một khi bạn biết được những điều cơ bản.

Dưới đây là 50 thủ thuật CSS mới, các kỹ thuật và tài liệu hướng dẫn sẽ giúp bạn cải thiện chất lượng của thiết kế web về sau của bạn. Hãy chắc là bạn đã xem bài viết trước của chúng tôi: 53 kỹ thuật CSS- Bạn không thể sống nếu không có.

1. Security and Performance (An toàn và Hiệu suất)

Trong khi CSS thường đơn thuần chỉ được coi như là một kỹ thuật tạo phong cách cho ngôn ngữ, đây là các cách bạn có thể sử dụng CSS để add sự an toàn cho trang web của bạn. Ngoài ra còn có các cách có thể tối ưu hóa CSS của bạn để cải thiện thời gian load trang. Cả hai vấn đề này sẽ được đề cập bên dưới.

Làm cho các trang của bạn load nhanh hơn bằng cách kết hợp và nén các file javascript và css

This tutorial chỉ cho bạn cách làm thế nào tạo một PHP script để nén và kết hợp multiple CSS và / hoặc JavaScript files với gzip. Nó tăng tốc độ load trang trong khi vẫn có thể chỉnh sửa CSS riêng lẻ hoặc JavaScript files mà không cần phải kết hợp và nén lại mọi thứ.

Thử nghiệm cho thấy, nhóm JavaScript files đã giảm từ 168Kb (và 1905 ms to transfer) xuống 37Kb (và 400 ms).
makeyourpagesloadfaster 50 Thủ Thuật CSS Mới

The Definitive Post on Gzipping Your CSS

Bài post gồm các phương pháp tốt nhất và mới nhất về việc sử dụng GZIP để nén CSS. Hiện có hai phương pháp khác nhau, cả hai đều hiệu quả như nhau. Một bao hàm việc add một mẫu PHP cho CSS file của bạn (và đổi tên file với PHP mở rộng thay vì CSS) trong khi phương pháp khác lại liên quan đến việc sử dụng một PHP code tương tự với một số bổ sung nhưng trong một file riêng biệt.

definitivecssgzipmethod 50 Thủ Thuật CSS Mới

Clickjane.css: A CSS User Style Sheet để giúp Phát hiện và ngăn chặn Clickjacking Attacks

Bài post này giới thiệu cách làm thế nào sử dụng clickjane.css để ngăn chặn clickjacking.

clickjanecsshelpdetectandav 50 Thủ Thuật CSS Mới

5 Step Style Sheet Weight Loss Program

Bài post chỉ ra năm cách khác nhau để làm giảm kích thước style sheets của bạn. Các kỹ thuật sắp xếp theo thứ tự từ việc nghiên cứu cách phân loại các bộ chọn(selector) đến việc sử dụng CSS shorthand (phép tốc ký). Mỗi kỹ thuật được giải thích một cách tỉ mỉ và kèm theo các tài liệu liên quan.

5stepcssweightlossprogram 50 Thủ Thuật CSS Mới

2. Page Layout

Đây là những gì được xây dựng cho CSS. Các option gần như là vô tận, nhất là khi CSS3 trở thành một tiêu chuẩn mới.

Canh lề các hình ảnh trực tiếp với Vertical-Align Property

Sự canh chỉnh mặc định theo chiều dọc cho các hình ảnh trực tiếp trong text đôi khi có vẻ không mấy thú vị. tutorial này chỉ ra cho bạn cách làm thế nào để canh chỉnh hình ảnh trực tiếp với kiểu chữ của trang web tốt hơn.

aligningimageswithverticala 50 Thủ Thuật CSS Mới

CSS Centering

Bài post bao gồm các hướng dẫn để hiệu chỉnh liquid layouts (layout lỏng) với CSS. Nó rất đơn giản và dễ hiểu và hoạt động trong hầu như tất cả các trình duyệt. Về cơ bản, nó chỉ sử dụng lề trái và lề phải kết hợp với một số code bổ sung để tạo nên cross-browser tương thích.

csscentering 50 Thủ Thuật CSS Mới

Tạo Footer Stay Put với CSS

Giữ các footer ở phần dưới cùng của trang web có thể là một điều rắc rối thực sự với CSS, bởi vì nó phụ thuộc vào phần còn lại của trang được thiết lập như thế nào. This tutorial chỉ ra cách chính xác phải làm thế nào để giữ footer ở nơi nên giữ; bên dưới phần còn lại của nội dung! Đây là một bài viết rất tỉ mỉ, với các hướng dẫn hoàn chỉnh, từng bước, từng bước.

makingyourfooterstayputwith 50 Thủ Thuật CSS Mới

Căn chỉnh theo chiều dọc với CSS

Bài post trình bày năm cách tuyệt vời để căn chỉnh nội dung theo chiều dọc. Chỉ ra cả cái xấu và cái tốt của mỗi phương pháp với các hướng dẫn hoàn chỉnh để thực hiện chúng. Các phương pháp được sắp xếp theo thứ tự từ việc sử dụng divs (hoạt động như các table) đến việc sử dụng các vị trí tuyệt đối.

verticalcenteringwithcss 50 Thủ Thuật CSS Mới

Các lời khuyên cần thiết cho việc tạo ra một Print CSS Stylesheet

Bài post gồm toàn bộ các mẹo thú vị để tạo ra một print stylesheets tốt hơn. Bao gồm các hướng dẫn cho tất cả mọi thứ từ liên kết các destination (Bản ghi, tệp tin, tài liệu, hoặc đĩa mà thông tin được sao chép hoặc di chuyển vào đó; ngược với nguồn.) đằng sau liên kết text đến phân chia các comment vào một trang mới. Chọn lọc và chọn các kỹ thuật được cung cấp hoặc copy toàn bộ stylesheet.

handytipsforcreatingaprintc 50 Thủ Thuật CSS Mới

Fluid Images

Fluid layouts rất lớn. Chúng thường hoạt động thực sự tốt cho đến khi bạn bắt đầu đưa các yếu tố có chiều rộng cố định vào; Như các hình ảnh. Bài post này cũng chỉ bạn cách làm thế nào để làm cho các hình ảnh thay đổi. Nó hoạt động trong hầu hết các video nhúng. Trong khi đó kỹ thuật cơ bản chỉ bao gồm một thuộc tính CSS, có một giải pháp thay thế (cách khác) cần thiết để làm cho nó hoạt động trên các Windows machines.
fluidimages 50 Thủ Thuật CSS Mới

Equal Height Columns linh động

Bài tutorial này chỉ bạn cách làm thế nào để tạo ra các equal height column linh hoạt bằng cách sử dụng markup hợp lệ (valid) và ngữ nghĩa (semantic). Đó là một cross-browser thích hợp hoạt động với cả thiết kế fixed, fluid, và thậm chí cả thiết kế đàn hồi. Đó là một hướng dẫn rất đầy đủ nhưng hoàn toàn không phức tạp.
flexibleequalheightcolumns 50 Thủ Thuật CSS Mới

CSS Columns with Borders

Đây là một technique để tạo equal-height columns với CSS có các border. Nó sử dụng một loạt các divs lồng nhau để đạt được hiệu ứng này thay vì sử dụng các hình ảnh. Kết quả cuối cùng là rất tuyệt vời.

csscolumnswithborders 50 Thủ Thuật CSS Mới

Tạo một Polaroid Photo Viewer với CSS3 và jQuery

Thư viện hình ảnh được tạo ra với technique này là hoàn toàn awesome. HTML và CSS không phải là siêu phức tạp, và tất cả mọi thứ được giải thích thực sự rõ ràng.
polaroidphotoviewer 50 Thủ Thuật CSS Mới

A Killer Collection of Global CSS Reset Styles

Một collection các global resets cực kỳ đầy đủ, bài đăng này trình bày khá chi tiết về mỗi reset mà có thể bạn cần.
akillercollectionofglobalcs 50 Thủ Thuật CSS Mới

Making Module Layout Systems

tutorial này đưa ra các hướng dẫn đầy đủ để tạo ra các Module Layout Systems bằng cách sử dụng CSS. Thực tế là sử dụng grid – dựa trên divs khác nhau khi cần thiết cho các yếu tố của nội dung riêng. Kết quả cuối cùng mang lại rất nhiều sự linh hoạt để phân chia mọi thứ từ các hình ảnh đến text trong khi vẫn giữ tất cả được thống nhất và cân bằng.

makingmodularlayoutsystems 50 Thủ Thuật CSS Mới

Multiple Backgrounds (CSS3)

tutorial này chỉ ra cách làm thế nào để thực hiện multiple backgrounds bằng cách sử dụng CSS3. Hiện nay nó chỉ được hỗ trợ bởi Safari, nhưng hướng dẫn này, bao gồm các thủ thuật làm cho nó hoạt động trong các trình duyệt không được hỗ trợ. Hiện tại, nó không xác thực, nhưng một khi các tiêu chuẩn CSS3 được hoàn thành có nhiều khả năng sẽ làm được điều đó.

multiplebackgroundscss3 50 Thủ Thuật CSS Mới

CSS3 Multiple Columns

Đây là một tutorial để tạo multi-column layouts với CSS3. CSS khá là đơn giản và dễ hiểu, dễ dàng hơn nhiều so với hầu hết các giải pháp hiện nay để tạo multi-column layouts. Thật không may, tại thời điểm này nó chỉ hoạt động với Firefox, Safari và Chrome.

css3multiplecolumns 50 Thủ Thuật CSS Mới

Smart Columns with CSS and jQuery

tutorial này chỉ ra cách làm thế nào để tạo ra smart columns bên trong các liquid layouts bằng cách sử dụng sự kết hợp giữa CSS và jQuery.

smartcolumnswithcssjquery 50 Thủ Thuật CSS Mới

CSS Hack for Chrome, Safari and Internet Explorer

tutorial dẫn này chỉ ra cách làm thế nào để áp dụng style sheets khác nhau dựa trên trình duyệt mà khách truy cập của bạn đang sử dụng (ít nhất là trong IE5-8, Google Chrome, Safari 1-4).

3. Menu and Navigation Customizations

Menu và các dạng navigation thực sự có thể thiết lập trang web của bạn.

Overlap That Menu!

Đã bao giờ bạn muốn tạo ra các menu items chồng lên nhau chưa? This relatively-simple tutorial chỉ ra cho bạn cách làm thế nào để làm điều đó bằng cách sử dụng các classes độc đáo cho menu items của bạn. Hướng dẫn cũng cho biết thêm về cách làm thế nào để sắp xếp lại các navigation items bằng việc sử dụng z-index. Đó là một hiệu ứng đẹp mà không khó khăn để tạo ra

overlapthatmenu 50 Thủ Thuật CSS Mới

Super Awesome Buttons with CSS3 and RGBA

Với một chút ma thuật CSS3, bạn có thể tạo ra scalable set of sexy buttons với gần một nửa CSS. Đưa nó vào trong dự án tiếp theo của bạn và hãy xem nó như thế nào, nó có thể giúp add độ bóng cho website nếu bạn muốn mà không có một tác động lớn nào lên code của bạn.

56 50 Thủ Thuật CSS Mới

Custom Buttons 3.0

This page cho thấy một loạt các button có rounded-corner (góc tròn) (bán kính là 1px) mà không sử dụng hình ảnh (khác hơn so với optional background gradient). Hãy nhìn vào source code (mã nguồn) trong trang web để biết nó đã được làm như thế nào.

custombuttons30 50 Thủ Thuật CSS Mới

Centered Tabs with CSS

This tutorial cung cấp một sự chọn lựa đối với phương pháp sliding doors và việc tạo ra các thanh tab trong CSS cho phép các tab được canh giữa thay vì canh phải hoặc canh trái. Đó là một hướng dẫn gồm nhiều bước nhưng không phức tạp.

centeredtabswithcss 50 Thủ Thuật CSS Mới

Tạo kiểu dáng cho button Element với CSS Sliding Doors

tutorial được cập nhật trên sliding doors buttons. Và bây giờ chúng ta sẽ tạo ra chúng với hình ảnh sprites CSS. Nó cũng được đơn giản hóa để hoạt động với một block duy nhất của CSS trong toàn bộ các trình duyệt chính (bao gồm IE 6-8). markup đơn giản và dễ hiểu và kết quả cuối cùng là hoàn hảo.

stylingbuttonelementsliding 50 Thủ Thuật CSS Mới

Styling Buttons to Look Like Links

Đôi khi bạn phải sử dụng một button (như với các form), nhưng thiết kế của bạn sẽ trông tốt hơn rất nhiều với chỉ một đường link text đơn giản. tutorial này cung cấp một bài tổng quan hoàn chỉnh về cách làm như thế nào để các button của bạn trông như các đường link text bằng việc sử dụng CSS.

stylingbuttonsaslinks 50 Thủ Thuật CSS Mới

CSS Đơn giản, có khả năng mở rộng Dựa trên Breadcrumbs

Breadcrumbs có thể là một bổ sung tuyệt vời cho thanh navigation và thực sự có thể cải thiện tính khả dụng trong thiết kế website của bạn. tutorial này chỉ ra cho bạn cách làm thế nào để tạo breadcrumbs với CSS. Code được sử dụng rất đơn giản (phần HTML chỉ là một danh sách có thứ tự) và chỉ có sáu dạng CSS được xác định.

simplescalablecssbreadcrumb 50 Thủ Thuật CSS Mới

Tái tạo Button

article này trình bày cách làm thế nào để tạo một button trông rất giống với các button của HTML input thông thường nhưng có thể xử lý nhiều loại tương tác (như Dropdowns hoặc các chức năng bật / tắt). Các button này ban đầu được phát triển ở Google và là skinnable chỉ với một vài dòng (line) của CSS. Các button được tạo ra hoàn toàn dựa trên CSS, gồm gradient background.

recreatingthebutton 50 Thủ Thuật CSS Mới

Danh sách hơn 10 dạng đường link khả dụng – dễ nhận biết

page này cung cấp một bài tổng quan tốt về các hiệu ứng khác nhau mà bạn có thể sử dụng cho các đường link, bao gồm màu sắc và underline, backgrounds, và hình ảnh động.

listof10usabilityconsciousl 50 Thủ Thuật CSS Mới

Create Vimeo-Like Top Navigation

Đây là tutorial để tạo ra một drop-down top navigation bar tương tự như cái mà Vimeo.com sử dụng. Tất cả được thực hiện với các hình ảnh, CSS và HTML và không có một khó khăn đặc biệt nào, mặc dù nó cũng có một chút phức tạp. Đó là một giải thích thực sự rõ ràng, với hình ảnh minh họa cấu trúc và CSS được viết rất tốt.

createvimeoliketopnav 50 Thủ Thuật CSS Mới

Beautifully Horizontal Centered Menus/Tabs/List

tutorial này giải thích làm thế nào để tạo cross-browser tương thích, các menu được căn giữa hoặc các items khác trong CSS mà không có hack và không có JavaScript. Nó cũng thích hợp với các liquid layouts. Nó không chỉ cung cấp code để đạt được hiệu ứng này, mà còn giải thích đầy đủ và chính xác nó hoạt động như thế nào và tại sao nó hoạt động.

4. Typography

Dưới đây là một vài hướng dẫn và thủ thuật để tạo các kiểu dáng typographic tiên tiến bằng cách sử dụng CSS. Có tất cả mọi thứ từ các chức năng line-wrap đến faux anti-aliasing, đến việc add các gradient và shadows.

Wrapping Text Inside Pre Tags

This tutorial này chỉ ra cách làm thế nào để wrap text trong pre html tags. Rất hữu ích để hiển thị code trên trang web của bạn, đặc biệt là khi các line của code khá dài và cuối cùng phá vỡ layout trang web của bạn (đặc biệt là trong IE). Hướng dẫn tương đối đơn giản và có một vài options khác được trình bày.

wrappingtextinpretags 50 Thủ Thuật CSS Mới

Make Cool and Clever Text Effects with CSS Text-Shadow

Tạo các hiệu ứng text mà không sử dụng hình ảnh là một lợi thế rất lớn trong các điều kiện về cả kích thước tập tin và thời gian yêu cầu đối với việc bảo trì.tutorial này cho thấy làm thế nào để tận dụng lợi thế của thuộc tính text-shadow trong CSS để tạo phong cách cho text của bạn. Trong khi hiệu ứng này không hoạt động trong IE, nhưng nó lại hoạt động ở hầu hết các trình duyệt khác. Và nó trông cực kỳ cool nếu được thiết kế tốt (Tôi là một fan hâm mộ lớn của “milky text”).

coolandclevertexteffectscss 50 Thủ Thuật CSS Mới

Safari’s Text-Shadowing Anti-Aliasing CSS Hack

tutorial này hướng dẫn cách sử dụng thuộc tính text-shadow CSS để tạo ra hiệu ứng anti-aliasing trên text của bạn. Nó chỉ hoạt động trong các trình duyệt có hỗ trợ text-shadow (trừ IE), nhưng trông khá là awesome. Nó chắc chắn có thể làm cho text dễ đọc hơn, chỉ cần đừng lạm dụng nó hay bạn thực hiện với text bị nhòe.
safaristextshadowantialiasi 50 Thủ Thuật CSS Mới

Safari’s Text-Shadowing Anti-Aliasing CSS Hack Revision

Đây là một phiên bản revised (sửa đổi) của kỹ thuật ở trên để tạo ra một hiệu ứng anti-aliasing hơi khác, đặc biệt khả dụng đối với text sáng trên dark backgrounds. Nó sử dụng một black background vô cùng trong suốt để tạo ảnh hưởng tới Safari làm cho text rõ ràng hơn.

safaritextshadowantialiasin 50 Thủ Thuật CSS Mới

Snazzy Pullquotes for Your Blog

Nếu bạn có một blog hay trang web khác có text dày đặc, hãy sử dụng pull quotes để làm nổi bật các bit quan trọng có thể nhìn thực sự như là awesome trong khi lại làm cho nội dung của bạn có khả năng mở rộng hơn. tutorial này hướng dẫn cách làm thế nào để định dạng các pull quotes với CSS. Hướng dẫn cũng giới thiệu cách để tạo ra các pull quotes được canh chỉnh cả theo lề trái và lề phải, trong khi vẫn giữ được kiểu dáng blockquote đều đặn.
snazzypullquotesforyourblog 50 Thủ Thuật CSS Mới

Codename Rainbows

Đây là một technique để tạo gradient hai màu cho text sử dụng kết hợp JavaScript và CSS. Nó cũng hoạt động để apply các shadows và highlights cho text. Các khả năng để sử dụng các kỹ thuật này khá là lớn.

codenamerainbows 50 Thủ Thuật CSS Mới

Build Better CSS Font Stacks

article này đưa ra một số nguyên tắc (guidelines) tuyệt vời cho việc tạo CSS font stacks tốt hơn. Hướng dẫn bao gồm các thông tin về font stacks phổ biến nhất hiện đang được sử dụng, tiếp theo là Definitive Font Stacks của Tuck và Better Font Stacks của Ford. Đó là một nguồn tài liệu quan trong với bạn khi bạn đang xác định typography của trang web, với các thông tin đã được trình bày trong một định dạng rất có khả năng mở rộng và tiện lợi.
buildbettercssfontstacks 50 Thủ Thuật CSS Mới

CSS3 Embedding a Font Face

Đây là một tutorial tuyệt vời về cách làm thế nào để nhúng các phông chữ bằng cách sử dụng CSS3. Trong khi nó vẫn chưa được hỗ trợ rộng rãi, thì với kỹ thuật này sẽ dễ dàng hơn nhiều để nhúng các phông chữ đặc biệt vào một trang web mà không cần phải sử dụng đến hình ảnh.
css3embedafontface 50 Thủ Thuật CSS Mới

CSS Gradient Text Effect

Với một chút trick (thủ thuật)này sẽ dễ dàng để tạo gradient text bằng cách apply một gradient PNG 1 pixel cho nó. Đó là một cách nhanh chóng và dễ dàng để tạo gradient text. Thậm chí nó còn phù hợp với việc hoạt động trong IE6.
cssgradienttexteffect 50 Thủ Thuật CSS Mới

5. Other Cool Techniques, Tips, and Tricks

Dưới đây là hàng loạt các kỹ thuật và thủ thuật khác mà bạn có thể sử dụng để làm cho CSS của bạn thực sự nổi bật.

3D Cube Using CSS Transformations

Đây có lẽ là một trong những kỹ thuật CSS cool nhất mà tôi từng thấy. This tutorial chỉ ra cách làm thế nào để xây dựng một hình lập phương 3D với text hoặc nội dung khác trên mỗi bên của hình lập phương này. Nó hoàn toàn được thực hiện với CSS; không có canvas, SVG, hình ảnh, hay JavaScript. Thậm chí còn có các hướng dẫn cho việc tạo các hình lập phương nhiều bóng mờ trên một trang duy nhất. Chỉ có một hạn chế thực sự là nó chỉ được hỗ trợ trong WebKit và các trình duyệt Gecko mới nhất.
3dcubeusingcsstransformatio 50 Thủ Thuật CSS Mới

Nine Ways to Obfuscate E-mail addresses compared

article này đưa ra hai phương pháp khác nhau về obfuscating email addresses với CSS. Một phương pháp bao gồm việc sử dụng màn hình hiển thị: không có một thuộc tính nào, trong khi phương pháp khác lại bao gồm việc không có liên quan đến việc đảo ngược code. Cả hai phương pháp hỗ trợ để cắt giảm số lượng thư rác đã nhận về không.

waystoobfuscateemailaddress 50 Thủ Thuật CSS Mới

Forms Markup and CSS – Revisited

Đây là CSS template để tạo kiểu dáng form. markup của form dựa trên Accessible Forms Markup từ Derek Featherstone. Template này chính xác về mặt ngữ nghĩa, linh hoạt và dễ tiếp cận.
formsmarkupandcssrevisited 50 Thủ Thuật CSS Mới

iPhone CSS

Một tutorial rất ngắn và đơn giản hướng dẫn về cách làm cho một vài yếu tố CSS của bạn thật khác biệt trên iPhone. Thật đáng ngạc nhiên vì rất đơn giản và rất dễ thực hiện.
iphonecss 50 Thủ Thuật CSS Mới

Improving Your Process: Faster Front End Development

Trong khi this post cung cấp rất nhiều thông tin về những vấn đề khác hơn là CSS, nhưng nó cũng đưa ra một vài lời khuyên lý tưởng để cải thiện một cách hiệu quả với CSS: chủ yếu, viết CSS của bạn trong các block. Kỹ thuật này thường được thực hiện dần dần khi bạn đã nhận biết được việc sử dụng mã hóa theo cách này. Tuy nhiên các bước thực hiện rất đơn giản, và nó chắc chắn sẽ làm cho thiết kế của bạn trở nên nhanh hơn nhiều.

improvingyourprocessfasterf 50 Thủ Thuật CSS Mới

Image-Free CSS Tooltip Pointers – A Use for Polygonal CSS?

tutorial này giải thích làm thế nào để tạo ra các hình tam giác (để được sử dụng cho con trỏ) bằng cách sử dụng CSS, mà không cần bất kỳ một hình ảnh nào. Kết quả cuối cùng là rất tốt, mặc dù nó chỉ hoạt động với các hình ảnh đơn màu. CSS được sử dụng là cực kỳ đơn giản trong khi vẫn rất là linh hoạt. Bạn có thể tạo ra một tam giác có kích thước bất kỳ bằng cách sử dụng chỉ một div duy nhất.
imagefreecsstooltippointers 50 Thủ Thuật CSS Mới

How I Implemented My Cookie-Based Switcher

Trong khi hoàn toàn không phải là một thủ thuật CSS, nhưng post này chỉ ra cách làm thế nào để tạo ra một công tắc (cookie) dựa trên CSS theo chủ đề switcher cho WordPress. Nó cho phép người dùng lựa chọn sử dụng chủ đề khác nhau khi họ truy cập vào blog và cho phép người dùng mới xem một chủ đề đẹp, đơn giản, dễ đọc.

howiimplementedmycookiebase 50 Thủ Thuật CSS Mới

CSS Swap Hover Effect

technique lý tưởng này sẽ thay đổi bất kỳ hình ảnh nào với một hình ảnh khác khi bạn di chuột qua nó. Hướng dẫn chỉ ra rằng nó đã được áp dụng cho portfolio của trang web, nhưng các khả năng là vô tận. Nó rất bóng và thích họp với cross-browser (nhưng như thường lệ, IE6 đòi hỏi một cách khác).

cssswaphovereffect 50 Thủ Thuật CSS Mới

CSS Stacked Bar Graphs

Đây là một tutorial để tạo các biểu đồ dạng thanh xếp chồng lên nhau bằng cách sử dụng CSS và một vài hình ảnh.
cssstackedbargraphs 50 Thủ Thuật CSS Mới

Changing HTML Images on Hover / A Quick CSS Trick

Đây là một technique CSS nhanh và dễ để hoán đổi các hình ảnh khi di chuột. Đó là CSS tinh khiết, không có yêu cầu JavaScript. Vấn đề lớn nhất của kỹ thuật này phải được giải quyết là khi trang được in, hình ảnh cơ bản chỉ có một cái xuất hiện.
changinghtmlimagesonhover 50 Thủ Thuật CSS Mới

10 Properties that Were Impossible to Implement in IE6

collection về các thủ thuật CSS này chỉ ra cách làm thế nào để thực hiện một số kiểu dáng mà không thể được hỗ trợ trong Internet Explorer 6. Bao gồm các thủ thuật đối với opacity (độ mờ đục), các vị trí cố định, và text shadow…

propertiesimpossibletoimple 50 Thủ Thuật CSS Mới

10 Challenging But Awesome CSS Techniques

Bộ sưu tập này bao gồm mười tutorials về các kỹ thuật CSS khác nhau mà chính xác là không phải dễ dàng có được. Các kỹ thuật bao gồm pull quotes, các tham biến năng động,và kiểu dáng thay đổi theo thời gian trong ngày hoặc thậm chí theo thời tiết…
10challengingbutawesomecsst 50 Thủ Thuật CSS Mới

Where Am I?

You are currently viewing the archives for May, 2011 at dannguyends.