Лучшие статьи Дизайн Мании 2013 - «Верстка»
Меню
Наши новости
Учебник CSS

Невозможно отучить людей изучать самые ненужные предметы.

Введение в CSS
Преимущества стилей
Добавления стилей
Типы носителей
Базовый синтаксис
Значения стилевых свойств
Селекторы тегов
Классы
CSS3

Надо знать обо всем понемножку, но все о немногом.

Идентификаторы
Контекстные селекторы
Соседние селекторы
Дочерние селекторы
Селекторы атрибутов
Универсальный селектор
Псевдоклассы
Псевдоэлементы

Кто умеет, тот делает. Кто не умеет, тот учит. Кто не умеет учить - становится деканом. (Т. Мартин)

Группирование
Наследование
Каскадирование
Валидация
Идентификаторы и классы
Написание эффективного кода

Самоучитель CSS

Вёрстка
Изображения
Текст
Цвет
Линии и рамки
Углы
Списки
Ссылки
Дизайны сайтов
Формы
Таблицы
CSS3
HTML5

Новости

Блог для вебмастеров
Новости мира Интернет
Сайтостроение
Ремонт и советы
Все новости

Справочник CSS

Справочник от А до Я
HTML, CSS, JavaScript

Афоризмы

Афоризмы о учёбе
Статьи об афоризмах
Все Афоризмы

Видео Уроки


Наш опрос



Наши новости

       
18-03-2016, 16:25
Лучшие статьи Дизайн Мании 2013 - «Верстка»
Рейтинг:

Традиционно в начале нового года подвожу итоги прошедшего с обзором самых интересных публикаций в блоге. Если сравнивать эту заметку с соответствующим постами в WordPress Inside или итоговым постом на Tod’s blog, то здесь выбрать лучшие материалы было сложнее всего. Их число оказалось достаточно большим. Хотя, если посмотреть аналогичную статью за 2012 год, то там также было много полезных ссылок. Не буду менять традицию и сгруппирую все посты по категориям.


Дизайн статьи и логотипы


Начнем, пожалуй, с парочки дизайнерских статей и подборок логотипов. Решил объединить два направления дабы в категории было хотя бы по 4 статьи. В принципе, логотипы вполне можно было отнести и к вдохновению.


Пиксель арт и веб-дизайн – подборка сайтов в стиле pixel art. Очень большая и объемная статья, посвященная пиксель арту. В посте найдете лучшие дизайны сайтов, где он используется, а также приведены разные красивые иллюстрации.


Как выбрать лучшие иллюстрации для вашего сайта. Статья с советами для дизайнеров какие картинки желательно выбирать для сайтов. Информируйте, заинтересуйте, заряжайте энергией, адаптируйте.


Маленькие веселые песики: 30 удачных логотипов с изображением мопсов. Вторая часть материалов посвящена логотипам. Используйте их для вдохновения, возможно, найдете для себя какие-то идеи. Некоторые логотипы с мопсами смотрятся просто замечательно.


Логотипы в стиле pixel art. Стилистика пиксель арта бывает не только в дизайне сайтов, а может применяться и для логотипов. Там много очень оригинальных и красивых вариантов. Казалось бы, что можно сделать из наборов пискелей, но дизайнеры умудряются нарисовать отличные лого.


Материалы для дизайнера и фотошопа


Каждому дизайнеру приходится использовать в работе те или иные материалы – начиная от иконок, иллюстраций, заканчивая шрифтами или текстурами. Представляю вашему вниманию несколько статей по данной теме.


Плоские иконки (Flat) – 10 бесплатных наборов. Плоские дизайны это, кстати, один из трендов прошедшего года. В данной статье собраны самые лучшие и красивые иконки. Если разрабатываете макет в плоском стиле, то обязательно взгляните на этот пост.


Эффекты для текстов в Photoshop. Если вам нужно оригинальное оформление текста для красивой афиши или иллюстрации, то простого нестандартного шрифта будет маловато. В этом посте имеются супер креативные эффекты для текстов: объемные, снежные, деревянные и т.п.


