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

Веб-розробники благословляються безкоштовними інструментами та ресурсами, знайденими в Інтернеті, які ми послушно збираємо в нашій серії Fresh Resources щомісяця. Якщо ви пропустили партію минулого місяця, перегляньте його тут або перевірте решту нових ресурсів, зібраних на початку року.

Для пакету липня 2015 року ми підкреслюємо нові інструменти та ресурси, які б полегшили ваші завдання, починаючи від плагінів WordPress, які дозволяють розгортати оновлення плагінів приватно до бібліотеки JavaScript, щоб додати цікаві анімації.

Aladdin

Цей плагін додає додаткові функціональні можливості для адміністрування WordPress, які подібні до OS X Spotlight. Завдяки цьому ви швидко отримуєте доступ до файлів і папок у вашому Mac. Після установки двічі натисніть Shift, а потім введіть те, що хочете отримати. Це робить адміністрацію WordPress більш доступною за допомогою клавіатури.

SiteOrigin CSS

SiteOrigin CSS - це надійний плагін WordPress, що дозволяє налаштувати будь-який вигляд теми в режимі реального часу. Плагін додає нову панель під панеллю Зовнішній вигляд> Спеціальний CSS меню. Ви можете писати спеціальні правила CSS, щоб перезаписати CSS теми, яку ви використовуєте, або ж ви можете використовувати панель графічного інтерфейсу, щоб інтуїтивно додати правила CSS..

DynamicsJS

DynmaicJS - це бібліотека для застосування анімації на основі фізики. Я не фізичний експерт, але приклади тут в цьому меню виглядають дуже здорово. Він може анімувати елементи HTML і SVG, а також дає швидку роботу без будь-якої залежності. DynamicJS протестовано на Safari 7+, Firefox 35+, Chrome 34+ і IE10+.

Режим "у літаку

Цей плагін запобігає декільком зовнішнім HTTP-запитам WordPress, таким як Google Шрифти, Gravatar, і оновлення від WordPress, від спроб підключитися до сховищ плагінів і тем для оновлень. Це корисний плагін для локальної розробки для припинення виникнення помилок, коли ці виклики провалюються (що зазвичай відбувається, коли ви розвиваєтеся локально під виключно повільним Інтернетом).

Coverr

Колекція відео, які чудово підходять для заголовків веб-сайтів. Всі відео безкоштовні, ліцензовані під Public Domain. Не забудьте перевірити “Як використовувати” розділ, щоб дізнатися, як додати відео на веб-сторінку.

VibrantJS

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

ОцінитиССС

Ця бібліотека захоплює два видатні кольори і генерує градієнт CSS з отриманих кольорів. Подібно до VibrantJS, можна застосувати градієнт як замінник зображення, коли зображення не завантажено повністю, або як колір накладання.

PurifyCSS

PurifyCSS очищає невикористані правила CSS з таблиці стилів. Це можна використовувати для обрізання розмірів таблиці стилів великих фреймворків, таких як Bootstrap і Foundation, до 40%. PurifyCSS доступний як плагін Grunt і Gulp.

Назва капіталу для WordPress

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

Оновлення GitHub

Цей плагін дозволяє користувачеві встановлювати та автоматично оновлювати Плагіни WordPress розміщені в GitHub. Незважаючи на назву, плагін також підтримує Bitbucket і GitLab, включаючи один у приватному сховищі. Це корисний плагін для розробників, які розробляють і поширюють свої плагіни або теми виключно лише для своїх клієнтів.

Приклади коду

Набір зразків коду з Команда розгляду теми WordPress. На даний момент приклад складається з кодів для побудови компонентів налаштування теми за допомогою API налаштувань, включаючи створення розділів, налаштувань і панелі. Ще коди приклади кращих практик додали в майбутньому.