Свіжі ресурси для веб-дизайнерів і розробників (липень 2016 р.)
Ця партія знову поставляється з великою різноманітністю ресурсів. Ми маємо джерела, щоб надихати ваш наступний дизайн цільової сторінки, два способи для кодерів, щоб приглушити ефекти яскравого екрана, плагін для створення веб-макетів з перетягуванням, додаток jQuery для створення ваших дат і багато JavaScript бібліотеки, щоб допомогти розробникам.
Також включені ресурси по HTTP2, друкарська термінологія, створення готових до використання сайтів і пошукова система для синтаксису мови програмування. Давайте перевіримо їх.
Натисніть "Більше ресурсів"Натисніть "Більше ресурсів"
Знайдіть всю нашу колекцію рекомендованих ресурсів і найкращі доступні інструменти веб-дизайну та розробки.
Посадка фоліо
Посадка фоліо є центральним місцем, де можна знайти приклади дизайнів цільових сторінок. На сайті є сотні прикладів, і ви можете налаштувати список на основі їх категорії. Це, безумовно, варто закладки для веб-дизайнерів.
![](http://savtec.org/img/images_1/fresh-resources-for-web-designers-and-developers-july-2016.jpg)
Запити елементів
JavaScript, який дозволяє виконувати Запит елемента. Запит елемента позначається @елемент
і на відміну від, @media
, @елемент
усвідомлює численні умови за її межами “висота” і “ширина”. Можна, наприклад, застосувати стилі на основі числа символів, що містяться в елементі.
![](http://savtec.org/img/images_1/fresh-resources-for-web-designers-and-developers-july-2016_2.jpg)
HTTP2
HTTP2 є останньою специфікацією HTTP зі значними змінами. Це обіцяє кращу продуктивність і ефективну передачу даних. У цьому ресурсі можна знайти ці зміни (детально), їх вплив на безпеку, швидкість і досвід користувачів.
![](http://savtec.org/img/images_1/fresh-resources-for-web-designers-and-developers-july-2016_3.jpg)
Elementor
Elementor це плагін WordPress, який дозволяє створювати веб-макети з перетягуванням. За допомогою Elementor можна створити більш привабливий макет. Він чуйний, повністю настроюваний і зручний.
![](http://savtec.org/img/images_1/fresh-resources-for-web-designers-and-developers-july-2016_4.jpg)
TimeDropper
Цей плагін оснащений декількома анімаціями, які роблять вибір дат на веб-сайті більш привабливим. Крім того, доступні опції для зміни зовнішнього вигляду інтерфейсу користувача. Це плагін jQuery для любителів дат.
![](http://savtec.org/img/images_1/fresh-resources-for-web-designers-and-developers-july-2016_5.jpg)
SyntaxDB
Пошукова система для пошуку синтаксису мови програмування. В даний час він підтримує ряд мов, включаючи Java, C, Ruby, JavaScript і Python. Це може стати кінцевою пошуковою системою для розробників, оскільки база даних та мовна підтримка зростає.
![](http://savtec.org/img/images_1/fresh-resources-for-web-designers-and-developers-july-2016_6.jpg)
Github Dark UI
Github Dark UI є темнішою темою кольорів для Github.com. Це може бути гарною альтернативною колірною схемою, якщо ви працюєте в затемненому середовищі або довго дивитеся на екран.
![](http://savtec.org/img/images_1/fresh-resources-for-web-designers-and-developers-july-2016_7.jpg)
Microlight
Замість виділення коду різними кольорами, як ви можете бачити нижче, Microlight робить код “свічення”. Бібліотека JavaScript, яка виділяє код, - буквально.
![](http://savtec.org/img/images_1/fresh-resources-for-web-designers-and-developers-july-2016_8.jpg)
BarbaJS
BarbaJS - це бібліотека JavaScript, яка забезпечує плавний перехід сторінок через API історії JavaScript / pushState. Цей плагін постачається з методами, спеціальними подіями та кількома API, які забезпечують більш плавний досвід сторінок вашого веб-сайту. Ось кілька прикладів.
![](http://savtec.org/img/images_1/fresh-resources-for-web-designers-and-developers-july-2016.gif)
TypeTerms
Ви ніколи не замислювалися про те, чим відрізняється між ними “міжрядковий інтервал” і “кернінг” є? TypeTerms це інтерактивна презентація, де ви можете дізнатися про ці заплутані друкарські термінології.
![](http://savtec.org/img/images_1/fresh-resources-for-web-designers-and-developers-july-2016_9.jpg)
ButterBean
ButterBean це новий і складний плагін для створення Meta Box в WordPress. Він розроблений відповідно до сучасних архітектур API WordPress Customizer API. Це робить будівництво цього конкретного WordPress адміністратора UI більш елегантним.
![](http://savtec.org/img/images_1/fresh-resources-for-web-designers-and-developers-july-2016_10.jpg)
Перевірка теми дитини
Плагін WordPress, який перевіряє Вашу Дитячу тему на батьківську тему; він перевірить, чи оновлені файли, на які спирається тема дитини.
![](http://savtec.org/img/images_1/fresh-resources-for-web-designers-and-developers-july-2016_11.jpg)
Інтерфейс CloudFlare
Інтерфейс CloudFlare є компонентами інтерфейсу користувача, побудованими поверх React. Зважаючи на те, що популярність React зростає, там можуть бути подібні інтерфейси.
![](http://savtec.org/img/images_1/fresh-resources-for-web-designers-and-developers-july-2016_12.jpg)
Лерна
Необхідність керування кількома пакетами та сховищами у великому проекті неминуча. Цей інструмент дозволяє вам обробляти цю конкретну ситуацію і в кінцевому підсумку оптимізувати робочий процес.
![](http://savtec.org/img/images_1/fresh-resources-for-web-designers-and-developers-july-2016_13.jpg)
Chillout
Chillout - це бібліотека JavaScript, яка допомагає зменшити використання процесора. Вона надає набір функцій, які можуть використовуватися замість функцій JavaScript-інтересів. Вона може бути розгорнута на звичайному веб-сайті або не на основі програми Node.js.
![](http://savtec.org/img/images_1/fresh-resources-for-web-designers-and-developers-july-2016_14.jpg)
Типографія GEL
Типографія GEL є типографічним керівництвом BBC. Великий ресурс і натхнення щодо того, як можна стандартизувати типографічні стилі.
![](http://savtec.org/img/images_1/fresh-resources-for-web-designers-and-developers-july-2016_15.jpg)
Шаблони MIND
MIND Patterns - практичне керівництво для створення доступного веб-сайту електронної комерції. Він надає посібники з точки зору побудови HTML, використання ярлика ARIA та створення стилів CSS, зручних для користувачів з обмеженими можливостями.
![](http://savtec.org/img/images_1/fresh-resources-for-web-designers-and-developers-july-2016_16.jpg)
Специфікація CSS
Колекція ілюстрацій, що описують, як працює CSS Specificity.
![](http://savtec.org/img/images_1/fresh-resources-for-web-designers-and-developers-july-2016_17.jpg)
CSS Dig
Розширення Chrome, яке допомагає оптимізувати CSS. У ньому буде зібрано вашу сторінку та надано звіт, список використаних властивостей, наприклад кольори.
![](http://savtec.org/img/images_1/fresh-resources-for-web-designers-and-developers-july-2016_18.jpg)
Шаблон Шкатулка
Набір підібраних шаблонів, де можна знайти широкий спектр шаблонів, включаючи шаблони HTML5, WordPress, Ghost, Bootstrap та електронну комерцію..
![](http://savtec.org/img/images_1/fresh-resources-for-web-designers-and-developers-july-2016_19.jpg)