Свежие ресурсы для веб-дизайнеров и разработчиков (июнь 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. “Пауза”, если все сделано правильно, анимация может стать более привлекательной - вот несколько примеров.