Звездный рейтинг один из тех, скажем, блоков, который каждый использовал в том или ином проекте. У меня была идея создать ту часть, которая взаимодействует с пользователем, при очень небольшом коде и без JavaScript.

Это замечательно, если вы знаете ширину и высоту центрируемого элемента, но что если они(ширина/высота) заданы в процентах.

Приведены полезные ссылки для веб-разработчиков по следующим категориям: PHP, HTML, phpMyAdmin, CSS, Валидация, Кроссбраузерность, javascript, шрифты, скорость загрузки сайта и т.д.

Классы и объекты PHP, основы

MySQL состоит из двух частей: серверной и клиентской.

Работа с файлами в PHP, режимы работы, открытие и закрытие файлов, манипуляции с курсором, управление файлами, загрузка файлов на сервер

Свойство CSS transform позволяет вам визуально манипулировать элементом, буквально трансформируя его внешний вид.

Ошибки PHP, echo, типы данных в PHP, сравнение типов и результатов функций

Следующие особенности не очень хорошо документированы в API плагина validation (скорее всего не документированы вообще).

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

Статья посвящена отличному редактору Sublime Text 2. Также приведено описание основного плагина - Package Control и раскрыта причина неработоспособности опции install package плагина Package Control. В статье перечислены основные плагины (лишь малая часть) редактора Sublime Text 2, приведены настройки редактора и порядок установки темы SODA.

Скачать apache можно по адресу: hthttpd.apache.org. Я устанавливал apache на виртуальной машине (которую создал посредством Oracle VM VirtualBox, с операционной средой win XP).

Метод post(), как правило, предназначен для отправки данных на сервер (например из формы). К контексте метода post стоит упомянуть о json – текстовый формат, основанный на javascript. Может использоваться практически любым языком программирования.

json – текстовый формат, основанный на javascript. Может использоваться практически любым языком программирования. В языке PHP (от 5.2), поддержка JSON включена в ядро в виде функций json_decode() и json_encode(), которые сами преобразуют типы данных JSON в соответствующие типы PHP и наоборот.

При помощи метода get можно отсылать данные на сервер, например, для уточнения ответа сервера. Наши данные присоединяются к url-адресу.

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

Данная статья посвящена замечательному плагину jQuery validation. Статья неоконченная и в ближайшем будущем будет обязательно расширяться, с приведением примеров, конечно.
СТАТЬЯ БУДЕТ РАСШИРЯТЬСЯ

jquery.autoellipsis - это jQuery плагин для автоматического добавления многоточия к выбранным элементам (многоточие ставится вместо текста, выходящего за пределы блока). Этот плагин оптимально использует доступное пространство, в отличие от методов с подсчетом символов.

Объект event в jquery отличается от объекта event в javascript наличием дополнительных свойств и методов, а также кроссбраузерной совместимостью.

Php.ini – текстовый файл, содержащий настройки платформы PHP.

Библиотека jQuery позволяет привязывать данные к элементу. Эти данные вы можете извлекать и использовать в своем сценарии. Существуют специальные методы.

Язык Javascript имеет зарезервированное ключевое слово this. Оператор this возвращает ссылку на объект, который является текущим контекстом вызова. То есть this зависит от контекста вызова.

jCarousel - это плагин jQuery для управления элементами списка в вертикальной или горизонтальной плоскости. Элементами могут являться статичные html-блоки или контент, сгенерированный при помощи (или без) AJAX. Элементы можно прокручивать вперед и назад как при помощи анимации, так и без нее.

Ниже приведены расширенные селекторы и селекторы типов jQuery. Они используются точно так, как и псевдоселекторы CSS.

Пример использования: $(«img:even»)

Если вы использовали google reader, вы могли отметить, как google reader показывает текстовые элементы; google подгружает несколько элементов изначально, а затем, когда вы прокручиваете страницу вниз, динамически подгружает оставшиеся текстовые элементы и добавляет их в список.

Если вам нужен простой скрипт для создания простого слайдера, причем изображения должны подгружаться из бд и без обновления страницы, то этот пример именно то, что вы искали. Наш слайдер будет работать на jQuery, AJAX и PHP.