10 разных гранжевых текстур. Отличная подборка гранжевых текстур для дизайнеров. В статье представлены 10 разных наборов, в каждому из которых собран десяток-другой тематических текстур. Всех их, конечно, объединяет общая стилистика гранжа – мрачно и брутально.


Бесплатные векторные материалы от Depositphotos. Описание интересной “инициативы” от фотобанка Depositphotos, в рамках которой каждую неделю вы сможете получать бесплатные векторные материалы. Хорошая возможность пополнить свою коллекцию иконок и иллюстраций для работы.


Свежие интересные шрифты. В посте приведены действительно классные шрифты для работы. Как говорится, тут можно найти любые шрифты на вкус и цвет – от каллиграфических до современных и дизайнерских.


Красивые формы логина на сайте (+ PSD исходники). Если вам нужно организовать форму логина на сайте, то можете воспользоваться одним из примеров в посте. Учитывая наличие исходников, можно просто взять какой-то вариант за основу и создать свое оригинальное решение. Не смотря на то, что формы логина не так уж и популярны, статья может кому-то пригодиться.


Полезные сервисы для дизайнера


Сайтов для дизайнеров в сети предостаточно. Часть из них найдете в этой подборке, парочка также встречается и в других категориях постов. Направленность всех этих проектов достаточно широкая – одни из них более информативны, другие просто содержат материалы для работы, третьи посвящены исключительно иконкам, например.


Сервисы бесплатных материалов для дизайнера. У каждого профессионального дизайнера имеется набор ссылок сервисов, где можно скачать разные полезные материалы для работы: иконки, PSD исходники, текстуры и т.п. В этой статье рассмотрены некоторых из таких сайтов.


5 соцсетей, о которых должен знать каждый дизайнер. В социальных сетях для дизайнеров можно пообщаться с коллегами по цеху, а также поделиться своими работами с другими дизайнерами. Мы рассмотрели 5 популярных проектов: Dribbble, Threadless, DeviantArt, Fontli, ColourLovers.


Необычные сервисы с иконками. Данный пост можно было отнести также и к категории CSS, поскольку все иконки здесь реализуются через стили. В заметке найдете описания двух сервисов, содержащих CSS коды для отображения совершенно разных, пусть и простых, но симпатичных иконок.


Русскоязычный поиск иконок – IconBird. Альтернативный русский сервис поиска иконок для дизайнеров, у которых не все хорошо с английским языком:) В обзоре представлены основные преимущества проекта и есть парочка скриншотов.


Вдохновение


Дизайн – профессия, где без вдохновения работается очень сложно. Просматривая лучшие иллюстрации, макеты, решения можно заставить свой мозг работать более интенсивно или подсмотреть какое-то интересное решение. Я не говорю скопировать, а просто увидеть реализацию той или иной задачи “с другой точки зрения”. Вдохновение – штука важная. Был кстати когда-то мега большой пост про вдохновение, советую почитать однозначно.


Обои на рабочий стол с типографикой. Любителям типографики данная подборка должна очень понравится. Опять же есть просто яркие и креативные работы, а есть работы попроще с набором букв или какой-то оригинальной надписью.


Иллюстрированный мир художницы Даниэлы Улиг. Основная особенность работы данного иллюстратора – яркие и харизматичные персонажи, которые выглядят по настоящему живыми.


Дизайны сайтов кондитерских и магазинов тортов. Одна из тематических подборок дизайнов сайтов. Если вам нужно нарисовать дизайн веб-проекта из этой же тематики, то можно посмотреть какие решения уже существуют, и возможно, взять наиболее интересные идеи из них.


20 плоских дизайнов в Metro стиле для вдохновения. Плоский дизайн отлично просматривается в интерфейсе Metro от Microsoft для операционной системы Windows 8. Дальше, видимо, дизайнеры как-то подхватили это направление, и в сети появилось много сайтов с плоским внешним видом. Также можно вспомнить и дизайн iOS7. Определенно, это тренд года.


