Пресни ресурси за уеб дизайнери и разработчици (февруари 2015 г.)

След като го правите повече от година, най-трудната част за написването на тази месечна купчина ресурси за дизайнери и разработчици е въвеждането. Докато сме на тази тема, ето вашето резюме от февруари 2015 г. за най-добрите и най-пресните ресурси за уеб разработчици като вас.

В тази вноска разглеждаме специално търсачката, за да открие кодови фрагменти, много изобретателен препратка към проблеми с адреса в модула Flexbox, и инструменти за развитие за по-добро управление на цвят, шрифт и градиенти.

Gradient Animator

CSS3 Gradient ни позволява да създаваме невъзможни градиенти на нашия сайт, без да е необходимо да зареждате изображения. Можем дори да го комбинираме с CSS3 Animation, за да придадем по-непреодолим ефект. Но ако кодът е твърде много за вас, използвайте по-простия маршрут Gradient Animator, за да генерирате такъв с приятен интерфейс.

SVG Pocket Guide

SVG Pocket Guide е съставен от Joni Trythall. Това е удобен справочник, който ще ви преведе през основите на SVG (като създаване на фигури и текст) чак до по-усъвършенствани функции (като създаване на градиенти, обрязване на пътеки и модели). Книгата се предлага в Markdown формат и е достъпна на английски и португалски език.

Flexbugs

Flexbox е много обещаващ нов модул в CSS3, който напълно ще промени начина, по който изграждаме уеб оформления. Въпреки това той също идва с проблеми на съвместимостта на различни браузъри. Това хранилище, Flexbugs, е колекция от тези грешки и заобикалящите ги решения. Това е много полезен ресурс за всеки, който живее в кървящия ръб на мрежата.

Icono

Невероятно е това, което можем да постигнем само с CSS, като създадем напълно презентационна икона, използвайки само един елемент. Icono е библиотеката, която прави това. В тази библиотека ще намерите колекция от познати икони, които са направени само с един елемент и CSS. Тези икони ще се зареждат по-бързо и са по-адаптивни от иконите, базирани на изображения.

Дилинджър

Дилинджър е приятен редактор на Markdown. Тук можете да пишете в Markdown формат и веднага да видите изхода на дясната страница. За ваше удобство Dillinger ви позволява да експортирате вашата работа в HTML, PDF, или само в файлов формат Markdown, след като сте го направили. Като алтернатива можете да го свържете с услуга на трета страна, като Dropbox и Github, където можете да запазите файла си.

HTML5Up

HTML5Up е колекция от безплатни HTML5-базирани шаблони. Можете да намерите няколко оформления, които обслужват различни видове уебсайтове: бизнес, портфолио или просто обикновен блог. Всички шаблони отговарят също така, че съдържанието и оформлението на уебсайта са приятни в различни размери на екрана.

Цветове на CSS

Някога се чудя какъв е определен цвят? Цветове на CSS показва името на цвета, както и формата Hex и RGBA за колекция от основни цветове. Това е добър източник, за да намерите перфектната цветова комбинация за уебсайтовете си.

Преглед на Еммет

Прегледът е разширение на Chrome, което преглежда уебсайта ви @media заявки и показва вашия уебсайт във всяка от точките на прекъсване, посочени във всяка @media запитване. Ако търсите инструмент, който може да ви спести малко време, когато тествате отзивчивите сайтове, то това е инструментът, от който се нуждаете.

TypeGenius

Ако погледнете библиотеката на Google Шрифт, ще намерите много шрифтове с различни лица, семейство, тегло и типове. Следователно изборът на правилната двойка или комбинация от шрифтове може да бъде истинска задача. TypeGenius прави избора на шрифтови двойки опростен и бърз и възможен за общото население.

SearchCode

Както казва името, това е търсачка, която търси кодове или кодови фрагменти на много езици за програмиране, включително JavaScript, C, PHP. Тази търсачка ще извлече своя резултат от много източници като Github, Bitbucket и Google Code. Това е сигурен инструмент, който трябва да има за тежки кодери.