Если вы знакомы с основами библиотеки javascriptjQuery, возможно вы захотите изучить ajax c целью взаимодействовать с базой данных MySQL(удалять или добавлять данные в таблицы). В этой статье вы узнаете, как отсылать данные на сервер и получать ответ (положительный или ошибку). Как обычно весть процесс происходит без перезагрузки страницы, также данная техника отлично подойдет для удаления или вставки данных в базу данных.

Комбинация jQuery и AJAX обеспечивают мощную функциональность. С помощью jquery и ajax вы можете сделать запрос и получить информацию в различных форматах, включая XML, HTML и даже обычный текст. Для обмена данными можно использовать формат JSON. Данные полученные по ajax запросу мы можем использовать в нашей html странице.

К любой большой странице с четким и хорошо сконструированным контентом желательно, а иногда и необходимо, добавлять оглавление. Оглавление в вебе позволяет быстро перейти к нужному разделу (секции). Конечно, вы можете создать оглавление вручную, но будет гораздо умнее построить такое оглавление на лету, используя javascript. Это справедливо по нескольким причинам:

В этой статье я покажу, как создать простое модальной окно, используя jQuery. Если вы не знаете, что такое модальной окно, перейдите по кнопке demo. Там вы сможете в полной мере узнать, что такое модальное окно.

Существует несколько свойств в CSS, которые принимают длину (или расстояние) в качестве значений. К этим свойствам относятся свойства блочной модели: width, height, margin, padding, border. Но существуют и другие свойства, например, смещение и размер тени у свойства box-shadow или размер или интервал шрифта. Какие единицы измерения «длины» принято использовать в CSS?

Некоторое время я размышлял об этом, и, наконец, пришло время перестать использовать объявление overflow: hidden (и overflow: auto) в качестве «очищающего» (clearfix) хака.

В этой статье приведена настройка SAS под windows при помощи Scout App. Особенность данного руководства состоит в том, что мы не будем использовать командную строку.

Для больших демонстрационных блоков в дизайне от uniqli.com используется "полосатая" анимация: при наведении мышки на блок проявляется череда сменяющихся полосок. На мой взгляд, замечательный эффект.

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

Эта заметка о том, почему SASS лучше LESS. Если вы ищите объективное исследование о том, почему sass предпочтительнее less, можете обратиться к статье sass vs less. В данной же заметке приведены важные особенности SASS, которые не реализованы в LESS.

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

Чтобы облегчить процесс кодирования иногда не только нужно, но и необходимо использовать сниппеты. В этой небольшой заметке я привел два способа создания сниппетов в редакторе sublime text 2.

Сначала я хотел описать установка и работу с бесплатным приложением Scout App, но, так как в данный момент (16.02.2013) страничка с приложением недоступна, я решил обратить свое внимание на платное приложение ($10) compass.app. Итак, этой статье приведена описание того как можно быстро начать работать с SASS в среде windows без использования командной строки.

Долгое время я задавал размер шрифта (font-size) лишь в пикселях. Сейчас я полностью переключился на em. Мое сознание поменялось. Почему? Я наконец нашел весьма убедительные причины, которые я постараюсь изложить чуть ниже.

Свойство CSS3 box-sizing позволяет сделать то, что мы хотим. Значение border-box (в отличие от значения по умолчанию content-box) позволяет включить значения отступов и границ (но не полей) в общее значение свойства width или height.

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

Предварительная загрузка изображений очень полезна: вместо того, чтобы загружать изображения во время какого-либо действия (например, картинка подгружается лишь при наведении мышки на ссылку) пользователя, мы можем предварительно загрузить изображения в "фон", что подготовит изображения для дальнейшего использованию.

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

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

Мы все знаем, что поле для отправки файла весьма ограничено с точки зрения настройки-стилизации, и хотя существует с десяток плагинов для оформления данного поля, по-прежнему бывает проблематично сделать адекватное поле для отправки файла (input type="file").

Вы когда-нибудь просматривали список функций доступных в PHP. Я насчитал приблизительно 5025 штук на странице – краткий справочник по PHP. Конечно, существует зависимость между количеством функций и теми расширениями, которые у вас установлены, но все равно - это целая куча функций!

