Как уменьшить количество слоев для визуально одного объекта (кнопочки, например), сохранив возможность его редактирования? Как уменьшить количество слоев, объединив в один слой header, footer на макетах внутренних страниц, при этом снова-таки оставив возможность их изменения? Как облегчить верстальщику вырезание линий из одно- двух пиксельных линий, составляющих единую линию, теней, а так же кнопочек, иконок? Как … Read More →
Недавно Крис Койер отвечал на вопросы читателей Smashing Magazine. Один из вопросов был о том, как распознать код CSS с «душком»: Как можно определить, что ваш CSS пованивает? Какие признаки указывают на то, что код неоптимален или что разработчик писал его спустя рукава? На что вы смотрите в первую очередь, чтобы определить, плох или хорош код? Я … Read More →
Онлайн-сервисы становятся все популярнее, постепенно усложняя функционал и улучшая интерфейсы. В этой подборке представлены онлайн-инструменты для кодеров. Cloud9 «Это Google Docs, только для кода» — так говорят о проекте. Облачный сервис вырос из Mozilla Bespin. Основные фишки: SSH, drag-and-drop и возможность разработки оффлайн. Koding (публичная бета) Koding.com — среда разработки с предустановленным веб-сервером и элементами социальной … Read More →
В этой статье собраны полезные и «правильные» стили и сниппеты, которые помогут ускорить процесс разработки сайта, а также оптимизировать верстку. 1. Базовая HTML5 конструкция Основной код любой страницы, которому многие разработчики уделяют недостаточно внимания. Подключены jQuery 1.8.2 и HTML5shiv для корректного отображения в старых браузерах. <!doctype html> <html lang="en-US"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Default Page Title</title> … Read More →
Использование CSS-спрайтов на сайте позволяет повысить производительность и грамотно организовать элементы интерфейса. Спрайт — это одно большое изображение мелких графических элементов сайта, например иконок или кнопок. И благодаря CSS можно отображать каждый элемент отдельно. Применение на практике Главным преимуществом использования спрайтов является однократная загрузка сервером сразу всех элементов в одном файле. некоторые могут подумать, что подгрузка … Read More →
С каждым днем появляется все больше сайтов с адаптивной версткой. При проектировании такого дизайна первое, о чем задумывается разработчик — это общее представление контента на устройствах с разным размером экранов. В этой статье я описал некоторые типы (layouts) адаптивных макетов. Резиновый Простой в реализации и очевидный для пользователя тип представления контента. Основные блоки сжимаются до ширины … Read More →
Итак, сегодня у нас небольшая подборка полезных (на мой взгляд) JS скриптов и плагинов, которые могут вам пригодится при работе. Мне, например, уже пригодились несколько раз.<p >В статье мы рассмотрим следующие скрипты: смена favicon.ico (уведомления а-ля Gmail), конвертер валют, обработчик изменений hash документа, скрипты для форматирования дат, чисел и денежных величин, скрипт для фильтрации, сортировки и поиска по элементам списка, скрипт для автоматической подстановки … Read More →
Заметил, в последнее время на любое упоминание Twitter Bootstrap, минимум один человек отмечает, что «слишком много его стало». Большинство все устраивает, но некоторым он уже приелся и они хотят чего-то нового. Поэтому решил написать статью со сборником css-фреймворков, думаю каждый сможет найти что-нибудь для себя. Заодно сделаем интернет разнообразнее. Twitter Bootstrap Извиняюсь перед теми, кто … Read More →
Когда мы создаём сайты, мы обычно начинаем с определения основных параметров текста. Он диктует нам ширину главной колонки, а остальное выстраивается почти само собой. Так было раньше. До недавнего времени разрешение экрана было более или менее однородным, сегодня же мы имеем дело с разнообразными размерами и разрешениями, и это многое усложняет. В пылу перезапуска (сайта компании — прим. переводчика) я написал небольшой пост в блог об адаптивной типографике, фокусируясь исключительно на главном аспекте … Read More →
Уважаемые посетители данного ресурса. Приношу свои извинения по-поводу того, что на сайте вы видите бесплатный шаблон из набора wordpress — уверяю Вас, это явление временное и скоро все поменяется к лучшему )) Ну а пока так — да.