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