Существует множество различных, простых примеров, в которых приводится принцип работы ООП. Сегодня я решил показать вам, как работает ООП в реальной жизни; особенно данный пример пригодится начинающим программистам.

Когда я пишу на javascript, то приходится часто обращаться к поисковым системам, с целью уточнить синтаксис методов (и порядок, определение аргументов) работающих со строками.

Мысль о том, что стоит создать класс, вполне возможно, вызовет у вас смятение - желание отложить это дело до лучших времен, особенно, если вы в этом деле новичок.

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

Все мы знаем, что "Тег <label> устанавливает связь между определенной меткой, в качестве которой обычно выступает текст, и элементом формы (<input>, <select>, <textarea>). Такая связь необходима, чтобы изменять значения элементов формы при нажатии курсором мыши на текст".

Данная статья – это лишь небольшое дополнение (даже можно сказать - памятка) к следующим статьям:
Обрабатываем флажки (checkbox) формы при помощи PHP,
Обработка списка формы при помощи PHP. Теги select и option.

Недавно я получил вопрос о том, как можно создать скроллбар похожий на скроллбар в Mac OS – темно-серый закругленный прямоугольник и проявляется только когда курсор мышки наведен на прокручиваемый контент. Если вы пользователь Mac OSX, то вы неоднократно могли наблюдать данный скроллбар – особенно в браузере safari. Если нет, то ниже приведен скрин со скроллбаром.

Сегодня мы создадим интерфейс с вкладками. Однако перед нами не простая панель с вкладками, наша версия поддерживает историю. Да, вы можете использовать кнопки браузера "Назад" и "Вперед", также для каждой активной вкладки и соответствующего контента существует свой уникальный url.

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

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

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

Совсем коротко о бэм

Находим координаты мыши относительно начала страница, используя jQuery

Примеры резиновых (эластичных) сеток, так называются сетки, которые изменяют свою ширину при изменении размеров окна браузера.

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

В сегодняшнем руководстве я покажу, как можно закруглить углы таблицы, используя только CSS.

API и опции к FancyBox 1.3.4. Демо-пример FancyBox 2.0.

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

Один читатель задал очень интересный и важный вопрос. Ответ может избавить людей от неприятностей или, даже, спасти жизнь.

Подавляющее большинство сайтов в той или иной мере используют сетку.

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

Может возникнуть такая ситуация, когда вам понадобиться центрировать несколько блочных элементов

В этой статье я покажу, как можно создать при минимуме затрат фото галерею, используя jQuery.

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

В данной статье мы рассмотрим создание плагина jQuery, суть которого в замещение элемента select красиво оформленным неупорядоченным списком (ul).

Получив несколько просьб, я решил написать статью о том, как можно сделать выпадающее меню. Самый лучший и простой способ создать такое меню - это положиться на jQuery.

Неявные моменты css

В статье подробно описывается принцип работа плагина jQuery bxSlider.

Эта статья поможет вам научиться разрабатывать свои собственные jQuery плагины модули.

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

В сегодняшнем руководстве мы создадим новый эффект стилевого оформления сайта. Его суть будет заключаться в замене частей имеющихся предложений. «Замену» слов будем производить с помощью CSS анимации.

Чтобы создать плагин jQuery необходимо понимаеть его структуру. Итак, приступим.

При создании страницы «Откроемся скоро» (coming soon) приходится решать вопрос о том, как лучше отобразить оставшееся время.

Lava Lamp меню является одним из самых популярных меню, используемых на веб-сайтах.

Все эти разметки содержат в себе несколько колонок, внутри которых расположен контент.

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

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

Многие рассматривают создание своего собственного плагина, как нечто трудное и сложное. Для jQuery это совсем не так.

Дело вот в чем: inline-block элементы располагаются последовательно таким образом, что между ними возникает пустое пространство.

При работе с сайтом у пользователя не должно быть проблем.

Иногда разработчикам требуется особым образом стилизовать элемент типа checkbox.

В этой статье я постараюсь привести основы jQuery. Статья, надеюсь, будет расширяться

Для новичков создание jQuery плагинов несет в себе определенные сложности

По-моему, лучшим вариантом является создание сайта с резиновой шириной, этим мы приспособим сайт к большинству типов мониторов.

