Lecaw

Учимся создавать Web-сайты

Главная - Lecaw

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

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

Вы когда-нибудь думали о собственной фотогалерее в стиле Facebook с системой комментариев? Я думаю – да. Сегодня я покажу вам как воплотить эту идею в реальность. Основная идея – когда мы щелкаем по изображениям – они открываются в окне (ajax), в котором слева находиться большое изображение, а справа раздел с комментариями. Все изображения находятся в базе данных (MYSQL). И, конечно,  что бы достигнуть нашего результата мы будем использовать PHP. Кроме того, наша система комментариев предотвратит добавление больше 1 комментария в 10 минут (чтобы избежать спама).

Сегодня я подготовил новый большой шаблон. Это - элегантное расположение блоков в темных цветах. Он состоит из логотипа, социальных значков, навигационного меню, поиска, нижнего колонтитула, рекламного раздела, блока заголовка, и 2 других блоков: список элементов и последних новостей. Последние два блока - базируемые списки UL-LI.

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

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

Вы нибудь задумались о создании интерактивного навигационного меню на HTML5? Да, это - странная идея, но возможно, что такую идею используете и вы в своем проекте. Поэтому, я решил создать  наше первое, чистое html5 меню (в основном – это - некоторый набор кнопок). Мы создадим эти кнопки с аффектом огня.

В этой обучающей программе мы создадим слайдер при помощи "Nivo Slider jQuery Script" и CSS3. Мы будем использовать "Nivo Slider jQuery Script", потому что это - мощный инструмент, и он доступен для каждого. Этот скрипт имеет 16 эффектов перехода. Вы можете использовать его где угодно и для любого вида проекта, включая личные и коммерческие веб-сайты и темы, которые Вы создаете. В этой обучающей программе мы создадим слайдер, который Вы можете найти у Futurico UI Pro сделанный Vladimir Kudinov.

Портфолио необходимо для каждого дизайнера и разработчика, который хочет работать в интернете. Оно должно быть уникальным, насколько это возможно, разработать его можно при помощи HTML, CSS и JavaScript. В этой статье я покажу вам, как я создал 2-D веб-игру для своего портфолио.

Сегодня к нам пришло письмо от нашего гостя  Andy Walpole который делится своим опытом создания Lightbox Ultra расположенный на Mozilla Demo Studio. Несколько лет назад разработчик Lokesh Dhakar создал  сценарий лайтбокса с Prototype и script.aculo.us. Его плавная анимация и гладкая эстетика была хитом в обществе веб-дизайнеров, и он был использован во многих проектах.

Страница 10 из 13