16 Свіжих інструментів і ресурсів для веб-розробки - серпень 2016
Відео: Основи веб-розробки (весна 2016)
Сьогодні ми б хотіли представити список фреймворків і інструментів, які призначені для веб-розробки. Впевнені, що серед них ви знайдете щось цікаве для себе і своєї роботи.
CuteStrap
Фреймворки користувальницького інтерфейсу стоять на вершині Sass. Вони поставляється з усіма найбільш поширеними атрибутами веб-інтерфейсів, такими як форми, навігація і кнопок, яких повинно вистачити у більшості випадків. Якщо такі популярні фреймворки, як Bootstrap або Foundation здадуться вам непріодолімимі, Cutestrap може стати прекрасною альтернативою для вас.
HTML5 Test
HTML5 Test - це онлайн-інструмент, який дозволить перевірити, наскільки добре браузер підтримує новітні вимоги HTML5. Це зручний інструмент для тих, хто бере участь в налагодженні і тестуванні сучасних веб-додатків.
Відео: 2. Веб-розробка. Web сервери | Технострим
Browser Calories
Browser Calories - це розширення для Chrome дозволяють виміряти вагу сторінки. Воно сканує завантажені файли, а також їх внесок у сумарну вагу сторінки. Відмінний невеликий інструмент, щоб допомогти вам оптимізувати продуктивність вашого сайту.
Weex
Weex - фреймворк від Аlibaba для створення мобільних додатків за допомогою HTML, CSS і javascript. Він поставляється з декількома модулями, компонентами користувальницького інтерфейсу, своїми DevTools і командної строкіCLI, які призначені для мобільного середовища і прискорення розробки.
Microsoft Web Framework (MWF)
Фреймворк від Microsoft, в якому компоненти користувальницького інтерфейсу побудовані на основі сучасної мови дизайну Microsoft: плоскі, чисті і мінімалістичні. Цей фреймворк, крім компонентів для користувача інтерфейсу, також дає керівництво по використанню кольору, типографіки та анімації. Можна сказати, що Material Design Lite, нарешті, зустрів рівного суперника.
Fontea
Fontea - це безкоштовне розширення для Photoshop, щоб легко керувати і застосовувати сотні шрифтів Google. Ви можете шукати шрифт в Photoshop, попередньо переглядати, і застосовувати його прямо в вашому дизайні, оптимізуючи робочий процес.
Drizzle
Це інструмент, який дозволяє створювати шаблони для користувача інтерфейсу або керівництво стилю для вашого сайту. Він буде генерувати такі речі, як кольори, основні стилі або макети для компонентів, а також фрагменти коду. Такий генератор керівництва стилю як Drizzle дозволить вам залишатися послідовним в стилі вашого веб-сайту.
MegaBoilerplate
MegaBoilerplate - це генератор настройки для швидкої розробки стека. Зайдіть на веб-сайт і виберіть, які інструменти та бібліотеки (Node.js, HTML5, javascript Vanilla і Electron) ви будете використовувати в якості бази сайту. Інструмент буде збирати і налаштовувати все речі, які вам потрібні в архівний пакет, готовий для завантаження.
Howler
Бібліотека javascript для відображення сучасного аудіо-плеєра за допомогою Web Audio API.
Howler працює в таких старих браузерах як IE9, і підтримує безліч аудіо кодеків - MP3, WAV, WebM. Має безліч функцій, модульний, і працює без зовнішньої бібліотеки.
SuperEmbed
SuperEmbed - крихітна бібліотека javascript, яка робить вбудовані об`єкти чуйними, зберігаючи при цьому оригінальні пропорції. Вона підтримує широкий спектр джерел, включаючи Youtube, Flickr, Vine, VideoPress і DailyMotion.
CleaveJS
CleaveJS - це бібліотека javascript, яка автоматично форматує значення при введенні даних. Інструмент може, наприклад, додати роздільник тисяч при введенні валюти, додати пробіл в номер кредитної картки, або додати слеш в дати. Дана бібліотека використовується для кращого обслуговування користувачів.
FlippingTypical
FlippingTypical дозволяє переглядати всі шрифти, встановлені у вашій системі. Ви просто вводите випадковий текст і дивіться, які шрифти в системі виглядають краще.
LightTable
Нова IDE, яку варто вивчати. Інструмент починав як проект на Kickstarter, підтримуваний Меттом Мулленвег (засновник Вордпресс), і в підсумку став відкритим програмним забезпеченням. Ви можете подивитися це відео, щоб отримати уявлення про те, наскільки це крутий інструмент.
Compressor
Compressor є веб-додаток, який стискає файли зображень до найдрібніших розмірів без втрати якості. Він підтримує JPG, GIF, PNG, а також SVG.
Microsoft Site Scan
Це зручний інструмент від Microsoft для аналізу вашого сайту на такі предмети, як браузерна сумісність і доступність. Інструмент створить для вас звіт, повідомляючи, якщо щось не так на вашому сайті і як ви можете вирішити це питання. Це варто спробувати!
Disable Blogging
Цей плагін, як видно з його назви, видаляє функції блогів, такі як пости, коментарі та новини. Це відмінний плагін для вас, якщо ви не маєте потребу в функції блогів на вашому сайті WordPress.
