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

Разширяваме списъка за средата на годината. Тази версия включва няколко CLI (и тук е нашият пост за това защо трябва да научите командния ред), няколко настолни приложения за работа и забавление, както и няколко CSS и JavaScript библиотеки. Включени са и материали за четене, препратки и ръководства за най-добрите практики, които трябва да проверите, отметка и вероятно да прочетете един ден.

Няма да развалям останалата част от списъка, затова отидете. За повече свежи ресурси, кликнете тук.

Кликнете за още ресурси

Намерете цялата ни колекция от препоръчителни ресурси и най-добрите налични инструменти за уеб дизайн и разработка.

CertBot

CertBot предоставя по-удобен начин за разгръщане на сертификати от Let's Encrypt. Той предоставя набор от командни линии с поддръжка на множество сървърни конфигурации като Apache, NGINX и Plesk. Говорейки за това, Let's Encrypt е общи усилия, за да направим мрежата по-сигурна, като предоставим безплатен SSL сертификат. Понастоящем се използва в повече от 3 милиона уебсайта.

Mononoki

Mononoki е шрифт, създаден специално за показване на код. Mononoki се предлага като инсталационен шрифт на работния плот (.TTF) и уеб шрифт (.EOT, и .WOFF). Това е нова алтернатива на класиката монотипии като Монако, Менло и Куриер.

BideoJS

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

CSS Purge

CSS Purge е колекция от референции, статии и статистика за CSS. Такава находчива информация може да ви помогне да правите добре информирани решения за методите, инструментите и рамката на CSS, които искате да приемете в проекта си.

Mailgen

Mailgen е възел модул за генериране на хубав, прост отзивчив имейл HTML. Осигурени са няколко опции, които ви позволяват да персонализирате почти всяка област от имейла. Можете да зададете имейла “тема”, заглавието на имейла и “Призив за действие” бутон. Също така може да се интегрира във вашия настолен компютър или уеб приложение, базирано на Node.

Деко

Деко е IDE за изграждане на мобилно приложение с помощта на инициативата Facebook React Native. Помислете за Deco като XCode или Visual Studio, където можете да създадете приложение с потребителски интерфейс, който е лесен за ползване, като използвате плъзгачи и плъзгачи, както и избиратели на цветове.

IE8 Linter

Internet Explorer 8 (IE8) е антикварен браузър, който не поддържа модерни уеб технологии, като CSS3 Animations, Transforms, Transitions и повечето HTML5 елементи без Polyfill. Принципът DRY е инструмент, който можем да използваме за сканиране на уебсайтове за съвместимост с IE8. Той предоставя доклада и решенията.

кози

кози е неофициален десктоп ап Facebook Messenger. Той е изграден върху Node.js и Electron, което му позволява да бъде междуплатформено приложение; той е достъпен в OS X, Windows и Linux. В същото се предлага в два цвята, тъмно и светло.

Фотонен комплект

Фотонен комплект е рамка за започване на ново приложение с Electron. Подобно на Bootstrap, Фондация и харесвания, Photon идва с редица компоненти, които ви позволяват да изграждате общи елементи на потребителския интерфейс в приложение като бутоните, лентата с инструменти и страничната лента.

Yeoman App

Yeoman App е десктоп приложение, което генерира проектни котлони, рамки и скелета от Yeoman. Това е добра алтернатива за тези, които не се чувстват удобно да работят чрез терминални и командни линии.

SQLectron

SQLectron е клиент за SQL работен плот, който ви позволява да преглеждате и изпълнявате няколко SQL операции по-удобно. Той поддържа MySQL, PostgreSQL и Microsoft SQL Server. SQLectron е наличен за OS X, Windows и Linux.

Семейство SCSS

FamilySCSS е колекция от миксини, с които се избират елементите : Тото-дете по-интуитивен. Миксините са декларативни. Например, можете да пишете @include first (3) за да изберете първите три дъщерни елемента и да напишете @include between (2, 4) за да изберете 2-ро до 4-то дете.

EasyEngine

EasyEngine е набор от командни редове, които ви позволяват да конфигурирате вашия WordPress с инструменти и модули като Redis, Caching plugin и PageSpeed. Това прави настройването на сървъра на WordPress за бърз вятър.

Phinx

Phinx е PHP модул за управление на бази данни и миграция. Той идва с класове и командни линии, които ви позволяват да стартирате почти всяка операция с база данни, като писане, изтегляне и качване. Phinx Docs е полезна справка, за да ви помогне да започнете.

RichCSS

RichCSS е CSS рамка, която осигурява нормална структура. Рамката добре организира папки, директории и класове по про-DRY начин, който позволява да бъде използван за многократна употреба. Освен бутони, списъци и формуляри, RichCSS също така разполага със собствен CLI, който можете да използвате, за да започнете нов богат проект като Bower, Git и NPM..

Frend

Frend е съвкупност от общи уеб компоненти. Колекцията в момента се състои от Accordion, Dialog Modal, Offcanvas, Tooltip, Tabs, с още няколко в следващата версия. Frend може да бъде добра алтернатива на jQuery UI.

FLA

Това е цялостна рамка за изграждане на гъвкава мрежа с Flexbox.

PHP The Right Way

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

Starability

Starability е CSS библиотека за изграждане на система за класиране със звезди с фантастична анимация. Рейтингът на звездите е изграден с оглед на достъпността; можете да навигирате и да задавате звезди чрез клавиатурата.

WaitAnimate

WaitAnimate е удобен уеб инструмент за изчисляване на a “пауза” времето в една CSS анимация @keyframe. Най- “пауза”, когато е направено правилно, може да превърне анимацията в по-привлекателна - ето някои примери.