Попытаемся решить эту проблему путем создания вкладок с чистого листа, используя jQuery. При этом сделаем так, чтобы решение было простым, а разметка чистой и семантической.

При кодировании на плавающих блоках широко распространена следующая проблема - обертывающий блок расширяется не на всю высоту плавающего элемента.

В этой статье я покажу, как можно при помощи jQuery сделать строку таблицы полностью кликабельной (ссылкой).

Чтобы создать тень у блока, я создал изображение и воспользовался CSS.

Сегодня я покажу, как создать CSS3 lavalamp меню.

В этой статье вы узнаете, как создать анимированный логотип, причем логотип плавно изменит свой внешний вид при наведении на него курсора мышки.

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

Сегодня я покажу, как создать простой одностраничный (скроллинговый) сайт с помощью jQuery.

В чем-то эти инструменты похожи на инструмент Firebug, тем не менее, это не мешает им сохранять ту уникальность, которая свойственна инструментам от Mozilla.

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

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

Вам требуется контактная форма на jQuery, но вы не знаете, как ее сделать? Вероятно, данная статья способна вам помочь. Контактная форма – очень полезная штука, ведь она позволяет посетителям вашего сайта общаться с вами.

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

Для одного проекта передо мной стояла задача найти способ автоматически изменять высоту элемента textarea согласно тому контенту, который будет динамически загружаться посредством Ajax.

IE (и некоторые другие браузеры) любят отображать полосу прокрутки в теге textarea, даже когда в этом нет никакой необходимости.

Я всегда сталкиваюсь с затруднениями, когда необходимо растянуть блок на 100% высоты страницы. Итак, почему бы не найти кроссбраузерное решение по растягиванию блока на всю высоту страницы?

Когда пользователь доходит до конца страницы, справа плавно появляется блок с контентом.

В этой статье подробно говорится об использовании переменной PHP _SELF.

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

А как написать CSS правила и заставить браузер распознать, что написаны они специально под Chrome, Safari или Opera?

На сайте LearningjQuery.com реализован очень интересный вывод даты для каждого поста.

В этой статье вы узнаете, как добавить в форму прокручиваемый список, как настроить возможность единичного, так и множественного выбора; как обрабатывать данные, полученные из списка и еще много чего)

Это руководство познакомит вас с флажками (checkbox) HTML и научит обращаться с ними в PHP.

Подсветка синтаксиса требуется для того, чтобы выделить (подсветить), например, выкладываемый на сайте код.

Данный скрипт позволит вывести не только стрелки на «предыдущую страницу» и «следующие страницу»,но и, при желании, поможет вывести последовательный список ссылок на все страницы сайта.

Допустим, вы зашли на Google Web Fonts в поисках бесплатного шрифта для вашего сайта. Вы находите нужный вам шрифт...

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

Математика в CSS не работает.

Допустим, у вас есть элемент, который вы хотите временно спрятать. Что делать: поменять значение свойства visibility на hidden или лучше назначить свойству display значение none.

Ниже приведены небольшие фрагменты кода (snippets), который минимизируют ваши страдания и сэкономят время при написании CSS кода и, я надеюсь, вы найдете их полезными.

Резонно ожидать, что может возникнуть желание поработать над дизайном этих чисел. В СSS, однако, реализовать это желание довольно проблематично, но, к счастью, не невозможно.

В этом примере мы создадим прекрасный анимационный эффект для события hover.

Разберем ситуацию, когда вам необходимо войти, через командную строку, в монитор mysql (интерфейс, через который мы общаемся с базой данных).

Давайте трансформируем визуальный концепт в работающий HTML/CSS макет.

Давайте трансформируем визуальный концепт в работающий HTML/CSS макет.

В этой статье мы подробнейшим образом рассмотрим, как можно сделать гармошку на jquery.

Когда речь заходит о центрировании в веб-дизайне, то чем больше информации известно о центрируемом элементе и его элементе-родителе, тем проще это центрирование выполнить.

Я не раз слышал следующие заявления: «Если вы используете текст Lorem Ipsum – немедленно перестаньте».

Сегодня я покажу, как можно сделать интересное вертикальное анимированное меню, которое появляется на странице при клике по ссылке.

