nad blog

Hiển thị các bài đăng có nhãn tutorial. Hiển thị tất cả bài đăng

27 tháng 7, 2014

[TUT+] Sharing Button

Hiện nay, mạng xã hội ngày càng phổ biến và việc thêm các share button chia sẻ bài viết cho website là một việc không thể thiếu nên hôm nay mình xin giới thiệu cho các bạn một số trang wen cung cấp dịch vụ này miễn phí, việc làm web của bạn sẽ đơn giản hơn rất nhiều.

1. ShareThis

Share This được các trang web sử dụng rất nhiều, hỗ trợ nhiều nền tảng, kiểu dáng cũng như website, mạng xã hội,...

2. Socialize

Một plugin Wordpress dễ dùng, hỗ trợ nhiều vị trí và bạn có thể đặt ở cuối bài hay dưới thanh tiêu đề để khuyến khích người dùng chia sẻ. Tuy chỉ hỗ trợ 12 mạng xã hội nhưng thế cũng đủ và không có nhiều ưu điểm khác nhưng cũng không đến nỗi.

3. AddThis

Cái thằng này thì khá phổ biến với nhiều ưu điểm, nhưng vì nhiều trang sử dụng nên nhìn cũng chán mắt rồi, mình khuyên các bạn không nên dùng làm gì.

4. Sharexy

Người dùng có thể lựa chọn từ hơn 20 mạng xã hội để chia sẻ, và chia sẻ qua email cũng được bao gồm. Như ShareThis và AddThis, Sharexy có thể được sử dụng trên bất kỳ loại trang web. Một plugin WordPress cũng có sẵn. Với nhiều kích thước và hình dạng cho bạn lựa chọn ( có hình sao nhìn khá dễ thương ). Nói chung là dùng tốt.

5. Digg Digg

Digg Digg là một plugin Wordpress, hỗ trợ các mạng xã hội như: Twitter, Buffer, Facebook (cả hai Chia sẻ và Like), LinkedIn, Google +1, Reddit, Pinterest, và hơn thế nữa. Với những lựa chọn bên trái, phải, trên, dưới, cũng hỗ trợ cả mail, print.

6. GetSocial

GetSocial là một plugin WordPress,cũng có những chức năng cơ bản và hỗ trợ các mạng xã hội phổ biến, có thể được sắp xếp lại theo thứ tự ưa thích bằng cách sử dụng chức năng kéo-và-thả đơn giản.

7. Slick Social

Slick Social là một dạng Panel nên khá gọn trong khi sử dụng nhưng chỉ hỗ trợ nền tảng wordpress, giao diện đẹp, với khả năng tùy chỉnh cao thì nó cũng là một lựa chọn hay.

8. Shareaholic

Shareaholic hỗ trợ hai giao diện chính với nhiều kích thước khác nhau, hỗ trợ nhiều mạng xã hội, website, mail, bookmark, với các kiểu classic, flat, sexy cho bạn lựa chọn. Shareaholic còn có cả Headline trông khá đẹp mắt nhưng load trang khá chậm.

9. AddToAny

Đúng như tên gọi, bạn có thể sử dụng Add To Any ở mọi trang web, giao diện đẹp mắt, nhiều định dạng cho nhiều vị trí cho bạn thoải mái lựa chọn. Ngoài ra, Add To Any còn hỗ trợ các "Like Buttons" của Google+, Facebook, Twitte, Printerest,...Với những ưu điểm trên thì bạn còn chờ gì nữa mà không sử dụng Add To Any.

10. Share 42

Share 42 có giao diện khá đơn giản nhưng không quá xấu, sử dụng được tại mọi trang web vì sử dụng JS nên cũng hơi chậm khi load trang, giao diện có chút khác biệt với các trang trên nhưng chỉ hỗ trợ hai giao diện là "horizontal" và "vertical "sticky"".

11. Simple Sharing Buttons

Với giao diện Flat và sử dụng Font Awesome thì trông nó khá đơn giản vì vậy bạn nên sử dụng trên những vị trí như góc hay dưới tiêu đề bài viết, thanh header hay footer...những nơi không quá nổi bật là những vị trí tuyệt vời. Simple Sharing Button cũng không hỗ trợ nhiều mạng xã hội hay trang web nhưng khi đặt tại những vị trí trên thì điều này cũng không còn quan trọng nữa. Với ưu điểm sử dụng được tại mọi trang web cũng như nền tảng và load nhanh với giao diện đơn giản thì Simple Sharing Button cũng đáng để bạn thử.

Hi vọng bài viết có ích cho các bạn!!!

[TUT+] Navigation Menu - Vertical Navigation Menu

Tiếp seri bài viết về navigation thì hôm nay mình xin tiếp tục có bài viết về navigation vertical, về cơ bản thì dạng menu này là dạng menu dọc và cũng rất tuyệt nếu bạn muốn có một thanh menu ở bên trái của web và có thể trượt theo khi kéo thanh scroll thì bạn hoàn toàn có thể lựa chọn loại nav này. Với sự sáng tạo của chính mình thì bạn hoàn toàn có thể tạo ra một nav phù hợp cho web của mình và dưới đây mình xin tổng hợp một số bài hướng dẫn mà mình tìm được trên mạng.

27 tháng 7, 2014

[TUT+] Sharing Button

1. ShareThis

2. Socialize

3. AddThis

4. Sharexy

5. Digg Digg

6. GetSocial

7. Slick Social

8. Shareaholic

9. AddToAny

10. Share 42

11. Simple Sharing Buttons

20 tháng 7, 2014

[TUT+] Navigation Menu - Vertical Navigation Menu

1. Orman Clark's Vertical Navigation Menu: The CSS3 Version

2. A smooth dropdown menu for responsive web design

3. jQuery Tendina Plugin Demo

[TUT+] Navigation Menu - Responsive Menu

1. Simple Responsive Navigation (CSS & jQuery)

2. CSS3 Responsive Menu (CSS-only)

3. Convert a Menu to a Dropdown for Small Screens

4. Responsive Mobile Menu

5. Big Menus, Small Screens: Responsive, Multi-Level Navigation

6. Trunk.js

18 tháng 7, 2014

[TUT+] Navigation Menu - Side Menu

1. Perspective Page View Navigation

2. Transitions For Off-Cavas Navigation

3. Menu Transition In Effects

4. Responsive Slide Toggle Menu

5. Animated CSS3 Perspective Menu

6. Closing Door Menu

7. Google Nexus Website Menu

8. Slide and Push Menus

9. Simple YouTube Menu Effect

10. Animated Border Menus

11. Circular Navigation

12. Multi-Level Push Menu

13. Slick Slide Side Navigation with jQuery and CSS3

14. Responsive Sliding Side Navigation with jQuery and CSS3

[TUT+] Navigation Menu - Simple Menu Bar Navigation

1. Tabbed Chrome and Blue

2. Rough Algae Horizontal Menu

3. Creative CSS3 Animated Menus

4. CSS3 Minimalistic Navigation Menu

5. jQuery Style Menu with only CSS3

6. Apple.com Menu Using Only CSS3

7. CSS Menu With Rolling

8. Sliding Background Image Menu With Jquery

9. Rocking And Rolling Rounded Menu With Jquery

10. Animated Navigation with CSS3 Transitions and Transforms

11. A Stylish Navigation Menu With jQuery

12. jQuery Simple Slide Out And Drawer Effect Plugin

13. jQuery Plugin For Animated Side Icon Menu - DD Icon Menu

Subscribe