Временно.нет — статьи по верстке и веб-дизайну

Мифы о модульных сетках

7 февраля в 11:40 Дмитрий Копров Дизайн рейтинг

1 комментарий

Сетки, модульные сетки... много разных терминов, но что это?

Все наверняка слышали и даже что-то знают, но на практике все заканчивается ссылкой на какой-нибудь 960px и словах, что «это что-то типа шаблона такого». И ведь все так и есть, но... «В действительности все не так как на самом деле», — говорил Экзюпери. На деле имеем немного сумбурную статью, в которой автор решил впихнуть невпихуемое в столь малый обьем. А ссылки, по которым все описано четко и ясно, все также на языке вероятного союзника, как говорили у нас на военной кафедре...

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

grid system, блочная верстка, инструменты для веб-мастеров, модульная сетка, стили, фреймворки, шаблоны.

Мифы о модульных сетках 7 февраля в 11:40
Иконки — ежемесячный выпуск №8 (методы оплаты) 4 февраля в 22:10
Сервисы для мониторинга доступности сайта 20 января в 18:07
Иконищи 8 января в 18:39
Не прячьте пароли от пользователей 5 января в 23:55
2010 31 декабря 2009 в 15:50
Иконочный инспирейшн 7 декабря 2009 в 21:33
JavaScript библиотеки, которые расширяют возможности CSS 1 декабря 2009 в 13:20
Иконки — ежемесячный выпуск №7 20 ноября 2009 в 12:59
Google Wave Скроллер 16 ноября 2009 в 18:08
Дивные дивы 13 ноября 2009 в 15:01
Правда о времени загрузки сайтов 12 ноября 2009 в 1:16
Подборка плагинов jQuery для выбора даты 9 ноября 2009 в 19:34
CU3ER — флешевая анимация картинок без знания флеша 5 ноября 2009 в 14:37
Диалоговые окна и попапы - обзор jQuery плагинов 3 ноября 2009 в 6:28
Adobe: ближайшее будущее 29 октября 2009 в 3:00
Подборка уроков по макетированию сайтов от Six Revisions 20 октября 2009 в 14:15
Интервью с Якобом Нильсеном, часть вторая 16 октября 2009 в 21:00
Интервью с Якобом Нильсеном, часть первая 14 октября 2009 в 15:40
Методика написания CSS кода от Антонио Лупетти 12 октября 2009 в 17:31
Иконки — ежемесячный выпуск №6 9 октября 2009 в 12:52
Кроссдоменный AJAX 7 октября 2009 в 15:49
Повышаем производительность Фотошопа 5 октября 2009 в 22:40
Инструменты для нахождения неиспользуемых CSS стилей 2 октября 2009 в 18:07
HTML 5 — обзор грядущей новой спецификации 30 сентября 2009 в 18:28
О цвете, комментировании и изображении интерактивности в прототипах 28 сентября 2009 в 19:23
Размышления о трастрэнке 25 сентября 2009 в 10:26
Sass — еще более удобный и логичный CSS 23 сентября 2009 в 18:43
Реклама: OneGadget.ru — Новые гаджеты каждый день 21 сентября 2009 в 12:31
Делаем автозаполнение на JavaScript 18 сентября 2009 в 10:43
Как все грамотно распихать по слоям в Photoshop, рисуя сайт 14 сентября 2009 в 20:15
Иконки — ежемесячный выпуск иконок №5 11 сентября 2009 в 13:28
Временно.нет временно недоступен 29 августа 2009 в 0:54
Каллиграфия и типографика, выпуск одиннадцатый про дым 25 августа 2009 в 19:40
Каллиграфия и типографика, выпуск десятый, то ли о буквах, то ли о свете 17 августа 2009 в 19:25
Улучшаем поля ввода пароля 12 августа 2009 в 13:52
Ящик инструментов 3х3 для сеошника 10 августа 2009 в 14:51
MopTip и MopBox для jQuery 6 августа 2009 в 18:53
Продвинутая визуализация данных на JavaScript 31 июля 2009 в 13:04
Подготовка Иллюстратора к работе над сайтом 30 июля 2009 в 3:49
Расширения для Firebug 27 июля 2009 в 14:54
Сервисы для генерации индикаторов загрузки 24 июля 2009 в 2:51
Интерфейсные заготовки для веб-дизайнера 21 июля 2009 в 16:50
Google Maps и инфоокна 17 июля 2009 в 11:54
Иконки — ежемесячный выпуск иконок №4 15 июля 2009 в 21:24
Создаем кнопочку отмены на текстовом поле 8 июля 2009 в 15:06
Прогрессивное улучшение в JavaScript 2 июля 2009 в 14:28
Полезные сниппеты на jQuery 26 июня 2009 в 16:12
Каллиграфия и типографика, выпуск девятый, в котором логотип почти доделывается, а автор глубже проникает в смысл жизни 22 июня 2009 в 21:51
Инструменты для оптимизации графики 18 июня 2009 в 15:41
Как увеличить CTR на 10 сантиметров 12 июня 2009 в 8:52
Создаем jQuery плагин на примере поискового поля 10 июня 2009 в 20:03
Создание букмарклетов с помощью jQuery 8 июня 2009 в 2:00
Создание паттернов в «Фотошопе» и «Иллюстраторе» 5 июня 2009 в 20:42
«Хлебные крошки» на jQuery 3 июня 2009 в 20:46
Прототипирование, основные позы 31 мая 2009 в 3:55
Улучшение форм авторизации, регистрации и напоминации 27 мая 2009 в 14:00
Каллиграфия и типографика, выпуск восьмой, повествующий о создании одного логотипа 25 мая 2009 в 23:59
Иконки — ежемесячный выпуск №3 22 мая 2009 в 9:30
Google Maps и большое количество маркеров 20 мая 2009 в 0:01
Каллиграфия и типографика, выпуск седьмой, сугубо практический 18 мая 2009 в 20:27
Яндекс.Метрика Vs. Google Analytics 15 мая 2009 в 22:50
Подсветка кода на сайтах — JavaScript решения 13 мая 2009 в 14:00
Каллиграфия и типографика, выпуск №6 12 мая 2009 в 1:05
Маркеры в Google Maps 8 мая 2009 в 11:35
Создание необычной формы авторизации, регистрации и напоминации 7 мая 2009 в 9:00
В чем рисовать сайты 6 мая 2009 в 16:52
Каллиграфия и типографика, выпуск №5 4 мая 2009 в 19:22
Mootools для начинающих, урок №3 1 мая 2009 в 14:30
Интервью с Ильей Бирманом 29 апреля 2009 в 3:40
Каллиграфия и типографика, выпуск №4 27 апреля 2009 в 22:35
Давайте знакомиться 27 апреля 2009 в 15:39
Настройка Google Analytics. Если нужно вести статистику по поддоменам. 24 апреля 2009 в 10:05
«Вопросы и ответы» на Временно.нет 22 апреля 2009 в 23:24
Mootools для начинающих, урок №2 22 апреля 2009 в 13:58
Простой RSS-reader средствами jQuery 20 апреля 2009 в 8:20
Иконки — ежемесячный выпуск №2 17 апреля 2009 в 12:27
Mootools для начинающих, урок №1 15 апреля 2009 в 1:51
Каллиграфия и типографика, выпуск №3 13 апреля 2009 в 16:36
Обновления на Временно.нет 12 апреля 2009 в 22:44
Создание календаря-расписания 10 апреля 2009 в 7:57
Бесплатные шрифты дизайнеров для дизайнеров 8 апреля 2009 в 16:14
Каллиграфия и типографика, выпуск №2 6 апреля 2009 в 0:55
Советы по CSS для начинающих 1 апреля 2009 в 15:59
Seo чеклист 3 апреля 2009 в 23:02
Каллиграфия и типографика, выпуск №1 30 марта 2009 в 16:14
Как использовать любой шрифт на сайте 28 марта 2009 в 21:19
Эксперименты с обводкой в CSS 26 марта 2009 в 2:15
Очередная подборка иконок 23 марта 2009 в 23:36
А может за вами следят? Сервисы для анализа действий пользователей на сайте 19 марта 2009 в 16:23
jQuery Easing Plugin 14 марта 2009 в 18:37
Правильные ссылки 11 марта 2009 в 0:03
Инструменты для управления проектами 4 марта 2009 в 13:31
Обзор файловых загрузчиков или еще раз про стилизацию инпутов 28 февраля 2009 в 0:25
Сервисы и программы для анализа посещаемости вашего сайта 20 февраля 2009 в 9:10
Методы монетизации 18 февраля 2009 в 12:26
Прогрессивное улучшение CSS 16 февраля 2009 в 14:15
Инструменты для создания цветовых схем и палитр 12 февраля 2009 в 14:34
Кнопки как в Gmail и Google Reader 8 февраля 2009 в 21:40
Иконки, иконки, иконки 3 февраля 2009 в 18:48
Внешняя оптимизация 29 января 2009 в 22:25
Интервью с Ярославом Бирзул 25 января 2009 в 13:30
Flip — плагин jQuery 19 января 2009 в 0:03
Внутренняя оптимизация. Часть 2. 16 января 2009 в 22:16
Прогрессивное улучшение — введение 15 января 2009 в 1:38
Внутренняя оптимизация. Часть 1. 11 января 2009 в 20:37
CSS хаки — продолжение 10 января 2009 в 11:23
Ускорение индексации сайта 7 января 2009 в 21:28
Видео и аудио плееры для сайтов 6 января 2009 в 22:14
Введение в SEO 5 января 2009 в 19:47
Подведение итогов 2008 года 31 декабря 2008 в 13:24
Выпадающее меню на CSS 29 декабря 2008 в 2:00
Реализация айФонных UI прелестей с помощью jQuery. Часть 3. 25 декабря 2008 в 20:19
Text-shadow — эффект гравировки, вдавленности и тени от текста 23 декабря 2008 в 0:13
Простой способ улучшить фотографию 19 декабря 2008 в 18:29
Реализация айФонных UI прелестей с помощью jQuery. Часть 2. 12 декабря 2008 в 20:00
Веб 2.0 иконки 10 декабря 2008 в 17:00
Реализация айФонных UI прелестей с помощью jQuery. Часть 1. 1 декабря 2008 в 9:00
Лупа на jQuery 24 ноября 2008 в 19:00
Стилизация элементов формы — подборка решений 19 ноября 2008 в 12:15
Иконки браузеров 14 ноября 2008 в 20:50
Всплывающие подсказки на jQuery 13 ноября 2008 в 6:00
Иконки погоды 11 ноября 2008 в 21:35
Форум проекта 11 ноября 2008 в 15:36
Градиенты и стили для Photoshop 7 ноября 2008 в 19:24
Иконки — новый выпуск 4 ноября 2008 в 18:41
Бесплатные фоны для сайтов 30 октября 2008 в 2:36
JavaScript решения для построения графиков 27 октября 2008 в 9:17
Подборка шпаргалок 24 октября 2008 в 22:44
Плагины jQuery: Background-Position Animations 19 октября 2008 в 17:49
11 многообещающих фреймворков Javascript, о которых вы ни разу не слышали 17 октября 2008 в 9:13
Бесплатные иконки флагов 14 октября 2008 в 9:09
Скроллер содержимого на jQuery 11 октября 2008 в 19:15
Как делать табы на jQuery 8 октября 2008 в 18:36
Google Maps 3 октября 2008 в 18:31
Подборка красивых бесплатных иконок 21 сентября 2008 в 15:59
Тюнингуем диалоговые окна 15 сентября 2008 в 18:33
Google Chrome. Отключаем проверку орфографии 12 сентября 2008 в 15:43
Обзор средств для разработчиков в разных браузерах 5 сентября 2008 в 18:04
Эффективный CSS — советы и скрипты 19 августа 2008 в 17:40
Пятничные сниппеты. JavaScript, продолжение стилизации файл-инпута 8 августа 2008 в 11:33
Cтилизация файл-инпутов 1 августа 2008 в 17:11
Огненный текст в Фотошопе 26 июля 2008 в 23:18
38 статей о создании закругленных углов на сайтах 24 июля 2008 в 13:10
Расставив все точки над семантикой 21 июля 2008 в 12:54
Пятничные сниппеты. jQuery, часть 3 18 июля 2008 в 1:05
Плавное изменение содержимого страницы 17 июля 2008 в 17:01
Создание закругленных кнопок для сайтов 16 июля 2008 в 13:07
14 наборов качественных иконок для веб-дизайнеров 11 июля 2008 в 15:42
Краткий обзор CSS3 9 июля 2008 в 0:09
12 отличных меню на Javascript и CSS 5 июля 2008 в 1:14
Пятничные сниппеты. jQuery, часть вторая 4 июля 2008 в 18:24
Обзор бесплатных WYSIWYG редакторов 2 июля 2008 в 7:25
Пятничные сниппеты. JavaScript, часть 2. 27 июня 2008 в 23:57
Хороший AJAX 17 июня 2008 в 22:06
Скрипты галерей изображений на CSS 10 июня 2008 в 15:23
Пятничные сниппеты. JavaScript 6 июня 2008 в 20:23
Скрипты галерей изображений на AJAX 5 июня 2008 в 21:00
Пятничные сниппеты. CSS 30 мая 2008 в 13:04
Травяной текст в Photoshop 30 мая 2008 в 3:39
Пятничные сниппеты. jQuery 23 мая 2008 в 3:47
CSS-хаки 8 мая 2008 в 15:58
JavaScript слайдеры. Только лучшее. 9 мая 2008 в 2:55
Бесплатные CSS шаблоны 21 апреля 2008 в 19:35
Глобальный сброс в CSS 21 апреля 2008 в 18:48
CSS фрэймворки 21 апреля 2008 в 16:08
Графики на ваших сайтах 21 апреля 2008 в 14:42
Подсветка синтаксиса в textarea 21 апреля 2008 в 14:37
Ctrl+Enter и клавиатурные события Javascript 19 апреля 2008 в 18:46
5+ типографов, которые следует использовать на сайтах 19 апреля 2008 в 17:56

Циклы статей

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

Иконки: №6, №5, №4, №3, №2, №1, флаги, браузеры, веб 2.0 иконки.

Google Maps API: обзор, добавление маркеров, кластерер для маркеров, инфоокна.

Mootools: DOM и свойства объектов, анимация, AJAX.

Сниппеты: jQuery №4, jQuery №3, jQuery №2, jQuery №1, JavaScript, CSS.

Прогрессивное улучшение: общие понятия, в CSS, в JavaScript.