Слайд-шоу очень часто используют на веб-сайтах, например, на фотостоках, или в интернет-магазинах.

В этой статье вы узнаете, как создать важное сообщение (уведомление) при помощи CSS3 и jQuery.

В этой статье я покажу как сделать слайдер изображений на jQuery.

В этой статье я покажу, как можно сделать при помощи jquery красивый одностраничный сайт.

Кодировать последовательные элементы весьма утомительно, не правда ли? Однако существует простой решение.

В этой статье я покажу, как сделать приятный анимационный эффект затухания для изображения.

В сегодняшней статье я покажу, как оформить при помощи CSS3 форму поиска (идея взята с сайта apple.com).

В этой статье мы попытаемся создать глянцевый текст в фотошопе.

В этой статье я постараюсь описать некоторые новые атрибуты для тегов формы, введенные с HTML5.

Если вы не будете следовать прогрессу, то будете глотать пыль.

Однажды вам понадобится сделать для своего сайта красивое горизонтальное меню.

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

Cookies (далее просто куки) - это данные небольшого объема (текстовые фрагменты), размещенные на стороне клиента.

Я с ностальгией вспоминаю CSS2.1. Чтобы округлить углы требовалось время и знание фотошопа, однако все было просто. К тому же большинство разработчиков легко могли вспомнить дюжину свойств, не обращаясь каждые две минуты к справочнику. Спецификация CSS3 изменила все. Добавилось 116 новых свойств с различными вендорными префиксами и различным синтаксисом. Никто не вправе думать, что вы запомните все.

Как только вы начнете создавать сайт, вам придется поломать голову над тем, как спроектировать форму обратной связи.

Навигационная панель неизбежный элемент любого сайта.

Многомерный массив – это массив, элементами которого являются массивы. В действительности это массив в массиве.

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

Это доступное руководство рассмотрит CSS цвета.

В этой статье приведены некоторые способы устранения ошибок для браузера IE6.

Обе функции выполняют одну и туже роль: подключают указанный внешний файл. Разница заключается в том ..

Как правило, когда сталкиваешься с плавающими элементами, возникают одни и те же проблемы.

В статье шаг за шагом описан процесс создания радуги в фотошопе.

Задача: поменять фон на фотографии

В этой статье вы увидите, как при помощи стилей CSS отформатировать таблицы.

2:3

Правый столбец сайта расположим при помощи отрицательного поля.

В этой статье мы создадим обтравочную маску при помощи текста и изображения.

В этой краткой статье показано, как и где стоит использовать кавычки в PHP.

В этой статье показано, как сделать затухание для изображения, которое расположено в шапке сайта.

В этой статье описан процесс создания CSS3 кнопок без использования изображений.

Вы, скорее всего, уже неоднократно видели ленты и знаете, как они выглядят.

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

В этой статье описан процесс создания прозрачного текста.

Простой способ создать зеркальный текст в фотошопе

В этой статье я покажу, как, используя программы Photoshop и Illustrator, создать 3D текст.

В этой статье показан процесс создания зеркального текста в фотошопе.

У дизайнера иногда возникает вопрос: как центрировать элементы по вертикали?

В статье показано, как можно расположить элементы по горизонтали, используя CSS

Многократный набор стилевых свойств отнимает много времени, но в css есть ряд свойств, которые заключают в себе несколько различных свойств.

В этой статье я продемонстрирую, как можно при помощи CSS3 и HTML5 сделать закладки для сайта.

Перед вами два примера, где разговорные облака созданы при помощи свойств CSS3.

Спецификация HTML5 добавила весьма ограниченное число тегов для структурирования вашей разметки.

В этой статье показано, как можно сделать слоеный 3D текст в фотошопе.

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

В данной статье приведены основные селекторы CSS.

В этой статье я подробно описал процесс создания темного горизонтального меню за небольшой отрезок времени.

Из этой статьи вы узнаете, как создать форму обратной связи полностью на HTML5 и CSS3.

В этой статье показано, как использовать свойство @font-face.

Теперь красивые тени можно создавать с помощью CSS3 без фотошопа.

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

В этой статье я покажу, как создать закругленный блок для сайта.

В этой статье я хочу проиллюстрировать полезные замечания по проектированию горизонтального сайта.

