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

Ця серія пройшла довгий шлях, через який ми стали свідками інструменти веб-розробки приходять і йдуть; один раз вони світяться, через кілька місяців вони застаріли з іншими найновішими інструментами. Тим не менш, ми маємо деякі нові інструменти в списку для наших розробників, щоб вивчити цей місяць, які включають Бібліотеки JavaScript, додаток Sketch для реагування на дизайн інтерфейсу користувача, і кілька фреймворків CSS.

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

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

iTyped

JavaScript бібліотека, що дозволяє вам представляти введення тексту ефектів списку тексту; якийсь ефект, який ви могли бачити в Інтернеті останнім часом. Ця бібліотека JavaScript Легко реалізувати з декількома варіантами для налаштування ефекту. Ви можете встановити цю бібліотеку через NPM або завантажити її через CDN at https://unpkg.com/[email protected].

Опера Неон

Опера була першою, яка впровадила браузер на основі табуляції, і з тих пір у нас є браузери з так званими Tabs і Speed Dial. Opera нещодавно випустила свою нову ініціативу, названу Opera Neon. Новий браузер з більш свіжим інтерфейсом, таким як так званий універсальне вікно пошуку, режим розділеного екрана та красиві шпалери вибору. Отже, чи може Opera Neon ще раз змінити простір браузера? Це нам доведеться побачити.

At.js

At.js - це бібліотека JavaScript, яка дозволяє додайте смайлики, згадуйте друзів або позначте теги; щось подібне, що ми бачили на Slack, Twitter і Facebook. Цей плагін вимагає jQuery, що дозволяє робота з Internet Explorer 7 і можливо Internet Explore 6 теж. Фантастичний!

Реліз

Випуск робить створення нової версії випуску програмного забезпечення в Github більш ефективний. Новий випуск, як правило, супроводжується списком змін і цим модулем дозволяє заповнити журнал змін автоматично виводиться з повідомлень Git commit.

Швидше

JavaScript прикраси забезпечення послідовного форматування коду JavaScript. Він підтримує ES2017 і JSX.

Аю

Аю є Sublime Text тема зі свіжим і сучасним закликом. Він поставляється з 2 тони темно і світло. Аю означає прекрасний в Індонезії, і так би мовити; це робить інтерфейс Sublime Text більш красивим.

JSON Splora

A легкий додаток для редагування та візуалізації даних JSON. Додаток сумісний з Windows, Linux і MacOS.

Масштабування

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

Ramme

Ramme є Індивідуальний клієнт Instagram. Хоча це неофіційно, але, можливо, ви можете дізнатися пару нові речі з вихідного коду.

Змінити ім'я користувача

Плагін WordPress, який після активації, додає a “зміни” посилання поруч із введенням імені користувача та дозволяє змінити ім'я користувача.

NodeifyWP

NodeifyWP - досить унікальний плагін WordPress. Це дозволяє використовувати WordPress як завжди вивести вміст за допомогою модуля Node.js. Я ще не пробував цей плагін на будь-якому проекті. Але презентацію я бачив у WordCamp Denpasar 2016, цей плагін виглядає дуже перспективним для модернізації розробки WordPress.

ColorMe

ColorMe цілком відрізняється від інших додатків, які я бачив раніше. Крім генерації кольорових кодів, додаток також дає керування регулюванням яскравості кольору, відтінку, відтінку, насиченості, контрасту тощо.

Пакети WP-CLI

A колекція розширень WP-CLI що додає додаткові командні рядки та параметри для виконання додаткових завдань, таких як для розгортання WordPress на віддалений сервер, міграція сайту WordPress, очищення кеш-пам'яті, і багато іншого.

Індивідуальний будівельник сторінок

Плагін WordPress, що дозволяє створювати нелінійний вміст за допомогою інтерфейсу перетягування. Плагін розширюється, щоб новий компонент міг додати унікальний тип вмісту. Він надає WP-API також можливість керувати цим вмістом. Tailor Page Builder є найкращим плагіном цієї категорії.

XVG

XVG - це розширення Chrome відображає графічні обриси SVG і якіри це допоможе вам легко налагоджувати об'єкти SVG.

RibbonJS

RibbonJS - це бібліотека JavaScript, яка дозволяє вам генерувати декоративні стрічки на вашому сайті, як ви можете бачити на наступному скріншоті. Це всього лише 1 Кб розміру, і легко налаштувати.

Авторозкладка

Авто-розкладка a Додаток "Ескіз", який надає декілька попередньо встановлених розмірів екрану для перевірки дизайну інтерфейсу користувача. Таким чином, ви можете переконатися, що дизайн виглядає однаково добре, чи можна переглядати його на iPhone 5, iPhone 6 тощо. Плагін також дозволяє визначити власні розміри, якщо вони не доступні в попередньому налаштуванні. Дізнайтеся, як цей додаток діє в цьому відео.

Функції

Функція є колекція CSS класів що слідує принципу чистої функції. Кожен клас CSS визначає одну мету стилізації. Цей CSS Framework в даний час є роботою, що продовжується, з новими можливостями для впровадження в майбутньому, наприклад Реагуюча сітка, кнопки і т.д..

Webslides

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

Еластичний веб-дизайн

Еластичний веб-дизайн - це онлайн-книга. Ця книга не є нічим технічним, замість цього вона охоплює історії, принципи та винаходи, що формують Мережу як ми знаємо в сучасному світі. Я думаю, що це чудове читання для вихідних.