Dune и Sosoa – дуэт французских цифровых художников. Пост посвящен акции TEN Collection от Fotolia, где разные дизайнеры рассказывали о своей деятельности и заодно рисовали какую-то иллюстрацию. В итоге пользователь мог скачать картинку с PSD исходником и посмотреть промо-видео о людях-коллегах по профессии. Очень интересное и познавательное мероприятие.


10 полезных примеров инфографики о HTML5. Тематика поста “на стыке” двух категорий. Дизайнеры могут насладиться интересными решениями при создании инфографики (это всегда оригинально). Разработчикам, возможно, будет познавательно узнать кое-какие данные о HTML5.


30 лучших дизайнов сайтов iOS приложений. Мобильная операционная система iOS всегда считалась чуть ли не эталоном стиля. Поэтому разные сайты соответствующих приложений также должны соответствовать высоким стандартам. Кроме того, можете посмотреть какие по функциональности сайты традиционно делают для мобильных приложений.


CSS и разработка сайта


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


Продвинутые CSS туториалы на Codrops. Небольшой обзор сайта, с которого я переводил пару-тройку материалов для публикации в Дизайн Мании. Вообще через CSS сейчас реализуются достаточно интересные эффекты для веб-сайтов. На Codrops рассмотрены многие из них.


Эффекты и анимация на CSS. В сети сейчас можно найти проекты с набором готовых анимационных эффектов для сайтов (начиная от меню и заканчивая слайдерами фотографий). В этом посте я поделился ссылками на два таких сервиса – Animate.css, Effeckt.css. Подобные решения могут использоваться и в приложениях/сервисах.


UIPlayGround – 200 иконок на CSS3 для ваших сайтов. В категории иконок я рассматривал похожие проекты, где простые картинки генерировались через CSS стили. На сайте имеется около 200 разных иконок. Для веб-проектов такой подход более быстрый чем обычные картинки.


Как создать незабываемый свадебный сайт. Чуть выше в статье была ссылка на лучшие сайты про свадьбы. Здесь же акцент делается не только на дизайне (для вдохновения), а рассматриваются советы, позволяющие сделать ваш сайт лучше. Вообще сайты разных тематик, как правило, имеют свои какие-то фишки и особенности.


Вот такая получилась у меня подборочка статей за 2013 год. Было, в принципе, много интересных моментов за этот прошедший год. Надеюсь, в 2014 их будет еще больше. Желаю вам в новом году счастья, здоровья и побольше радости.