Концепт Body Border (границы у тега body) впервые был увиден мною на сайте Джона Хика hicksdesign.co.uk.

В этой статье показано, как сделать простое белое навигационное меню для сайта в фотошопе.

Замечательные кисти, с помощью которых можно создать луну на любом фоне, любого цвета.

Существует большой и оправданный интерес веб-сообщества к введенным в HTML 5 изменениям. В этом посте я хочу разъяснить ту часть нововведений, которая затронула списки в HTML 5.

В этой статье показано, как сделать цифровой боке эффект в фотошопе.

В этой статье показано, как, не утруждаясь,создать 3D текст в фотошопе.

На прошлой недели мне попался замечательный текстовый эффект: буквы были сделаны из хлеба.

Для фотошопа наиболее востребованы статьи о тексте/книгопечатании.

В данной статье будет показан процесс создания простой темы для блога.

Эта статья о том, как сделать золотой текст в фотошопе, используя некоторые стилевые свойства, а именно gradient overlay.

В этой статье я покажу, как сделать простой 3D текст в фотошопе.

Каждая из этих техник основана на чистом CSS, без уродливых хаков, и JavaScript.

Статья о том, как создать блок с загнутым углом.

Как, используя несколько инструментов и техник, сделать простой профессиональный логотип.

В этой статье показано, как сделать новогоднюю звезду.

В этой статье показано, как сделать темное вертикальное меню.

На разных сайтах все популярнее становятся блоки с вкладками.

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

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

Как создать белое навигационное меню.

Сегодня я расскажу о редко используемом, но чрезвычайно полезном свойстве CSS word-wrap.

Иногда у новичков возникает вопрос – как ссылаться на определенные области внутри страницы?

Несмотря на то, что CSS 3 привнес много новых эффектов, связанных с тенью, по-прежнему есть резон использовать альтернативные изображения.

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

Когда-нибудь вам понадобится вывести все записи из базы данных.

Большинство веб-мастеров используют кнопки CSS (созданные с помощью CSS) вместо изображений кнопок.

Полезные дополнения, плагины к firefox.

Важно иногда забыть о современных тенденциях дизайна и вернуться к своим корням.

Это вторая часть статьи по проектированию веб-сайта.

Это первая часть статьи по проектированию делового веб-сайта.

Шрифты, используемые в логотипах.

Составьте массив, который будет состоять из файловых имен наших фоновых изображений.

Safari 4+, Chrome 1+, Firefox 3.6+, и Opera 11.10+ - все поддерживают CSS3 градиенты.

Но что если мы хотим изменить стиль у всех элементов кроме элемента, на который в данный момент наведена мышка?

Этот бесплатный набор нарисованных от руки иконок, сделанный специально для блоггеров...

Выводим на экран рандомные лозунги с помощью PHP.

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

Многие используют модифицированную версию популярного сброса (RESET) от Эрика Мейера:

... Однако все становится немного сложнее, когда имеешь дело с серверной стороной языка PHP. ...

Ассоциативный массив – незаменимый тип данных, используемый для описания совокупности уникальных ключей и ассоциативных значений, ...

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

Сделать эффект капающей крови нам поможет свойство text-shadow.

Комментарии дают возможность вставить примечания, которые не будут интерпретироваться браузером.

Как отправить письмо с помощью PHP?

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

Все более популярно проектирование веб-сайтов, у которых внешний фон заполняет все окно браузера.

Существуют сайты, на которых с помощью css реализован любопытный эффект, а именно: при скроллинге страницы изображение (логоти) меняет свой внешний вид.

Одни из самых красивых и талантливых актеров 20-го века

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

В первой части ‘основы CSS’ мы будем говорить о полях (margins), подложках (padding) и блочной модели.

Ссылки – основная часть интернета. Ссылки, в действительности, соединяют контент, так почему бы не сделать соединение забавным?

CSS3 позволяет задействовать на сайте много удивительных эффектов.

Двадцать пять ссылок на бесплатные фотостоки

Что если нам необходимо показать удаленное описание или удаленное изображение где-нибудь за пределами ссылки?

Классификация шрифтов все еще затруднительна, даже, несмотря на различные классы и категории...

