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

У цій статті ми пропонуємо структуру списку та інструменти, які є орієнтований на веб-розробку. Цікаво, що я знайшов кілька цих інструментів і фреймворків, що надходять від бегемотних корпорацій, таких як Microsoft і Alibaba.

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

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

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

CuteStrap

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

Тест HTML5

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

Калорії браузера

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

Weex

Weex являє собою рамку від Alibaba для створення мобільних додатків тільки з HTML, CSS і JavaScript. Він поставляється з модулями, компонентами інтерфейсу користувача, власними пристроями DevTools і CLI, розробленими для мобільного середовища та для прискорення розробки.

Microsoft Web Framework (MWF)

Структура від Microsoft, компоненти інтерфейсу в MWF побудований на основі мови Microsoft Modern Design: плоский, чистий і мінімалістичний. Ця структура, крім компонентів UI, також дає напрямок використання кольорів, типографіки та анімації. Я думаю, що Material Design Lite нарешті зустрів рівного суперника.

Vital

Vital є рамкою з дуже приємним мінімальним інтерфейсом. Він легкий, не має JavaScript, а рідно Rogue - синтаксис, що заснований на Ruby.

Fontea

Fontea це безкоштовне розширення Photoshop для легкого керування та застосування сотень шрифтів Google. Ви можете шукати шрифти з Photoshop, попередньо переглядати та застосовувати шрифт безпосередньо до вашого дизайну - оптимізуючи робочий процес.

Дощ

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

InterCooler

InterCoolerJS - це бібліотека JavaScript, що робить застосування AJAX на вашому веб-сайті таким же простим, як додавання атрибутів HTML. Він поставляється з великим керівництвом і безліччю прикладів, які допоможуть вам розпочати роботу з інструментом.

Picla

Picla - це додаток jQuery, який показує ярлики зображень, отримані з зображення alt атрибут. Він надає кілька варіантів, які дозволяють додавати власний стиль і рух до етикетки. Picla може бути встановлений як залежність вашого сайту від Bower.

IziModal

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

MegaBoilerplate

MegaBoilerplate є генератором для швидкого налаштування стека розробки. Перейдіть на веб-сайт і виберіть інструменти та бібліотеки (Node.js, HTML5, Vanilla JavaScript і Electron), які ви будете використовувати як веб-сайт. Він буде компілювати і налаштовувати всі необхідні речі в пакеті з архівом, готовим до завантаження.

Гоулер

Бібліотека JavaScript для відображення сучасного аудіопрогравача за допомогою Web Audio API, Гоулер працює в браузерах старих, як IE9, і підтримує багато аудіокодеків, таких як MP3, WEBM, WAV. Багато функцій, модульні, і працює без зовнішньої бібліотеки.

SuperEmbed

SuperEmbed це крихітна бібліотека JavaScript, яка робить вбудовані об'єкти чуйними, зберігаючи початкове співвідношення. Він підтримує широкий спектр джерел, включаючи Youtube, Flickr, Vine, VideoPress і DailyMotion. Дивіться демо.

CleaveJS

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

Тиснемо

FlippingTypical дозволяє переглядати всі шрифти, встановлені у вашій системі. Я вважаю, що це додаток зручніше, ніж використання FontBook app у macOS. Я вводжу випадковий текст і бачу, який з шрифтів у моїй системі виглядає краще.

LightTable

Новий IDE, який, на мою думку, варто вивчити. Вона почалася як проект KickStarter, за підтримки Матта Малленвега (засновника WordPress), і нарешті пішла з відкритим вихідним кодом. Ви можете переглядати це відео, щоб отримати уявлення про те, наскільки це цікаво.

Компресор

Компресор це веб-програма, яка стискає файли зображень до найменших розмірів, не втрачаючи візуальної якості. Він також підтримує JPG, GIF, PNG і SVG. Ця програма безкоштовна.

Сканування сайту Microsoft

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

Вимкнути блог

Цей плагін, як випливає з назви, видалить такі функції блогу, як повідомлення, коментарі та канали. Це правильний плагін для вас, якщо вам не потрібна функція блогів у WordPress.