Традиционно в начале нового года подвожу итоги прошедшего с обзором самых интересных публикаций в блоге. Если сравнивать эту заметку с соответствующим постами в WordPress Inside или итоговым постом на Tod’s blog, то здесь выбрать лучшие материалы было сложнее всего. Их число оказалось достаточно большим. Хотя, если посмотреть аналогичную статью за 2012 год, то там также было много полезных ссылок. Не буду менять традицию и сгруппирую все посты по категориям. Дизайн статьи и логотипы Начнем, пожалуй, с парочки дизайнерских статей и подборок логотипов. Решил объединить два направления дабы в категории было хотя бы по 4 статьи. В принципе, логотипы вполне можно было отнести и к вдохновению. Пиксель арт и веб-дизайн – подборка сайтов в стиле pixel art. Очень большая и объемная статья, посвященная пиксель арту. В посте найдете лучшие дизайны сайтов, где он используется, а также приведены разные красивые иллюстрации. Как выбрать лучшие иллюстрации для вашего сайта. Статья с советами для дизайнеров какие картинки желательно выбирать для сайтов. Информируйте, заинтересуйте, заряжайте энергией, адаптируйте. Маленькие веселые песики: 30 удачных логотипов с изображением мопсов. Вторая часть материалов посвящена логотипам. Используйте их для вдохновения, возможно, найдете для себя какие-то идеи. Некоторые логотипы с мопсами смотрятся просто замечательно. Логотипы в стиле pixel art. Стилистика пиксель арта бывает не только в дизайне сайтов, а может применяться и для логотипов. Там много очень оригинальных и красивых вариантов. Казалось бы, что можно сделать из наборов пискелей, но дизайнеры умудряются нарисовать отличные лого. Материалы для дизайнера и фотошопа Каждому дизайнеру приходится использовать в работе те или иные материалы – начиная от иконок, иллюстраций, заканчивая шрифтами или текстурами. Представляю вашему вниманию несколько статей по данной теме. Плоские иконки (Flat) – 10 бесплатных наборов. Плоские дизайны это, кстати, один из трендов прошедшего года. В данной статье собраны самые лучшие и красивые иконки. Если разрабатываете макет в плоском стиле, то обязательно взгляните на этот пост. Эффекты для текстов в Photoshop. Если вам нужно оригинальное оформление текста для красивой афиши или иллюстрации, то простого нестандартного шрифта будет маловато. В этом посте имеются супер креативные эффекты для текстов: объемные, снежные, деревянные и т.п. 10 разных гранжевых текстур. Отличная подборка гранжевых текстур для дизайнеров. В статье представлены 10 разных наборов, в каждому из которых собран десяток-другой тематических текстур. Всех их, конечно, объединяет общая стилистика гранжа – мрачно и брутально. Бесплатные векторные материалы от Depositphotos. Описание интересной “инициативы” от фотобанка Depositphotos, в рамках которой каждую неделю вы сможете получать бесплатные векторные материалы. Хорошая возможность пополнить свою коллекцию иконок и иллюстраций для работы. Свежие интересные шрифты. В посте приведены действительно классные шрифты для работы. Как говорится, тут можно найти любые шрифты на вкус и цвет – от каллиграфических до современных и дизайнерских. Красивые формы логина на сайте ( PSD исходники). Если вам нужно организовать форму логина на сайте, то можете воспользоваться одним из примеров в посте. Учитывая наличие исходников, можно просто взять какой-то вариант за основу и создать свое оригинальное решение. Не смотря на то, что формы логина не так уж и популярны, статья может кому-то пригодиться. Полезные сервисы для дизайнера Сайтов для дизайнеров в сети предостаточно. Часть из них найдете в этой подборке, парочка также встречается и в других категориях постов. Направленность всех этих проектов достаточно широкая – одни из них более информативны, другие просто содержат материалы для работы, третьи посвящены исключительно иконкам, например. Сервисы бесплатных материалов для дизайнера. У каждого профессионального дизайнера имеется набор ссылок сервисов, где можно скачать разные полезные материалы для работы: иконки, PSD исходники, текстуры и т.п. В этой статье рассмотрены некоторых из таких сайтов. 5 соцсетей, о которых должен знать каждый дизайнер. В социальных сетях для дизайнеров можно пообщаться с коллегами по цеху, а также поделиться своими работами с другими дизайнерами. Мы рассмотрели 5 популярных проектов: Dribbble, Threadless, DeviantArt, Fontli, ColourLovers. Необычные сервисы с иконками. Данный пост можно было отнести также и к категории CSS, поскольку все иконки здесь реализуются через стили. В заметке найдете описания двух сервисов, содержащих CSS коды для отображения совершенно разных, пусть и простых, но симпатичных иконок. Русскоязычный поиск иконок – IconBird. Альтернативный русский сервис поиска иконок для дизайнеров, у которых не все хорошо с английским языком:) В обзоре представлены основные преимущества проекта и есть парочка скриншотов. Вдохновение Дизайн – профессия, где без вдохновения работается очень сложно. Просматривая лучшие иллюстрации, макеты, решения можно заставить свой мозг работать более интенсивно или подсмотреть какое-то интересное решение. Я не говорю скопировать, а просто увидеть реализацию той или иной задачи “с другой точки зрения”. Вдохновение – штука важная. Был кстати когда-то мега большой пост про вдохновение, советую почитать однозначно. Обои на рабочий стол с типографикой. Любителям типографики данная подборка должна очень понравится. Опять же есть просто яркие и креативные работы, а есть работы попроще с набором букв или какой-то оригинальной надписью. Иллюстрированный мир художницы Даниэлы Улиг. Основная особенность работы данного иллюстратора – яркие и харизматичные персонажи, которые выглядят по настоящему живыми. Дизайны сайтов кондитерских и магазинов тортов. Одна из тематических подборок дизайнов сайтов. Если вам нужно нарисовать дизайн веб-проекта из этой же тематики, то можно посмотреть какие решения уже существуют, и возможно, взять наиболее интересные идеи из них. 20 плоских дизайнов в Metro стиле для вдохновения. Плоский дизайн отлично просматривается в интерфейсе Metro от Microsoft для операционной системы Windows 8. Дальше, видимо, дизайнеры как-то подхватили это направление, и в сети появилось много сайтов с плоским внешним видом. Также можно вспомнить и дизайн iOS7. Определенно, это тренд года. Dune и Sosoa – дуэт французских цифровых художников. Пост посвящен акции TEN Collection от Fotolia, где разные дизайнеры рассказывали о своей деятельности и заодно рисовали какую-то иллюстрацию. В итоге пользователь мог скачать картинку с PSD исходником и посмотреть промо-видео о людях-коллегах по профессии. Очень интересное и познавательное мероприятие. 10 полезных примеров инфографики о HTML5. Тематика поста “на стыке” двух категорий. Дизайнеры могут насладиться интересными решениями при создании инфографики (это всегда оригинально). Разработчикам, возможно, будет познавательно узнать кое-какие данные о HTML5. 30 лучших дизайнов сайтов iOS приложений. Мобильная операционная система iOS всегда считалась чуть ли не эталоном стиля. Поэтому разные сайты соответствующих приложений также должны соответствовать высоким стандартам. Кроме того, можете посмотреть какие по функциональности сайты традиционно делают для мобильных приложений. CSS и разработка сайта Дизайн-дизайном, а разработка сайта имеет и другие этапы. В этой категории найдете в основном CSS решения для своих веб-проектов, ведь достаточно часто дизайнеры сталкиваются и с вопросами верстки, скриптов для веб-страниц и т.п. Продвинутые CSS туториалы на Codrops. Небольшой обзор сайта, с которого я переводил пару-тройку материалов для публикации в Дизайн Мании. Вообще через CSS сейчас реализуются достаточно интересные эффекты для веб-сайтов. На Codrops рассмотрены многие из них. Эффекты и анимация на CSS. В сети сейчас можно найти проекты с набором готовых анимационных эффектов для сайтов (начиная от меню и заканчивая слайдерами фотографий). В этом посте я поделился ссылками на два таких сервиса – Animate.css, Effeckt.css. Подобные решения могут использоваться и в приложениях/сервисах. UIPlayGround – 200 иконок на CSS3 для ваших сайтов. В категории иконок я рассматривал похожие проекты, где простые картинки генерировались через CSS стили. На сайте имеется около 200 разных иконок. Для веб-проектов такой подход более быстрый чем обычные картинки. Как создать незабываемый свадебный сайт. Чуть выше в статье была ссылка на лучшие сайты про свадьбы. Здесь же акцент делается не только на дизайне (для вдохновения), а рассматриваются советы, позволяющие сделать ваш сайт лучше. Вообще сайты разных тематик, как правило, имеют свои какие-то фишки и особенности. Вот такая получилась у меня подборочка статей за 2013 год. Было, в принципе, много интересных моментов за этот прошедший год. Надеюсь, в 2014 их будет еще больше. Желаю вам в новом году счастья, здоровья и побольше радости.

Теги: CSS Верстка, можно лучшие также сайтов иконок

Просмотров: 2 677
Комментариев: 0:   18-03-2016, 16:25
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

 
Еще новости по теме:



Другие новости по теме: