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

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

Також включені ресурси по HTTP2, друкарська термінологія, створення готових до використання сайтів і пошукова система для синтаксису мови програмування. Давайте перевіримо їх.

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

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

Посадка фоліо

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

Запити елементів

JavaScript, який дозволяє виконувати Запит елемента. Запит елемента позначається @елемент і на відміну від, @media, @елемент усвідомлює численні умови за її межами “висота” і “ширина”. Можна, наприклад, застосувати стилі на основі числа символів, що містяться в елементі.

HTTP2

HTTP2 є останньою специфікацією HTTP зі значними змінами. Це обіцяє кращу продуктивність і ефективну передачу даних. У цьому ресурсі можна знайти ці зміни (детально), їх вплив на безпеку, швидкість і досвід користувачів.

Elementor

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

TimeDropper

Цей плагін оснащений декількома анімаціями, які роблять вибір дат на веб-сайті більш привабливим. Крім того, доступні опції для зміни зовнішнього вигляду інтерфейсу користувача. Це плагін jQuery для любителів дат.

SyntaxDB

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

Github Dark UI

Github Dark UI є темнішою темою кольорів для Github.com. Це може бути гарною альтернативною колірною схемою, якщо ви працюєте в затемненому середовищі або довго дивитеся на екран.

Microlight

Замість виділення коду різними кольорами, як ви можете бачити нижче, Microlight робить код “свічення”. Бібліотека JavaScript, яка виділяє код, - буквально.

BarbaJS

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

TypeTerms

Ви ніколи не замислювалися про те, чим відрізняється між ними “міжрядковий інтервал” і “кернінг” є? TypeTerms це інтерактивна презентація, де ви можете дізнатися про ці заплутані друкарські термінології.

ButterBean

ButterBean це новий і складний плагін для створення Meta Box в WordPress. Він розроблений відповідно до сучасних архітектур API WordPress Customizer API. Це робить будівництво цього конкретного WordPress адміністратора UI більш елегантним.

Перевірка теми дитини

Плагін WordPress, який перевіряє Вашу Дитячу тему на батьківську тему; він перевірить, чи оновлені файли, на які спирається тема дитини.

Інтерфейс CloudFlare

Інтерфейс CloudFlare є компонентами інтерфейсу користувача, побудованими поверх React. Зважаючи на те, що популярність React зростає, там можуть бути подібні інтерфейси.

Лерна

Необхідність керування кількома пакетами та сховищами у великому проекті неминуча. Цей інструмент дозволяє вам обробляти цю конкретну ситуацію і в кінцевому підсумку оптимізувати робочий процес.

Chillout

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

Типографія GEL

Типографія GEL є типографічним керівництвом BBC. Великий ресурс і натхнення щодо того, як можна стандартизувати типографічні стилі.

Шаблони MIND

MIND Patterns - практичне керівництво для створення доступного веб-сайту електронної комерції. Він надає посібники з точки зору побудови HTML, використання ярлика ARIA та створення стилів CSS, зручних для користувачів з обмеженими можливостями.

Специфікація CSS

Колекція ілюстрацій, що описують, як працює CSS Specificity.

CSS Dig

Розширення Chrome, яке допомагає оптимізувати CSS. У ньому буде зібрано вашу сторінку та надано звіт, список використаних властивостей, наприклад кольори.

Шаблон Шкатулка

Набір підібраних шаблонів, де можна знайти широкий спектр шаблонів, включаючи шаблони HTML5, WordPress, Ghost, Bootstrap та електронну комерцію..