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

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

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

    У цьому раунді серіалу ви подивитеся на декілька бібліотек JS, які ви знайдете для використання, але також колекцію порад, дуже довге есе про типографіку, кольоровий генератор і легкий фронтенд. Без подальших труднощів, давайте перевіримо їх.

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

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

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

    Поради JS

    JS Tips - це набір порад для JavaScript, деякі з яких обертаються навколо синтаксис, деякі ефективність та продуктивність коду, а деякі інші є специфічними для таких структур, як AngularJS. Нові поради додаються щодня і наразі видано 50 порад. Це по суті обов'язкова закладка сайт для кожного веб-розробника.

    Бродячий менеджер

    Бродячий менеджер це додаток GUI для управління Vagrant. Подібний MAMP, де можна зупинити або запустити Vagrant, і подивитися, який Vagrant зараз працює. Програма доступна для OS X і для вікон. Якщо ви не впевнені, що таке Vagrant, ознайомтеся з попереднім повідомленням про те, як встановити WordPress локально з Vagrant.

    Bulma

    Bulma - це фронтенд. Пакет включає деякі загальні компоненти інтерфейсу павутини, як навігація, випадаюче меню, і (звичайно) сітка, яка повністю побудована за допомогою Flexbox. Єдиною особливістю, яка відсутня (принаймні зараз), є компоненти JavaScript. Компоненти Bulma набагато тонкіші порівняно з Bootstrap, але вони повинні бути достатніми для створення невеликого, але презентабельного веб-сайту.

    Гутенберг

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

    OkayNav

    OkayNav це jQuery для створення швидкої навігації, але не тільки ще однієї. Плагін має дещо інший погляд на адаптивний дизайн: оскільки розмір вікна перегляду зменшується до меншого, кожне меню буде поступово об'єднані в піктограму, щоб допустити обмежений розмір вікна перегляду. Звучить здорово, чи не так?

    Нова веб-типографія

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

    Колір безпечний

    Колір безпечний це палітра кольорових генераторів для Інтернету. На відміну від інструментів, про які ми раніше згадували в цій серії, ColorSafe створюватиме лише колір, який відповідає стандарту WCAG для доступності кольорів.

    Доступний модальний діалог

    Це крихітна (лише ~ 0.5kb) JavaScript бібліотека створити модальне діалогове вікно. Будучи доступними, користувачі зможуть легко відкривати, закривати та переміщатися по діалогу за допомогою клавіатури та миші. Пакет просто голий JavaScript, без стилів, тому ви можете вільно формувати модальний діалог у будь-який спосіб.

    Mo.js

    Mo.js являє собою повний пакет бібліотеки анімації JavaScript. Він поставляється з парою пресетів, так що ви можете встановити і запустити анімацію швидко. Він модульний, що дозволяє видалити непотрібні функціональні можливості, а також рідину і гладкість. Будучи свіжою новою бібліотекою, на жаль, документація ще не готова (на даний момент).

    Частинки

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