Những nguồn tài nguyên mới cho Lập trình viên trong năm 2016

Cập nhật: Lượt xem: 921 [ Kinh nghiệm ]

Công nghệ web đã được phát triển mạnh vượt qua những nhu cầu thông thường như xây dựng website và làm ứng dụng web. Có rất nhiều ứng dụng mobile và desktop đã được làm nên bởi HTML, CSS và cả JavaScript. Điều trở nên khả thi bởi sự tiện lợi của các công nghệ web và thư viện như React.js, Angularjs và Node.js. Vậy hãy cùng chúng tôi theo dõi một số nguồn tài nguyên cực kỳ quý giá dành cho lập trình viên.

Những nguồn tài nguyên mới cho Lập trình viên trong năm 2016

Flat Slider

slideui

jQuery UI có nhiều bộ sưu tập rất phổ biến đó chính là a Slider – Một UI cho phép người dùng lựa chọn một loạt giá trị số. Flat Slider là một công cụ trên web giúp tuỳ biến jQUery các kiểu UI, một trong những tác vụ rất khó khăn nhưng bây giờ lại trở nên dễ dàng hơn rất nhiều.

Utility Open-type

utility-open-type

Utility Open-type là một bộ tổng hợp những drop-in classes để ứng dụng vào các tính năng typographic cao cấp của CSS gồm những font như font ligatures, small capital letter, và nhiều loại khác nữa. Những font này cho trải nghiệm đọc tốt nhất.Ngoài ra nó cũng tương thích khá tốt kể cả ở những browser cũ không còn được hỗ trợ.

ResponsifyJS

responsifyjs

Một trong những hạn chế của việc dùng responsive image chính là việc scale các hình ảnh của mình hợp lý. Nhưng điều này lại điều chỉnh tiêu điểm của ảnh khi nó được thu lại đến một kích thước rất nhỏ.  

ResponsifyJS là một thư viện JavaSript rất tinh gọn giúp bạn có thể dùng các coordinate để giữ được độ chuẩn của hình ảnh khi nó được resize.

Linear

linear

Linear là một ứng dụng ruler dành cho Mac. Nó cho phép bạn đo và tính toán các trang web, tìm ra kích thước của các elemenent mà không cần phải sử dụng đến DevTools hoặc tìm xem liệu các element này có được center đúng không. Bạn có thế nhiều rulers cùng lúc. Và chuyển các unit từ PX to EM.

StickyStack

stickystack

StickyStack là một plugin jQuery để tạo ra các trải nghiệm thanh cuộn, khi một panel đạt đến điểm cao của nhất của khung hình, nó sẽ được đính ở góc đó, trong khi  phần cuộn vẫn sẽ tiếp tục cho phần panel tiếp theo. Đây là một plugin khá nhẹ với một vài lựa chọn cho trang container stack section. Bạn có thể xem qua demo tại đây.

Viewer

viewer

Viewer là một jQuery plugin cho image lightbox – một cách zoom hình ảnh khá phổ biến hiện nay trên các website. Plugin này cho phép người dùng rất nhiều lựa chọn tuỳ chỉnh từng phần nhỏ trên giao diện lightbox.

Plugin còn cung cấp các APIs và các sự kiện tuỳ chỉnh mà người dùng có thể toàn quyền kiểm soát các phản hổi cũng như hành vi người dùng. Ngoài ra, nó cũng khá tương thích với Internet Explorer 8.

DeviceMock

devicemock

DeviceMock là một thư viện JavaScript cho phép bạn tạo frame và mockups cho thiết bị  như điện thoại, tablet và desktop. Thư viện cũng cho bạn nhiều lựa chọn để tạo màu cho frame, tạo size. Đây có lẽ là một lựa chọn khác hay hơn ngoài việc sử dụng photoshop.

Clrs

clrscss

Clrs là một trong những điều giúp cho màu sác trên web trở nên ưa nhìn hơn, trông hiện đại hơn. Hơn nữa nó còn hỗ trợ các tính năng kết hợp màu sắc giúp sự tương thích được dễ dàng hơn. Bạn có thể triển sai các ý tưởng màu sắc này thông qua NPM, Gem, Photoshop và Illustrator.

Colorify

colorify

Colorify là một thư viện JavaScript rất nhẹ để extract các màu sắc dominant từ một hình ảnh từ nhiều APIs hiệu chỉnh màu sắc. Bạn có thể dùng nó như một placeholder cho đến khi hình ảnh của bạn được load lên đầy đủ, đồng thời sinh ra các gradient background, và điều chỉnh các interface bên cạnh để khớp với màu của hình ảnh.

BookBlock

bookblock

BooBlock là một plugin của jQuery giúp các bạn có thể tạo một booklet với hiệu ứng lật trang. Đây là một giải pháp thế cho các trang trên website của bạn đặc biệt là các chuỗi hình ảnh mà bạn muốn thể hiện ra.