Свіжі ресурси для веб-дизайнерів і розробників (лютий 2015 р.)
Після цього більше року, найважча частина написання цього щомісячного накопичувального ресурсу для дизайнерів і розробників - це введення. Поки ми на цю тему, ось ваш лютий 2015 рекап з кращих і найсвіжіших ресурсів для веб-розробників, як ви.
У цій партії ми дивимося на особливе пошукової системи для пошуку фрагментів коду, дуже спритний посилання на проблеми з адресою в модулі Flexbox, та інструменти розвитку для кращого управління колір, шрифт і градієнти.
Градієнтний аніматор
CSS3 Gradient дозволяє створювати невідомі градієнти на нашому сайті без необхідності завантаження будь-яких зображень. Ми можемо навіть комбінувати його з анімацією CSS3, щоб надати більш привабливий ефект. Але якщо код занадто великий для вас, використовуйте простіший маршрут Gradient Animator, щоб створити його з гарним інтерфейсом.
SVG Pocket Guide
SVG Pocket Guide компілюється Joni Trythall. Це зручна довідка, яка допоможе вам ознайомитися з основами SVG (наприклад, створенням форм і тексту) до більш розширених функцій (наприклад, створення градієнтів, відсічних контурів і шаблонів). Книга представлена у форматі Markdown і доступна англійською та португальською мовами.
Flexbugs
Flexbox є дуже перспективним новим модулем у CSS3, який повністю змінив би спосіб створення веб-макетів. Однак він також поставляється з проблемами сумісності між браузерами. Це сховище, Flexbugs, являє собою набір цих помилок і обхідні шляхи їх вирішення. Це дуже корисний ресурс для тих, хто живе на межі крові в Інтернеті.
Icono
Дивно, що ми можемо досягти лише за допомогою CSS, як створити повністю презентабельний значок, використовуючи лише один елемент. Icono це бібліотека, яка робить це. У цій бібліотеці ви знайдете набір знайомих іконок, створених тільки з одним елементом, і CSS. Ці піктограми завантажуватимуться швидше та будуть більш налаштованими, ніж іконки на основі зображень.
Діллінгер
Діллінгер є приємним редактором Markdown. Тут ви можете написати в форматі Markdown, і миттєво побачити вихід на вкладці правої руки. Для Вашої зручності Dillinger дозволяє експортувати свою роботу в HTML, PDF, або просто в форматі Markdown файлу, як тільки ви зробили. Крім того, ви також можете підключити його до сторонніх служб, таких як Dropbox та Github, де можна зберегти файл.
HTML5Up
HTML5Up являє собою набір безкоштовних шаблонів на основі HTML5. Ви можете знайти кілька макетів, які відповідають різним типам веб-сайтів: бізнес, портфель або просто простий блог. Всі шаблони також реагують, забезпечуючи привабливість вмісту та макета веб-сайту в різних розмірах екрану.
Кольори CSS
Ви ніколи не замислювалися, який саме колір називається? Кольори CSS показує назву кольору, а також формат Hex та RGBA для набору основних кольорів. Це хороший джерело, щоб знайти ідеальне поєднання кольорів для ваших веб-сайтів.
Перегляд Emmet
Повторний перегляд - це розширення Chrome, яке обробляє ваш веб-сайт @media запитує і відображає ваш веб-сайт у кожній з точок зупину, вказаних у кожній з них @media запит. Якщо ви шукаєте інструмент, який може заощадити трохи часу при тестуванні відповідних веб-сайтів, то це потрібний вам інструмент.
TypeGenius
Якщо ви подивитеся на бібліотеку шрифтів Google, ви знайдете багато шрифтів у різних обличчях, сім'ї, вазі та типах. Отже, вибір правильної пари або комбінації шрифтів може стати справжньою переважною задачею. TypeGenius робить вибір пар шрифтів простим і швидким і можливим для загального населення.
SearchCode
Як випливає з назви, це пошукова система для пошуку кодів або фрагментів коду багатьох мов програмування, включаючи JavaScript, C, PHP. Ця пошукова система отримає свій результат з багатьох джерел, таких як Github, Bitbucket і Google Code. Це безсумнівний інструмент для важких кодерів.
