Свежие ресурсы для веб-дизайнеров и разработчиков (октябрь 2012 г.)
Каждый месяц появляются десятки бесплатных материалов, которыми делятся очень щедрые люди в сообществе веб-дизайна и веб-разработки; почти невозможно не отставать от всего этого нового. Тем не менее, вы не должны беспокоиться; в этом посте мы выбрали 10 полезных «вещей» - от фрагментов кода до инструментов, от фреймворков до плагинов сделать вашу работу и жизнь веб-дизайнеров и разработчиков проще.
Давайте проверим их.
Проверьте все наши свежие ресурсы (по месяцам):
- Октябрь 2012
- Ноябрь 2012
- Декабрь 2012
CSSS
CSSS что означает «Система слайд-шоу на основе CSS» является основой, созданной Леа Веру (известный как гуру CSS). По сути, эта структура позволяет создавать слайды презентации с веб-стандартами HTML и CSS. Это слайд-шоу поддерживает сочетания клавиш, такие как ←, →, ↓ а также ↑ перемещаться по слайдам.
Если вы работаете с CSS и HTML, эта платформа, я думаю, (лучшая) замена для дорогостоящих программ, таких как MS PowerPoint..
BonsaiJS
Bonsai - это легкая графическая библиотека JavaScript с интуитивно понятным API. Мы можем использовать эту библиотеку для рисования простых фигур, таких как прямоугольник, треугольник, круг или графика с большой сложностью. Эту библиотеку также можно использовать для предоставления рендеринга масштабируемой векторной графики (SVG) в неподдерживаемых браузерах в качестве запасного варианта..
Кроме того, Bonsai также предоставляет несколько функций, включая анимацию, события и фильтры, чтобы сделать эту графику более интерактивной..
Отзывчивый шаблон
Responsive Patterns - это набор шаблонов, которые вы можете использовать для создания адаптивного веб-сайта. Эта коллекция включает в себя несколько примеров адаптивного макета и навигации с несколькими другими адаптивными шаблонами общих веб-компонентов, таких как изображения, видео, таблицы и формы..
Effin Toolsets
Это, вероятно, все, что вам нужно, чтобы помочь в разработке вашего сайта. Effin Toolsets - это набор из дюжины полезных инструментов для веб-разработчиков, собранных в одном месте..
Один из инструментов в этой коллекции, который я считаю чрезвычайно полезным, - это Entifier, этот инструмент изменит эти символы, < а также >, в их HTML-код, так что ваш фрагмент кода будет отображаться правильно внутри тег.
Сюзи
Сьюзи - адаптивная сетка для Компаса. Как и любая другая адаптивная сеточная инфраструктура, она состоит из нескольких предопределенных стилей, но, поскольку она построена с использованием Sass и Compass, эта платформа гораздо более настраиваема..
Сьюзи позволяет вам настроить номер столбца, ширину столбца, желоб и заполнение сетки, делая вашу собственную сетку, которая подходит вашему сайту. Сьюзи сделает всю тяжелую работу расчет. Если вы супер-гик, который любит работать с Sass и Compass, это расширение определенно для вас.
Бесконечная выпадающая навигация
Выпадающее меню является распространенным компонентом, который мы нашли на веб-сайте. Тем не менее, создать выпадающую навигацию не так просто, как кажется. Гарри Робертс CSS Wizardry, к счастью, поделился своим “магический код” создать бесконечную выпадающую навигацию (что здорово).
Бурбон Аккуратный
Neat - это адаптивная сеточная структура, которая помогает вам легко запускать адаптивный веб-сайт. Он построен на Sass и Bourbon, коллекции полезных миксов для Sass. Этот фреймворк является гемом Ruby, его можно установить через терминал или командную строку с помощью этой командной строки драгоценный камень установить аккуратно.
Typicons
Там не будет достаточно для иконок. Типиконы - это набор значков шрифтов, состоящий примерно из 88 символов. Вы можете добавить эти значки через @ Шрифт-лицо править и применять их к своему веб-сайту с помощью псевдоэлементов CSS или встраивать их непосредственно с помощью символов HTML.
Используя webfont для доставки ваших значков, вы можете получить преимущества, заключающиеся в том, что вам не нужно развертывать спрайт CSS и настраивать фоновое положение для отображения значков, готов экран с высоким разрешением и технически это уменьшает запросы http и потребляет меньшую пропускную способность, чем растровые значки.
аннотатор
Эта библиотека позволяет добавлять комментарии, теги и уценки к вашему веб-контенту, а вместе с AnnotateIt вы можете хранить свои аннотации бесплатно.
аэропорт
Когда вы будете в аэропорту, вы увидите табличку с информацией о рейсе с перевернутым текстом. С помощью этого плагина jQuery Airport мы можем создать тот же текстовый эффект.
Заключение
Это все за этот месяц. Вы пробовали что-нибудь из этого? Какой твой любимый? Вы нашли какой-нибудь другой интересный материал для веб-дизайнеров / разработчиков, который мы пропустили из этого списка??.
Не стесняйтесь поделиться ими в поле для комментариев ниже, и мы хотели бы услышать ваши мысли.
