Свіжі ресурси для веб-дизайнерів і розробників (червень 2016 р.)

Ми розширюємо список на середину року. Ця партія має кілька CLI (і ось наш пост про те, чому ви повинні навчитися командному рядку), пару настільних додатків для роботи і розваг, а також кілька бібліотек CSS і JavaScript. Також включені матеріали для читання, посилання та посібники з передового досвіду, які ви повинні перевірити, закладки та, можливо, прочитати один день.

Я не збираюся зіпсувати решту списку, так що ви йдете. Щоб отримати більше свіжих ресурсів, натисніть тут.

Натисніть "Більше ресурсів"

Знайдіть всю нашу колекцію рекомендованих ресурсів і найкращі доступні інструменти веб-дизайну та розробки.

CertBot

CertBot надає більш зручний спосіб розгортання сертифікатів з шифрування. Він надає набір командних рядків з підтримкою численних конфігурацій серверів, таких як Apache, NGINX і Plesk. Говорячи про це, Let's Encrypt є спільними зусиллями, щоб зробити Web більш безпечним, надаючи безкоштовний сертифікат SSL. В даний час вона використовується в більш ніж 3 мільйонах веб-сайтів.

Мононокі

Мононокі це шрифт, розроблений спеціально для відображення коду. Mononoki доступний як встановлюваний шрифт на робочому столі (.ttf) і веб-шрифт (.eot, і .woff). Це свіжа альтернатива класиці монотипів як Монако, Менло і Кур'єр.

BideoJS

Відображення відеозапису на повну сторінку автозапуску на домашній сторінці є тенденцією до зростання. BideoJS - це бібліотека JavaScript, яка дозволяє робити саме це з меншою кількістю перешкод. Він легкий, чуйний і може бути налаштований відповідно до ваших потреб.

CSS Purge

CSS Purge - це колекція посилань, статей і статистики для CSS. Настільки корисна інформація, як ця, може допомогти вам прийняти обґрунтовані рішення щодо того, які методології, інструменти та рамки CSS ви хотіли б прийняти у вашому проекті.

Mailgen

Mailgen - це модуль Node для створення приємного, простого реагування на електронну пошту HTML. Надано кілька варіантів, що дозволяють налаштовувати практично кожну область електронної пошти. Можна встановити електронну пошту “теми”, заголовок електронної пошти та “Заклик до дії” кнопки. Він також може бути інтегрований у ваш робочий стіл або веб-додаток на основі Node.

Деко

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

IE8 Лінтер

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

Капри

Капри є неофіційним додатком для робочого столу Facebook Messenger. Він побудований на вершині Node.js і Electron, що дозволяє їй бути крос-платформенним додатком; вона доступна в OS X, Windows і Linux. Крім того, поставляється в двох кольорах, Dark і Light.

Комплект фотонів

Комплект фотонів це основа для запуску нового додатка з Electron. Багато чого, як Bootstrap, Foundation і подібні, Photon поставляється з номером Components, який дозволяє створювати загальні елементи інтерфейсу в додатку, як кнопки, панель інструментів і бічна панель.

Yeoman App

Yeoman App це настільне додаток, яке генерує проектні котлоагрегати, рамки та ліси від Yeoman. Це гарна альтернатива для тих, кому не зручно працювати через термінал і командні рядки.

SQLectron

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

Сім'я SCSS

FamilySCSS - це сукупність міксінів, за допомогою яких можна вибирати елементи : n-й дитина більш інтуїтивним. Міксини є декларативними. Наприклад, ви можете написати @include first (3) для вибору перших трьох дочірніх елементів і запису @ включити між (2, 4) для вибору 2-го до 4-го дочірніх елементів.

EasyEngine

EasyEngine - це набір командних рядків, які дозволяють налаштувати ваш WordPress за допомогою інструментів і модулів, таких як Redis, плагін кешування та PageSpeed. Це робить налаштування сервера WordPress для швидкості вітер.

Фінкс

Фінкс є модулем PHP для управління базами даних та міграції. Він поставляється з класами та командними лініями, які дозволяють запускати практично будь-яку операцію з базами даних, таку як написання, завантаження та завантаження. Phinx Docs - це винахідливе посилання, яке допоможе вам розпочати роботу.

RichCSS

RichCSS являє собою CSS фреймворк, який забезпечує нормальну структуру. Структура акуратно організовує папки, каталоги та класи в про-DRY спосіб, що дозволяє йому бути багаторазовим. Крім кнопок, списків і форм, RichCSS також поставляється зі своїм власним CLI, який можна використовувати для запуску нового багатого проекту, як-от Bower, Git і NPM..

Frend

Frend являє собою набір загальних веб-компонентів. Колекція наразі складається з акордеону, модального діалогу, Offcanvas, підказки, табуляції, а ще кілька - у наступному випуску. Frend може бути гарною альтернативою jQuery UI.

FLA

Це всеосяжна структура для побудови адаптивного макета сітки з Flexbox.

PHP Правильний шлях

PHP - це мова програмування, яку легко вивчити, але ви також можете легко помилитися з кодами, і це може в кінцевому підсумку порушити безпеку та продуктивність веб-сайту. PHP Правильний шлях є великим посиланням для вивчення кращих практик у PHP.

Стабільність

Стабільність - це бібліотека CSS для створення системи зірочок із привабливою анімацією. Рейтинг зірки побудований з урахуванням доступності; Ви можете переміщатися і призначати зірки за допомогою клавіатури.

WaitAnimate

WaitAnimate це зручний веб-інструмент для обчислення a “пауза” синхронізація в одній анімації CSS @keyframe. The “пауза”, коли все зроблено правильно, може перетворити анімацію більш привабливою - ось деякі приклади.