Вы перешли по метке:
Мы все знаем, что поле для отправки файла весьма ограничено с точки зрения настройки-стилизации, и хотя существует с десяток плагинов для оформления данного поля, по-прежнему бывает проблематично сделать адекватное поле для отправки файла (input type="file").
Читать полностью demo 2013-01-13Вы когда-нибудь просматривали список функций доступных в PHP. Я насчитал приблизительно 5025 штук на странице – краткий справочник по PHP. Конечно, существует зависимость между количеством функций и теми расширениями, которые у вас установлены, но все равно - это целая куча функций!
Читать полностью 2013-01-04Существует множество различных, простых примеров, в которых приводится принцип работы ООП. Сегодня я решил показать вам, как работает ООП в реальной жизни; особенно данный пример пригодится начинающим программистам.
Читать полностью 2012-12-19Когда я пишу на javascript, то приходится часто обращаться к поисковым системам, с целью уточнить синтаксис методов (и порядок, определение аргументов) работающих со строками.
Читать полностью 2012-12-11Мысль о том, что стоит создать класс, вполне возможно, вызовет у вас смятение - желание отложить это дело до лучших времен, особенно, если вы в этом деле новичок.
Читать полностью 2012-12-09Существует множество техник в адаптивном дизайне, чтобы приспособить навигацию сайта к маленьким экранам. Сегодня мы рассмотрим четыре основных техники, их преимущества и недостатки.
Читать полностью demo 2012-12-08 Все мы знаем, что "Тег <label>
устанавливает связь между определенной меткой, в качестве которой обычно выступает текст, и элементом формы (<input>
, <select>
, <textarea>
). Такая связь необходима, чтобы изменять значения элементов формы при нажатии курсором мыши на текст".
Данная статья – это лишь небольшое дополнение (даже можно сказать - памятка) к следующим статьям:
Обрабатываем флажки (checkbox
) формы при помощи PHP,
Обработка списка формы при помощи PHP. Теги select
и option
.
Недавно я получил вопрос о том, как можно создать скроллбар похожий на скроллбар в Mac OS – темно-серый закругленный прямоугольник и проявляется только когда курсор мышки наведен на прокручиваемый контент. Если вы пользователь Mac OSX, то вы неоднократно могли наблюдать данный скроллбар – особенно в браузере safari. Если нет, то ниже приведен скрин со скроллбаром.
Читать полностью demo 2012-11-28Сегодня мы создадим интерфейс с вкладками. Однако перед нами не простая панель с вкладками, наша версия поддерживает историю. Да, вы можете использовать кнопки браузера "Назад" и "Вперед", также для каждой активной вкладки и соответствующего контента существует свой уникальный url.
Читать полностью demo 2012-11-25Статья посвящена отличному редактору Sublime Text 2. Также приведено описание основного плагина - Package Control и раскрыта причина неработоспособности опции install package плагина Package Control. В статье перечислены основные плагины (лишь малая часть) редактора Sublime Text 2, приведены настройки редактора и порядок установки темы SODA.
Читать полностью 2012-11-23Однажды меня посетила идея создать такую навигацию, в которой активный элемент (элемент на который наведен курсор мыши) как бы представлял собой верхнюю ступеньку, в то время как другие элементы, стоящие после и перед активным элементом, последовательно отображались бы как ступеньки с постепенно уменьшающейся высотой. Это просто, но вы редко где встретить такой эффект. Возможно, потому что вы не имеете возможности выбрать «предыдущий элемент», используя только CSS.
Читать полностью demo 2012-11-17В javascript для манипуляции массивами существует определенное количество методов, в этой статье я постараюсь описать большую их часть. Как обычно я сделаю все возможное, чтобы текст был предельно лаконичным, но, если вы заметите, что я пропустил что-нибудь важное, сообщите мне об этом в комментарии.
Читать полностью 2012-11-10Представьте, что у вас есть форма с десятью обязательными параметрами. Такая форма немного больше, чем в среднем по "больнице" (интернету), и создает для пользователя определенную работу. При заполнении такой формы вы можете потерять часть пользователей, что всегда плохо.
Читать полностью demo 2012-11-07Находим координаты мыши относительно начала страница, используя jQuery
Читать полностью demo 2012-10-31Примеры резиновых (эластичных) сеток, так называются сетки, которые изменяют свою ширину при изменении размеров окна браузера.
Читать полностью 2012-10-26Подсказка это небольшой всплывающий блок, который проявляется в момент наведения мышки на элемент-триггер. Этот всплывающий блок содержит краткую информацию об элементе-триггере.
Читать полностью demo 2012-10-23В сегодняшнем руководстве я покажу, как можно закруглить углы таблицы, используя только CSS.
Читать полностью demo 2012-10-18API и опции к FancyBox 1.3.4. Демо-пример FancyBox 2.0.
Читать полностью demo 2012-10-15Но наша задача не участвовать в дискуссиях, а сделать так, чтобы любая ссылка, ведущая на внешний сайт, открывалась в новом окне.
Читать полностью 2012-10-15Один читатель задал очень интересный и важный вопрос. Ответ может избавить людей от неприятностей или, даже, спасти жизнь.
Читать полностью demo 2012-10-10Подавляющее большинство сайтов в той или иной мере используют сетку.
Читать полностью demo 2012-10-09Перед вами простой основанный на PHP/GD скрипт капчи, который поможет предотвратить поток спама. Капча предназначена для гостевых книг, форм обратной связи и любых других приложений способных воспроизвести спам посредством веб-ботов.
Читать полностью 2012-10-03Может возникнуть такая ситуация, когда вам понадобиться центрировать несколько блочных элементов
Читать полностью demo 2012-09-17В этой статье я покажу, как можно создать при минимуме затрат фото галерею, используя jQuery.
Читать полностью demo 2012-09-05На многих сайтах реализовано плавающее боковое меню. В сегодняшней статье я покажу, как это можно сделать. Причем плавать боковое меню будет лишь только при скроллинге страницы.
Читать полностью demo 2012-09-03В данной статье мы рассмотрим создание плагина jQuery, суть которого в замещение элемента select красиво оформленным неупорядоченным списком (ul).
Читать полностью demo 2012-09-02Получив несколько просьб, я решил написать статью о том, как можно сделать выпадающее меню. Самый лучший и простой способ создать такое меню - это положиться на jQuery.
Читать полностью demo 2012-08-31В статье подробно описывается принцип работа плагина jQuery bxSlider.
Читать полностью demo 2012-08-16Эта статья поможет вам научиться разрабатывать свои собственные jQuery плагины модули.
Читать полностью 2012-08-06С тем, чтобы сайт подстраивался под различные разрешения экрана, используют резиновые макеты. Однако, при создании таких макетов, особенно у начинающих верстальщиков, могут возникнуть определенные затруднения.
Читать полностью 2012-07-28В сегодняшнем руководстве мы создадим новый эффект стилевого оформления сайта. Его суть будет заключаться в замене частей имеющихся предложений. «Замену» слов будем производить с помощью CSS анимации.
Читать полностью demo 2012-07-22Чтобы создать плагин jQuery необходимо понимаеть его структуру. Итак, приступим.
Читать полностью 2012-07-02При создании страницы «Откроемся скоро» (coming soon) приходится решать вопрос о том, как лучше отобразить оставшееся время.
Читать полностью demo 2012-07-01Lava Lamp меню является одним из самых популярных меню, используемых на веб-сайтах.
Читать полностью demo 2012-06-23Все эти разметки содержат в себе несколько колонок, внутри которых расположен контент.
Читать полностью demo 2012-06-10Известно, что когда перед разработчиком стоит задача отобразить большое количество информации на сайте, он начинает думать о том, как сделать пагинацию (нумерация страниц)
Читать полностью demo 2012-06-03Общаясь недавно со своими коллегами, я был удивлен тем, что многие ни разу не использовали в своей работе встроенные в браузер отладчик консоли для JavaScript. К сожалению, один из них работает в моей фирме, не буду оглашать его имени. Для тех из вас, кто пока не знаком с консолью браузера API, и написана эта статья.
Читать полностью demo 2012-05-27Многие рассматривают создание своего собственного плагина, как нечто трудное и сложное. Для jQuery это совсем не так.
Читать полностью demo 2012-05-20Дело вот в чем: inline-block
элементы располагаются последовательно таким образом, что между ними возникает пустое пространство.
При работе с сайтом у пользователя не должно быть проблем.
Читать полностью 2012-05-09Иногда разработчикам требуется особым образом стилизовать элемент типа checkbox.
Читать полностью demo 2012-05-08В этой статье я постараюсь привести основы jQuery. Статья, надеюсь, будет расширяться
Читать полностью 2012-05-07Для новичков создание jQuery плагинов несет в себе определенные сложности
Читать полностью demo 2012-05-07По-моему, лучшим вариантом является создание сайта с резиновой шириной, этим мы приспособим сайт к большинству типов мониторов.
Читать полностью demo 2012-04-29Попытаемся решить эту проблему путем создания вкладок с чистого листа, используя jQuery. При этом сделаем так, чтобы решение было простым, а разметка чистой и семантической.
Читать полностью demo 2012-04-14При кодировании на плавающих блоках широко распространена следующая проблема - обертывающий блок расширяется не на всю высоту плавающего элемента.
Читать полностью demo 2012-04-08В этой статье я покажу, как можно при помощи jQuery сделать строку таблицы полностью кликабельной (ссылкой).
Читать полностью demo 2012-04-07Чтобы создать тень у блока, я создал изображение и воспользовался CSS.
Читать полностью demo 2012-04-02Сегодня я покажу, как создать CSS3 lavalamp меню.
Читать полностью demo 2012-03-26В этой статье вы узнаете, как создать анимированный логотип, причем логотип плавно изменит свой внешний вид при наведении на него курсора мышки.
Читать полностью demo 2012-03-25В этой статье вы узнаете, как создать форму обратной связи (мы будем получать email пользователя), которая предоставляет пользователю возможность прикрепить и отправить на сервер свой файл.
Читать полностью 2012-03-24Сегодня я покажу, как создать простой одностраничный (скроллинговый) сайт с помощью jQuery.
Читать полностью demo 2012-03-24В чем-то эти инструменты похожи на инструмент Firebug, тем не менее, это не мешает им сохранять ту уникальность, которая свойственна инструментам от Mozilla.
Читать полностью 2012-03-18В наши дни перед разработчиками возникают ситуации, когда требуются нетривиальные решения. Задача: расположить тег заголовка вертикально и относительно левой стороны блока с контентом.
Читать полностью demo 2012-03-15В данной статье мы будем центрировать в заголовке горизонтальную линию, примечательно, что сам заголовок центрируется по горизонтали. Благодаря таким манипуляциям заголовок выглядит необычно и стильно.
Читать полностью demo 2012-03-14Вам требуется контактная форма на jQuery, но вы не знаете, как ее сделать? Вероятно, данная статья способна вам помочь. Контактная форма – очень полезная штука, ведь она позволяет посетителям вашего сайта общаться с вами.
Читать полностью demo 2012-03-10Широко распространенно ошибочное мнение о свойстве vertical-align, которое заключается в том, что, будучи примененным к элементу, свойство vertical-align меняет вертикальное положение заключенных в этот элемент элементов.
Читать полностью demo 2012-03-05Для одного проекта передо мной стояла задача найти способ автоматически изменять высоту элемента textarea согласно тому контенту, который будет динамически загружаться посредством Ajax.
Читать полностью demo 2012-03-01IE (и некоторые другие браузеры) любят отображать полосу прокрутки в теге textarea, даже когда в этом нет никакой необходимости.
Читать полностью 2012-02-26Я всегда сталкиваюсь с затруднениями, когда необходимо растянуть блок на 100% высоты страницы. Итак, почему бы не найти кроссбраузерное решение по растягиванию блока на всю высоту страницы?
Читать полностью demo 2012-02-25Когда пользователь доходит до конца страницы, справа плавно появляется блок с контентом.
Читать полностью demo 2012-02-23В этой статье подробно говорится об использовании переменной PHP _SELF.
Читать полностью 2012-02-15 В последнее время в число моих любимых тегов попал недавно интегрированный в Chrome (версия 12) элемент details
. В сегодняшнем руководстве я покажу, как им пользоваться.
А как написать CSS правила и заставить браузер распознать, что написаны они специально под Chrome, Safari или Opera?
Читать полностью 2012-02-11На сайте LearningjQuery.com реализован очень интересный вывод даты для каждого поста.
Читать полностью 2012-02-11В этой статье вы узнаете, как добавить в форму прокручиваемый список, как настроить возможность единичного, так и множественного выбора; как обрабатывать данные, полученные из списка и еще много чего)
Читать полностью 2012-02-05Это руководство познакомит вас с флажками (checkbox) HTML и научит обращаться с ними в PHP.
Читать полностью 2012-01-29Подсветка синтаксиса требуется для того, чтобы выделить (подсветить), например, выкладываемый на сайте код.
Читать полностью 2012-01-25Данный скрипт позволит вывести не только стрелки на «предыдущую страницу» и «следующие страницу»,но и, при желании, поможет вывести последовательный список ссылок на все страницы сайта.
Читать полностью 2012-01-22Допустим, вы зашли на Google Web Fonts в поисках бесплатного шрифта для вашего сайта. Вы находите нужный вам шрифт...
Читать полностью 2012-01-21Нет необходимости объяснять, что такое подсказки. Также вы, вероятно, знаете, что они могут повысить юзабилити вашего сайта. Поэтому в этой статье мы сконцентрируемся на практической стороне.
Читать полностью demo 2012-01-15Допустим, у вас есть элемент, который вы хотите временно спрятать. Что делать: поменять значение свойства visibility на hidden или лучше назначить свойству display значение none.
Читать полностью 2011-12-30Ниже приведены небольшие фрагменты кода (snippets), который минимизируют ваши страдания и сэкономят время при написании CSS кода и, я надеюсь, вы найдете их полезными.
Читать полностью 2011-12-25Резонно ожидать, что может возникнуть желание поработать над дизайном этих чисел. В СSS, однако, реализовать это желание довольно проблематично, но, к счастью, не невозможно.
Читать полностью demo 2011-12-19В этом примере мы создадим прекрасный анимационный эффект для события hover.
Читать полностью demo 2011-12-17Разберем ситуацию, когда вам необходимо войти, через командную строку, в монитор mysql (интерфейс, через который мы общаемся с базой данных).
Читать полностью 2011-12-10Давайте трансформируем визуальный концепт в работающий HTML/CSS макет.
Читать полностью 2011-12-06Давайте трансформируем визуальный концепт в работающий HTML/CSS макет.
Читать полностью 2011-12-05В этой статье мы подробнейшим образом рассмотрим, как можно сделать гармошку на jquery.
Читать полностью demo 2011-12-03Когда речь заходит о центрировании в веб-дизайне, то чем больше информации известно о центрируемом элементе и его элементе-родителе, тем проще это центрирование выполнить.
Читать полностью demo 2011-11-26Я не раз слышал следующие заявления: «Если вы используете текст Lorem Ipsum – немедленно перестаньте».
Читать полностью 2011-11-19Сегодня я покажу, как можно сделать интересное вертикальное анимированное меню, которое появляется на странице при клике по ссылке.
Читать полностью demo 2011-11-13Слайд-шоу очень часто используют на веб-сайтах, например, на фотостоках, или в интернет-магазинах.
Читать полностью demo 2011-11-09В этой статье вы узнаете, как создать важное сообщение (уведомление) при помощи CSS3 и jQuery.
Читать полностью demo 2011-11-05В этой статье я покажу как сделать слайдер изображений на jQuery.
Читать полностью demo 2011-10-28В этой статье я покажу, как можно сделать при помощи jquery красивый одностраничный сайт.
Читать полностью 2011-10-25Кодировать последовательные элементы весьма утомительно, не правда ли? Однако существует простой решение.
Читать полностью demo 2011-10-24В этой статье я покажу, как сделать приятный анимационный эффект затухания для изображения.
Читать полностью 2011-10-22В сегодняшней статье я покажу, как оформить при помощи CSS3 форму поиска (идея взята с сайта apple.com).
Читать полностью demo 2011-10-16В этой статье мы попытаемся создать глянцевый текст в фотошопе.
Читать полностью 2011-10-14В этой статье я постараюсь описать некоторые новые атрибуты для тегов формы, введенные с HTML5.
Читать полностью 2011-10-13Если вы не будете следовать прогрессу, то будете глотать пыль.
Читать полностью 2011-10-10Однажды вам понадобится сделать для своего сайта красивое горизонтальное меню.
Читать полностью demo 2011-10-07Чтобы не создавать большую форму с выключателями или переключателями, иногда требуется создать выпадающее меню или прокручиваемый список.
Читать полностью 2011-10-06Cookies (далее просто куки) - это данные небольшого объема (текстовые фрагменты), размещенные на стороне клиента.
Читать полностью 2011-10-05Я с ностальгией вспоминаю CSS2.1. Чтобы округлить углы требовалось время и знание фотошопа, однако все было просто. К тому же большинство разработчиков легко могли вспомнить дюжину свойств, не обращаясь каждые две минуты к справочнику. Спецификация CSS3 изменила все. Добавилось 116 новых свойств с различными вендорными префиксами и различным синтаксисом. Никто не вправе думать, что вы запомните все.
Читать полностью 2011-10-02Как только вы начнете создавать сайт, вам придется поломать голову над тем, как спроектировать форму обратной связи.
Читать полностью demo 2011-09-29Навигационная панель неизбежный элемент любого сайта.
Читать полностью 2011-09-28Многомерный массив – это массив, элементами которого являются массивы. В действительности это массив в массиве.
Читать полностью 2011-09-27Часто такая часть веб-дизайна и разработки, как веб-доступность (насколько удобен веб-сайт для людей с ограниченными возможностями), пренебрегается разработчиками.
Читать полностью 2011-09-24В этой статье приведены некоторые способы устранения ошибок для браузера IE6.
Читать полностью 2011-09-17Обе функции выполняют одну и туже роль: подключают указанный внешний файл. Разница заключается в том ..
Читать полностью 2011-09-04Как правило, когда сталкиваешься с плавающими элементами, возникают одни и те же проблемы.
Читать полностью demo 2011-09-03В статье шаг за шагом описан процесс создания радуги в фотошопе.
Читать полностью 2011-08-31Задача: поменять фон на фотографии
Читать полностью 2011-08-30В этой статье вы увидите, как при помощи стилей CSS отформатировать таблицы.
Читать полностью 2011-08-27Правый столбец сайта расположим при помощи отрицательного поля.
Читать полностью demo 2011-08-25В этой статье мы создадим обтравочную маску при помощи текста и изображения.
Читать полностью 2011-08-21В этой краткой статье показано, как и где стоит использовать кавычки в PHP.
Читать полностью 2011-08-19В этой статье показано, как сделать затухание для изображения, которое расположено в шапке сайта.
Читать полностью 2011-08-13В этой статье описан процесс создания CSS3 кнопок без использования изображений.
Читать полностью 2011-08-12Вы, скорее всего, уже неоднократно видели ленты и знаете, как они выглядят.
Читать полностью demo 2011-08-07У вас, наверное, уже есть свои установившиеся способы и источники нахождения полезной информации о дизайне.
Читать полностью 2011-08-05В этой статье описан процесс создания прозрачного текста.
Читать полностью 2011-08-02Простой способ создать зеркальный текст в фотошопе
Читать полностью 2011-07-26В этой статье я покажу, как, используя программы Photoshop и Illustrator, создать 3D текст.
Читать полностью 2011-07-24В этой статье показан процесс создания зеркального текста в фотошопе.
Читать полностью 2011-07-23У дизайнера иногда возникает вопрос: как центрировать элементы по вертикали?
Читать полностью 2011-07-21В статье показано, как можно расположить элементы по горизонтали, используя CSS
Читать полностью 2011-07-18Многократный набор стилевых свойств отнимает много времени, но в css есть ряд свойств, которые заключают в себе несколько различных свойств.
Читать полностью 2011-07-17В этой статье я продемонстрирую, как можно при помощи CSS3 и HTML5 сделать закладки для сайта.
Читать полностью 2011-07-15Перед вами два примера, где разговорные облака созданы при помощи свойств CSS3.
Читать полностью demo 2011-07-12Спецификация HTML5 добавила весьма ограниченное число тегов для структурирования вашей разметки.
Читать полностью 2011-07-10В этой статье показано, как можно сделать слоеный 3D текст в фотошопе.
Читать полностью 2011-07-09В данной статье показаны основные моменты при работе с инструментом перо
Читать полностью 2011-07-08В этой статье я подробно описал процесс создания темного горизонтального меню за небольшой отрезок времени.
Читать полностью 2011-07-02Из этой статьи вы узнаете, как создать форму обратной связи полностью на HTML5 и CSS3.
Читать полностью demo 2011-06-25В этой статье показано, как использовать свойство @font-face
.
Теперь красивые тени можно создавать с помощью CSS3 без фотошопа.
Читать полностью demo 2011-06-21В этой статье я объясню некоторые важные инструменты выделения, которые доступны в фотошопе.
Читать полностью 2011-06-15В этой статье я покажу, как создать закругленный блок для сайта.
Читать полностью 2011-06-11В этой статье я хочу проиллюстрировать полезные замечания по проектированию горизонтального сайта.
Читать полностью 2011-06-08 Концепт Body Border (границы у тега body
) впервые был увиден мною на сайте Джона Хика hicksdesign.co.uk.
В этой статье показано, как сделать простое белое навигационное меню для сайта в фотошопе.
Читать полностью 2011-06-02Замечательные кисти, с помощью которых можно создать луну на любом фоне, любого цвета.
Читать полностью 2011-06-02Существует большой и оправданный интерес веб-сообщества к введенным в HTML 5 изменениям. В этом посте я хочу разъяснить ту часть нововведений, которая затронула списки в HTML 5.
Читать полностью 2011-05-27В этой статье показано, как сделать цифровой боке эффект в фотошопе.
Читать полностью 2011-05-26В этой статье показано, как, не утруждаясь,создать 3D текст в фотошопе.
Читать полностью 2011-05-25На прошлой недели мне попался замечательный текстовый эффект: буквы были сделаны из хлеба.
Читать полностью 2011-05-24Для фотошопа наиболее востребованы статьи о тексте/книгопечатании.
Читать полностью 2011-05-22В данной статье будет показан процесс создания простой темы для блога.
Читать полностью 2011-05-21 Эта статья о том, как сделать золотой текст в фотошопе, используя некоторые стилевые свойства, а именно gradient overlay
.
В этой статье я покажу, как сделать простой 3D текст в фотошопе.
Читать полностью 2011-05-18Каждая из этих техник основана на чистом CSS, без уродливых хаков, и JavaScript.
Читать полностью demo 2011-05-17Как, используя несколько инструментов и техник, сделать простой профессиональный логотип.
Читать полностью 2011-05-14В этой статье показано, как сделать новогоднюю звезду.
Читать полностью 2011-05-13В этой статье показано, как сделать темное вертикальное меню.
Читать полностью 2011-05-11На разных сайтах все популярнее становятся блоки с вкладками.
Читать полностью 2011-05-10Все чаще и чаще на разных сайтах можно увидеть загиб страницы. В этой статье будет показано, как сделать такой загиб.
Читать полностью 2011-05-09На сегодняшний момент создание облаков в фотошопе весьма популярно, поэтому в этой статье я попытаюсь показать, как создать облака к вашему логотипу.
Читать полностью 2011-05-08Сегодня я расскажу о редко используемом, но чрезвычайно полезном свойстве CSS word-wrap.
Читать полностью 2011-05-05Иногда у новичков возникает вопрос – как ссылаться на определенные области внутри страницы?
Читать полностью 2011-05-04Несмотря на то, что CSS 3 привнес много новых эффектов, связанных с тенью, по-прежнему есть резон использовать альтернативные изображения.
Читать полностью 2011-05-03Как создать анимированную ссылку , при нажатии которой реализуется скроллинг к верху страницы.
Читать полностью demo 2011-05-02Когда-нибудь вам понадобится вывести все записи из базы данных.
Читать полностью 2011-04-30Большинство веб-мастеров используют кнопки CSS (созданные с помощью CSS) вместо изображений кнопок.
Читать полностью 2011-04-28Полезные дополнения, плагины к firefox.
Читать полностью 2011-04-26Важно иногда забыть о современных тенденциях дизайна и вернуться к своим корням.
Читать полностью 2011-04-23Это вторая часть статьи по проектированию веб-сайта.
Читать полностью 2011-04-22Это первая часть статьи по проектированию делового веб-сайта.
Читать полностью 2011-04-19Шрифты, используемые в логотипах.
Читать полностью 2011-04-15Составьте массив, который будет состоять из файловых имен наших фоновых изображений.
Читать полностью 2011-04-12Safari 4+, Chrome 1+, Firefox 3.6+, и Opera 11.10+ - все поддерживают CSS3 градиенты.
Читать полностью demo 2011-04-11Но что если мы хотим изменить стиль у всех элементов кроме элемента, на который в данный момент наведена мышка?
Читать полностью demo 2011-04-06Этот бесплатный набор нарисованных от руки иконок, сделанный специально для блоггеров...
Читать полностью 2011-04-05Выводим на экран рандомные лозунги с помощью PHP.
Читать полностью 2011-03-30Важной частью веб-дизайна служат фоны (backgrounds и далее фоны) CSS. В свойствах(ве) фона располагают цвета и изображения, служащие фоном контента и отвечающие за эстетику сайта....
Читать полностью 2011-03-24Многие используют модифицированную версию популярного сброса (RESET) от Эрика Мейера:
Читать полностью 2011-03-18... Однако все становится немного сложнее, когда имеешь дело с серверной стороной языка PHP. ...
Читать полностью 2011-03-09Ассоциативный массив – незаменимый тип данных, используемый для описания совокупности уникальных ключей и ассоциативных значений, ...
Читать полностью 2011-03-04В любом случае, существует способ создания центрированной горизонтальной навигации без знания явной ширины ...
Читать полностью demo 2011-02-22Сделать эффект капающей крови нам поможет свойство text-shadow.
Читать полностью 2011-02-15Комментарии дают возможность вставить примечания, которые не будут интерпретироваться браузером.
Читать полностью 2011-02-07Большой набор социальных иконок, замечательно приспособленный для проектов, в основу которых положен минимализм ...
Читать полностью 2011-01-30Все более популярно проектирование веб-сайтов, у которых внешний фон заполняет все окно браузера.
Читать полностью 2011-01-25Существуют сайты, на которых с помощью css реализован любопытный эффект, а именно: при скроллинге страницы изображение (логоти) меняет свой внешний вид.
Читать полностью demo 2011-01-20Одни из самых красивых и талантливых актеров 20-го века
Читать полностью 2011-01-16В предыдущей части ‘Основы CSS’ мы рассуждали о подложках, полях и блочной модели. На этот раз я попробую описать, как и с помощью каких свойств CSS задать стиль к тексту.
Читать полностью 2011-01-13В первой части ‘основы CSS’ мы будем говорить о полях (margins), подложках (padding) и блочной модели.
Читать полностью 2011-01-08Ссылки – основная часть интернета. Ссылки, в действительности, соединяют контент, так почему бы не сделать соединение забавным?
Читать полностью 2011-01-04CSS3 позволяет задействовать на сайте много удивительных эффектов.
Читать полностью 2010-12-27Что если нам необходимо показать удаленное описание или удаленное изображение где-нибудь за пределами ссылки?
Читать полностью 2010-12-23Классификация шрифтов все еще затруднительна, даже, несмотря на различные классы и категории...
Читать полностью 2010-12-19Коллекция включает свыше 100 иконок, выполненных в виде прессованных символов.
Читать полностью 2010-12-18Drop cap (врезанная в текст буквица) – это первая буква абзаца, имеющая больший размер чем остальные.
Читать полностью 2010-12-15В этой статье я покажу, как сделать небольшой изящный выдвижной эффект к элементам горизонтального меню.
Читать полностью demo 2010-12-13Начать создавать веб-дизайн лучше всего с оформления плана будущего веб-сайта.
Читать полностью 2010-12-11Все силуэты нарисованы вручную и все очень высокого разрешения.
Читать полностью 2010-12-11В этой статье будут рассмотрены различные свойства, которые применяются для позиционирования элементов.
Читать полностью 2010-12-07В этой статье я покажу вам, как сделать стильный футер с помощью фотошопа.
Читать полностью 2010-12-05Градиенты – важный аспект при проектировании любого сайта. Даже простая кнопка, скорее всего, сделана с использованием градиента.
Читать полностью 2010-12-05Чтобы писать детально о css, необходимо полностью понимать терминологию css.
Читать полностью 2010-12-04Решил выложить созданные мною иконки, кнопки и логотипы. Скачайте и используйте их без ограничений для своих будущих веб-проектов.
Читать полностью 2010-11-29Далее я опишу несколько способов, как можно выровнять блок по центру страницы.
Читать полностью 2010-11-27Пакет векторных иконок, посвященных интерфейсу пользователя.
Читать полностью 2010-11-27В этой статье пошагово описано, как прижать футер к низу страницы.
Читать полностью demo 2010-11-26Думаю, заходя на youtube, вы заметили "изменить размер" свойство, которое позволяет переключаться между нормальным и широким режимом и таким образом увеличивать/уменьшать видео-окно.
Читать полностью demo 2010-11-24Ручаюсь, что ни один не откажется получить что-либо за бесплатно, особенно когда это что-либо высочайшего качества и сделано лучшими дизайнерами.
Читать полностью 2010-11-23В этой статье показано, как создать анимированное горизонтальное меню с помощью CSS3. Основные особенности этого навигацционного меню в том, что...
Читать полностью demo 2010-11-17Моя текущая работа - создать тему для ворд-пресс, в основе дизайна которой лежала бы сетка.
Читать полностью 2010-11-16Существует несколько свойств css3, которые позволят нам создать трехмерный элемент без использования изображений.
Читать полностью demo 2010-11-14Я редко встречаюсь с выпадающими меню, которые ведут себе как выпадающие списки, хотя они мне очень нравятся.
Читать полностью demo 2010-11-13Рельефный эффект - очень популярная тенденция в веб-дизайне. В то же время его легко создать.
Читать полностью 2010-11-12Создав CSS файл, убедитесь, что отсутствуют селекторы с повторяющимися свойствами. Например, если я вижу, что к двум селекторам применяются одни и те же свойства:
Читать полностью 2010-11-12Если говорить начистоту, то из всех веб-языков CSS самый простой. Я говорю буквально, что может быть проще списка свойств, влияющих на элемент?
Читать полностью 2010-11-10Прозрачность – эффект, который, к сожалению, не получил широкого развития в сети.
Читать полностью demo 2010-11-08Поисковые роботы не только читают текст с Вашего сайта. Они также читают код Вашего сайта.
Читать полностью 2010-11-07Недавно, когда я копался в CSS3, я узнал о парочке новых СSS трюков.
Читать полностью demo 2010-11-05Когда я впервые услышал этот термин, он показался мне магией вуду.
Читать полностью 2010-11-04Так сложилось, что в последние время стали путать семантику с установившимися правилами назначать корректные имена.
Читать полностью 2010-10-31В этой статье я перечислю 5 моих предпочтений при HTML кодировании и поясню их выбор.
Читать полностью 2010-10-30Большинство новичков по работе c веб-стандартами считают, что прохождение валидации является достаточным условием, чтобы назвать их код пригодным.
Читать полностью 2010-10-26К сожалению, в мире CSS нет min-margin. Меня это устраивало до того момента, пока не возникла необходимость в этом свойстве. Поразмыслив и воспользовавшись Google, я нашел решение, которое и предлагаю ниже.
Читать полностью demo 2010-10-23На днях я наткнулся на полезный сайт ScriptSrc.net, на котором есть любопытная угловая ссылка.
Читать полностью demo 2010-10-21Самый древний метод, который позволяет создать равные по высоте колонки.
Читать полностью demo 2010-10-20Мы хотим сделать страницу с двумя колонками, каждая должна иметь свой цвет, причем их цвет должен охватывать всю ширину окна браузера.
Читать полностью demo 2010-10-18Используя таблицы, создать равные по высоте колонки довольно просто.
Читать полностью demo 2010-10-17Пару лет назад закругленные углы стали характерным элементом дизайна для тренда Web 2.0.
Читать полностью demo 2010-10-16Как сделать светящиеся закладки с помощью CSS3
Читать полностью demo 2010-10-14Как вы уже наверно слышали, CSS3 анимация – мощный инструмент..
Читать полностью 2010-10-11Когда-нибудь заходили на сайт и спрашивали себя: ну и что от меня сейчас требуется?
Читать полностью 2010-10-07Из всех стилевых правил, которые применяются к элементу, всегда существует одно, обладающее приоритетом.
Читать полностью 2010-10-05Страница «О нас» имеет первостепенную важность и зачастую высоко котируется на многих веб-сайтах.
Читать полностью 2010-10-03Создание блока с закругленными краями, используя изображения и CSS.
Читать полностью 2010-09-28Успех веб-сайта зависит он многих факторов.
Читать полностью 2010-09-25Использование Dreamweaver в области web-разработки стало стандартом, намного обойдя по популярности такие программы, как Microsoft FrontPage. И это не случайно, ...
Читать полностью 2010-09-24Дополнение к firefox web developer, также как и firebug, предназначено для веб-дизайнеров.
Читать полностью 2010-09-23Один из самых простых способов закруглить углы блока - это использовать JavaScript.
Читать полностью demo 2010-09-19Как известно, нет лучше браузера для веб-дизайнеров, чем Firefox, который имеет кучу полезных дополнений – одно из них firebug
Читать полностью 2010-09-18Internet Explorer 6 очень плохо поддерживает большую часть спецификации CSS.
Читать полностью 2010-09-14Селектор – это элемент разметки, который подчиняется стилевому правилу.
Читать полностью 2010-09-03Тег meta
включается в заголовок документа и не имеет собственного содержимого.
Как правило, эта ошибка указывает на последнюю строку в php документе.
Читать полностью 2010-09-01