Свежие ресурсы для веб-дизайнеров и разработчиков (июнь 2016 г.)
Мы расширяем список для издания середины года. В этой части представлены несколько CLI (и вот наш пост о том, почему вы должны изучать командную строку), несколько настольных приложений для работы и развлечений и несколько библиотек CSS и JavaScript. Также включены материалы для чтения, ссылки и руководства по передовым методам, которые вы должны проверить, добавить в закладки и, возможно, прочитать однажды.
Я не собираюсь портить остальную часть списка, так что пошли. Для более свежих ресурсов, нажмите здесь.
Нажмите для получения дополнительных ресурсовНажмите для получения дополнительных ресурсов
Найдите всю нашу коллекцию рекомендуемых ресурсов и лучшие доступные инструменты веб-дизайна и разработки.
CertBot
CertBot предоставляет более удобный способ развертывания сертификатов из Let's Encrypt. Он предоставляет набор командных строк с поддержкой многочисленных конфигураций серверов, таких как Apache, NGINX и Plesk. Говоря об этом, Let's Encrypt - это совместная попытка сделать Интернет более безопасным, предоставив бесплатный SSL-сертификат. В настоящее время он используется на более чем 3 миллионах веб-сайтов..

Mononoki
Mononoki это шрифт, разработанный специально для отображения кода Mononoki доступен в виде устанавливаемого шрифта рабочего стола (.TTF
) и веб-шрифт (.СРВ
, а также .Уофф
). Это свежая альтернатива классике монотипии как Монако, Менло и Курьер.

BideoJS
Похоже, что показ полноэкранного видео с автоматическим воспроизведением на главной странице является растущей тенденцией. BideoJS библиотека JavaScript, которая позволяет вам делать это с меньшими трудностями Это легкий, отзывчивый и может быть настроен в соответствии с вашими потребностями.

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

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

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

IE8 Linter
Internet Explorer 8 (IE8) - это античный браузер, который не поддерживает современные веб-технологии, такие как анимация CSS3, преобразования, переходы и большинство элементов HTML5 без polyfill. Принцип DRY - это инструмент, который мы можем использовать для сканирования веб-сайтов на совместимость с IE8. Предоставляет отчет и решения.

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

Фотон Кит
Фотон Кит является основой для запуска нового приложения с Electron. Во многом как Bootstrap, Foundation и тому подобное, Photon поставляется с рядом компонентов, которые позволяют вам создавать общие элементы пользовательского интерфейса в приложении, такие как кнопки, панель инструментов и боковая панель..

Yeoman App
Yeoman App это настольное приложение, которое генерирует шаблоны проекта, фреймворк и леса от Yeoman. Это хорошая альтернатива для тех, кому неудобно работать через терминал и командные строки..

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

Семейный СКС
FamilySCSS это коллекция миксинов, которая делает выбор элементов с : П-й ребенок
более интуитивно понятный Миксины являются декларативными. Например, вы можете написать @include first (3)
выбрать первые три дочерних элемента и написать @include между (2, 4)
выбрать от 2-го до 4-го дочернего элемента.

EasyEngine
EasyEngine представляет собой набор командных строк, которые позволяют вам настроить WordPress с помощью таких инструментов и модулей, как Redis, плагин Caching и PageSpeed. Это делает настройку сервера WordPress для быстрой скорости.

Phinx
Phinx PHP-модуль для управления базами данных и миграции Он поставляется с классами и командными строками, которые позволяют запускать практически любые операции с базами данных, такие как запись, загрузка и выгрузка. Phinx Docs - это полезный справочник, который поможет вам начать.

RichCSS
RichCSS CSS-фреймворк, обеспечивающий разумную структуру Фреймворк аккуратно организует папки, каталоги и классы pro-DRY способом, что позволяет использовать его повторно. Помимо кнопок, списков и форм, RichCSS также имеет собственный CLI, который вы можете использовать для запуска нового проекта Rich, такого как Bower, Git и NPM..

Френд
Френд это коллекция общих веб-компонентов. В настоящее время коллекция состоит из Accordion, Dialog Modal, Offcanvas, Tooltip, Tabs, и еще несколько появятся в следующем выпуске. Frend может быть хорошей альтернативой jQuery UI.

FLA
Это комплексная структура для создания адаптивного макета сетки с Flexbox.

PHP правильный путь
PHP - это язык программирования, который легко выучить, но вы также можете легко ошибиться с кодами, что может в конечном итоге поставить под угрозу безопасность и производительность вашего сайта. PHP правильный путь это обширный справочник, чтобы узнать лучшие практики в PHP.

Starability
Starability библиотека CSS для создания звездной рейтинговой системы с модными анимированными отзывами Звездный рейтинг построен с учетом доступности; Вы можете перемещаться и назначать звезды с помощью клавиатуры.

WaitAnimate
WaitAnimate это удобный веб-инструмент для расчета “Пауза” синхронизация в одной анимации CSS @keyframe
. “Пауза”, если все сделано правильно, анимация может стать более привлекательной - вот несколько примеров.
