Цель этого поста — презентовать какие существуют фреймворки, для чего они используются вместе с подборкой бесплатных из интернета. Это будет полезно для дизайнеров и разработчиков, которые только начинают открывать новые ресурсы и возможности, а также установка новых концепций, абстрактных в том числе. Что такое фреймворк? Фреймворк — это стандартизованный набор концепций, практик и критериев для работы с общим типом проблем, который может быть использован как руководство по помощи и решения новых проблем схожей природы. ...

Вы занятый человек. Нужно успевать работать и как-то жить, вы постоянно в спешке. К тому же совсем вам не помогают ваши мобилки и сам компьютер. У вас стабильно открыто одновременно 10 табов в браузере и вы постоянно по них щёлкаете. И ещё ваша почта, которая никогда не перестаёт приходить. В конце рабочего дня вы спите меньше, чем должны, но опять вы говорите себе, что просто никогда не хватает времени. ...

Отзывчивое HTML5 видео пример 1 - медиа запросы window.addEventListener('load', supportsMediaAttribute, false); function supportsMediaAttribute() { var res = document.getElementById('result'); var test = document.createElement('source'); if ('media' in test) res.innerHTML = 'действительно'; else res.innerHTML = 'не'; } # Отзывчивое HTML5 видео - пример 1 - Медиа запросы и аттрибут media Читайте [статью полностью]([[~266]]). Этот браузер действительно поддерживает аттрибут media в элементе source.

Когда вы хотите использовать видео на вашем сайте, то обычно вы имеете дело с HTML5 видео с Flash резервом. Давайте сделаем наше видео отзывчивым, как и наш сайт. Существует несколько способов сделать это, ни один из которых не является идеальным. Идут огромные дебаты об адаптивности изображений и иметь что-то схожее для видео и аудиофайлов было бы идеально. Так как нет такого на данный момент решения, нам нужно искать альтернативные. Медиа запросы Если вы читали об отзывчивом веб-дизайне, то вы наверняка слышали о медиа запросах и вероятно вы уже их используете. Те, кто этого ещё не делал позволяет нам определить определённые CSS правила для различных устройств вывода без изменения реального содержимого (для подробной информации смотрите CSS медиа запросы.) ...

Вступление Если Grunt — это новое для вас словом, то лучшим способом будет начать с предыдущей статьи Grunt для чайников. После этого вступления у нас будет собственный Grunt проект и мы почуем силу, которую предлагает Grunt. В этой статье мы не будем фокусироваться на различных плагинах Grunt для вашего текущего проекта, но на самом процессе. Рассмотрим пару практических идей по тому: Как содержать ваш Gruntfile в порядке и чистоте, Как существенно ускорить время сборки, И как уведомлять о том, что происходить сборка. Короткий дисклеймер: Grunt — это всего лишь один из многих инструментов, которые можно использовать для выполнения задач. Если вам больше нравится Gulp, то отлично! После того, как вы исследуете все возможности и вам по-прежнему нужно будет сделать свой велосипед, то это тоже нормально! Давайте сфокусируемся на Grunt в этой статье, вследствие эго мощной экосистеме и огромной базе пользователей. ...

Книги на английском языке, но частые илюстрации в них будут понятны и для тех, кто его слабо знает. Вы в поисках опыта в веб-дизайне, кодинге или типографии? К счастью для нас, уже можно не читать большие и утомительные книги, для того, чтобы стать веб-дизайнером. Есть куча доступных книг в сети с примерами и приёмами, которые помогут каждому в обучении. Я сложил вместе собрание нескольких информативных книг о веб-дизайне, которые доступны бесплатно на просторах интернета. Большинство из этих книг содержат приёмы от первоисточников — экспертов веб-дизайна. Некоторые доступны в форматах для чтения на ноутбуках, айпедах и смартфонах. ...

Разработчики, включая меня, часто любят переделывать свои сайты. Это постоянный труд над сайтами. Проходят дни, недели, месяцы в работе по улучшению сайтов и вроде бы уже сделан сайт, который учитывает всё запланированное и тут же мысль: что за нелепица этот сайт. Вместо того, чтобы снова поработать над некоторыми неудачными частями, берём и создаём новый веб-сайт. Часто эта мысль возникает из-за смены моды дизайна, плохого планирования либо его отсутствия и отсутствия воли пересмотреть неудачные подходы. Постоянный редизайн - это чуть ли не тренд ИТ-индустрии и всем это знакомо. ...

Stockholm - A Genuinely Multi-Concept Theme Zoomy - Professional Photography HTML Theme Raaga - Responsive Parallax Template for Bands Accio Responsive Parallax One Page Site Template Photroller | Mobile & Tablet Responsive Template Titanium Folio Responsive HTML Theme - GameWorld Classic Online Store HTML Neon - Bootstrap Admin Theme Goodnex Responsive HTML5/CSS3 Site Template Newave - Responsive One Page Parallax Template Olympia responsive Html5 eCommerce Mars - Portfolio and Blog Template ...

Оригинал — статья Grunt for People Who Think Things Like Grunt are Weird and Hard Фронтэнд разрабочикам часто говорят: Разрабатывайте всё в маленьких кусках CSS и JavaScript кода, чтобы вам было понятно, а дальше соберите их вместе для продакшн сайта. Сожмите ваш CSS и минифицируйте JavaScript, чтобы размеры файлов были минимальными в работающем сайте. Оптимизируйте ваши изображения для уменьшения их размера без ущерба для качества. Используйте Sass для создания CSS из-за возможности использования многочисленных полезных абстракций. Это не всеобъемлющий список действий, но некоторые из них мы должны делать. Вы можете называть их задания. Могу поспорить, что вы уже слышали о Grunt. Короче говоря, Grunt — это исполнитель заданий. Grunt может делать их за вас. После того, как вы его установили, что на самом-то деле и не особенно сложно, то он выполняет автоматически, без необходимости снова продумывать все задания. Но давайте начистоту: Grunt — это одна из новомодных штукенций, которой пользуются все крутые детишечки, но которая на первый взгляд кажется странной и недоступной. Я вас понимаю. Эта статья именно для вас. ...

Ghost платформа для блоггинга, с которой я познакомился, произвела сильное впечатление - удобно работать с ней, делать записи в блоге на этой CMS. Ниже несколько бесплатных шаблонов со ссылками на демо и загрузку. Ghostwriter ** HTML5, AJAX * * Демо ** Скачать Vapor ** HTML5, отзывчивый шаблон * Демо ** Скачать Readium ** HTML5, отзывчивый шаблон * Демо ** Скачать Linen ** HTML5, отзывчивый шаблон * Демо ** Скачать GHOSTENTISTA ** HTML5, отзывчивый шаблон ...