Свежие ресурсы для веб-дизайнеров и разработчиков (октябрь 2012 г.)

Каждый месяц появляются десятки бесплатных материалов, которыми делятся очень щедрые люди в сообществе веб-дизайна и веб-разработки; почти невозможно не отставать от всего этого нового. Тем не менее, вы не должны беспокоиться; В этом посте мы выбрали 10 полезных «вещей» — от фрагментов кода до инструментов, от фреймворков до плагинов, чтобы упростить вашу работу и жизнь веб-дизайнерам и разработчикам.

Давайте проверим их.

Проверьте все наши свежие ресурсы (по месяцам):
CSSS
CSSS, что означает «Система слайд-шоу на основе CSS», — это фреймворк, созданный Леа Веру (известный как CSS-гуру). По сути, эта структура позволяет создавать слайды презентации с веб-стандартами HTML и CSS. Это слайд-шоу поддерживает сочетания клавиш, такие как ←, →, ↓ и ↑ для навигации по слайдам.

Если вы работаете с CSS и HTML, эта платформа, я думаю, (лучшая) замена для дорогостоящих программ, таких как MS PowerPoint.
BonsaiJS
Bonsai — это легкая графическая библиотека JavaScript с интуитивно понятным API. Мы можем использовать эту библиотеку для рисования простых фигур, таких как прямоугольник, треугольник, круг или графика с большой сложностью. Эту библиотеку также можно использовать для предоставления рендеринга масштабируемой векторной графики (SVG) в неподдерживаемых браузерах в качестве запасного варианта.

Кроме того, Bonsai также предоставляет несколько функций, включая анимацию, события и фильтры, чтобы сделать эту графику более интерактивной.
Отзывчивый шаблон
Responsive Patterns — это набор шаблонов, которые вы можете использовать для создания адаптивного веб-сайта. Эта коллекция включает в себя несколько примеров адаптивного макета и навигации с несколькими другими адаптивными шаблонами общих веб-компонентов, таких как изображения, видео, таблицы и формы.
Effin Toolsets
Это, вероятно, все, что вам нужно, чтобы помочь в разработке вашего сайта. Effin Toolsets — это набор из дюжины полезных инструментов для веб-разработчиков, собранных в одном месте.

Одним из инструментов в этой коллекции, который я лично считаю чрезвычайно полезным, является Entifier, этот инструмент изменит этих персонажей, < and >в их HTML-код, так что ваш фрагмент кода будет отображаться правильно внутри

<

pre> тег.
Сюзи
Сьюзи — адаптивная сетка для Компаса. Как и любая другая адаптивная сеточная инфраструктура, она состоит из нескольких предопределенных стилей, но, поскольку она построена с использованием Sass и Compass, эта платформа гораздо более настраиваема.

Сьюзи позволяет вам настраивать номер столбца, ширину столбца, желоб и заполнение сетки, делая ее вашей собственной сеткой, которая подходит вашему сайту. Сьюзи сделает всю тяжелую работу: расчет. Если вы супер-гик, который любит работать с Sass и Compass, это расширение определенно для вас.
Бесконечная выпадающая навигация
Выпадающее меню является распространенным компонентом, который мы нашли на веб-сайте. Тем не менее, создание выпадающей навигации не так просто, как кажется. К счастью, Гарри Робертс из CSS Wizardry поделился своим «магическим кодом» для создания бесконечной выпадающей навигации (что удивительно).
Бурбон Аккуратный
Neat — это адаптивная сеточная структура, которая помогает вам легко запускать адаптивный веб-сайт. Он построен на Sass и Bourbon, коллекции полезных миксов для Sass. Этот фреймворк представляет собой Ruby gem, его можно установить через терминал или командную строку с помощью этой командной строки gem install neat.
Typicons
Иконок не хватит. Типиконы — это набор значков шрифтов, состоящий примерно из 88 символов. Вы можете добавить эти значки с помощью правила @ font-face и применить их к своему веб-сайту с помощью псевдоэлементов CSS или встроить их непосредственно с помощью своего символа HTML.

Используя webfont для доставки ваших значков, вы можете получить преимущества, заключающиеся в том, что вам не нужно развертывать спрайт CSS и настраивать фоновое положение для отображения значков, готовый экран с высоким разрешением и технически это уменьшает запросы http и потребляет меньшую пропускную способность, чем растровые значки.
аннотатор
Эта библиотека позволяет добавлять комментарии, теги и уценки к вашему веб-контенту, а также AnnotateIt Вы можете хранить свои аннотации бесплатно.
аэропорт
Когда вы будете в аэропорту, вы увидите табличку с информацией о рейсе с перевернутым текстом. С помощью этого плагина jQuery Airport мы можем создать тот же текстовый эффект.

Вывод

Это все за этот месяц. Вы пробовали что-нибудь из этого? Какой из них ваш любимый? Нашли ли вы другие интересные вещи для веб-дизайнеров / разработчиков, которые мы пропустили из этого списка?

Не стесняйтесь поделиться ими в поле для комментариев ниже, и мы также хотели бы услышать ваши мысли.