Верстка \ HTML&CSS

css меню

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

Продолжить чтение

Javascript & Ajax \ Javascript

jQuery ротатор

Довелось мне повозиться с сайтом бутика «Кабуки». На главной странице используется интересная вещь, а главное для бутика, как мне кажется, совсем удачное решение – ротатор изображений. Вот только беда в том, что выглядит и работает все хорошо, как ни странно, только в IE. Поковырявшись в дебрях кода, решил написать свой ротатор картинок. В «демо» можно увидеть результат того, что получилось. А просмотрев видео, можно научиться делать самому ротатор картинок.

Продолжить чтение

CMS \ Wordpress

форма регистрации

От автора: В этом уроке я продемонстрирую в деталях процесс создания красивой формы регистрации для WordPress, «Register» с использованием Fancybox, jQuery и CSS. Вы увидите, что эта процедура в действительности довольно проста.

Продолжить чтение

Web-программирование \ PHP

свойства изображения

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

Продолжить чтение

Верстка \ HTML&CSS

css jquery

От автора: Одной из грандиозных проблем веб-дизайнеров является отыскание возможности поместить большое количество информации на странице, не потеряв при этом в юзабилити. Разбиение содержимого на закладки – отличный способ управиться с этим вопросом и последнее время очень широко используется в блогах. Сегодня мы намереваемся построить обычный небольшой информационный блок в HTML, в виде меню с закладками, затем введем его в действие, используя немного простого Javascript’а, и, наконец, сделаем то же самое при помощи библиотеки jQuery.

Продолжить чтение

Веб-дизайн \ Графика

иконки

Представляем Вашему вниманию набор из 12 высококачественных иконок 48 × 48px в .PNG формате. Набор был предназначен для использования в системах управления контентом, но также может быть полезен и в других дизайнерских интерфейсах. Данный набор был разработан русской дизайн-студией Pixel-Mixer и выпущен специально для smashingmagazine.

Скачать набор иконок бесплатно!

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

Продолжить чтение

Web-программирование \ PHP

веб галерея

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

Продолжить чтение

Javascript & Ajax \ Javascript

форма регистрации

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

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

Продолжить чтение

Веб-дизайн \ Статьи по веб-дизайну

дизайн потфолио

От Автора: Понравиться другим сложно, но гораздо труднее бывает угодить самому требовательному человеку – себе. Стремление к получению максимально красивого дизайна для своего будущего портфолио, может помешать в достижении конечного результата. Как определиться с идеей, не переборщить с оформлением и при этом угодить самому себе? Как же создать идеальный дизайн для портфолио?

Продолжить чтение

Веб-дизайн \ Графика

иконки

Есть тысячи различных наборов иконок, и каждый день мы видим все новые и новые наборы иконок от сообщества дизайнеров. К примеру, журнал smashingmagazine выпускает иконки уже на протяжении нескольких лет. Но сегодняшний релиз особенно важен. В течение последних 1,5 лет, Оливер Твардовский разрабатывал и готовил набор иконок для журнала smashingmagazine и его читателей. Сегодня Вашему вниманию предоставляется третий, финальный набор, состоящий из 750 бесплатных иконок (48*48px) для дизайнеров и веб-разработчиков. PSD исходники доступны для бесплатного скачивания.

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

Продолжить чтение