Коллекция включает свыше 100 иконок, выполненных в виде прессованных символов.

Drop cap (врезанная в текст буквица) – это первая буква абзаца, имеющая больший размер чем остальные.

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

Начать создавать веб-дизайн лучше всего с оформления плана будущего веб-сайта.

Все силуэты нарисованы вручную и все очень высокого разрешения.

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

В этой статье я покажу вам, как сделать стильный футер с помощью фотошопа.

Градиенты – важный аспект при проектировании любого сайта. Даже простая кнопка, скорее всего, сделана с использованием градиента.

Чтобы писать детально о css, необходимо полностью понимать терминологию css.

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

Далее я опишу несколько способов, как можно выровнять блок по центру страницы.

Пакет векторных иконок, посвященных интерфейсу пользователя.

В этой статье пошагово описано, как прижать футер к низу страницы.

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

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

В этой статье показано, как создать анимированное горизонтальное меню с помощью CSS3. Основные особенности этого навигацционного меню в том, что...

Моя текущая работа - создать тему для ворд-пресс, в основе дизайна которой лежала бы сетка.

Существует несколько свойств css3, которые позволят нам создать трехмерный элемент без использования изображений.

Я редко встречаюсь с выпадающими меню, которые ведут себе как выпадающие списки, хотя они мне очень нравятся.

Рельефный эффект - очень популярная тенденция в веб-дизайне. В то же время его легко создать.

Создав CSS файл, убедитесь, что отсутствуют селекторы с повторяющимися свойствами. Например, если я вижу, что к двум селекторам применяются одни и те же свойства:

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

Прозрачность – эффект, который, к сожалению, не получил широкого развития в сети.

Поисковые роботы не только читают текст с Вашего сайта. Они также читают код Вашего сайта.

Недавно, когда я копался в CSS3, я узнал о парочке новых СSS трюков.

Когда я впервые услышал этот термин, он показался мне магией вуду.

Делаем фон во всю ширину окна браузера

Так сложилось, что в последние время стали путать семантику с установившимися правилами назначать корректные имена.

В этой статье я перечислю 5 моих предпочтений при HTML кодировании и поясню их выбор.

Галерея изображений,созданная с помощью CSS3.

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

Один из самых запутанных моментов в CSS это применение свойства font-size для масштабирования текста. В CSS вы имеете четыре основные единицы измерения, при помощи которых вы можете регулировать размер текста. Которая из этих четырех единиц наилучшим образом подходит для веба? Этот вопрос породил целый шквал рассуждений и споров. Окончательно ответить на этот вопрос крайне трудно, потому что сам вопрос не из простых.

К сожалению, в мире CSS нет min-margin. Меня это устраивало до того момента, пока не возникла необходимость в этом свойстве. Поразмыслив и воспользовавшись Google, я нашел решение, которое и предлагаю ниже.

На днях я наткнулся на полезный сайт ScriptSrc.net, на котором есть любопытная угловая ссылка.

Самый древний метод, который позволяет создать равные по высоте колонки.

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

Используя таблицы, создать равные по высоте колонки довольно просто.

Пару лет назад закругленные углы стали характерным элементом дизайна для тренда Web 2.0.

Как сделать светящиеся закладки с помощью CSS3

Как вы уже наверно слышали, CSS3 анимация – мощный инструмент..

Когда-нибудь заходили на сайт и спрашивали себя: ну и что от меня сейчас требуется?

Из всех стилевых правил, которые применяются к элементу, всегда существует одно, обладающее приоритетом.

Страница «О нас» имеет первостепенную важность и зачастую высоко котируется на многих веб-сайтах.

Создание блока с закругленными краями, используя изображения и CSS.

Успех веб-сайта зависит он многих факторов.

Использование Dreamweaver в области web-разработки стало стандартом, намного обойдя по популярности такие программы, как Microsoft FrontPage. И это не случайно, ...

Один из самых простых способов закруглить углы блока - это использовать JavaScript.

Internet Explorer 6 очень плохо поддерживает большую часть спецификации CSS.

Селектор – это элемент разметки, который подчиняется стилевому правилу.

Тег meta включается в заголовок документа и не имеет собственного содержимого.

Как правило, эта ошибка указывает на последнюю строку в php документе.