Архив рубрики ‘CSS’

Создаём собственный простой to-do list. Часть 3

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

Адаптивная фотогалерея при помощи LazyLoad (least.js)

Если вы в поисках адаптивной фото галереи с эффектом LazyLoad, то эта статья для вас. При помощи плагина least.js преврашаем набор фотографий в адаптивную фотогалерею

Выравнивание изображений по вертикали и горизонтали при помощи CSS

Довольно простой пример того как можно легко выровнять изображение по вертикали и горизонтали при помощи CSS.

Cubic-Bezier в CSS3 Transition

CSS3 Transition является отличным инструментом. Он позволяет применять эффекты плавного перехода и изменений правил css. Если вы уже знакомы с синтаксисом css3 transition, вы должны знать что один из параметров, это время или скорость перехода.

Создаём собственный простой to-do list. Часть 2

Продолжение первого урока который вышел неделю назад (Создаём собственный простой to-do list. Часть 1).
На этой недели мы будем работать с PHP, что бы принимать и обрабатывать данные полученные из форм и возвращать JSON ответ.

Создаём собственный простой to-do list. Часть 1

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

Разработка Интерфейса: Создание классного OSX flip эффекта с помощью 3d ротации CSS3

Есть два типа transform доступных в CSS3, это 2d и 3d. Сегодня мы поговорим именно о 3d и в частности, в этой статье мы научимся создавать так называемый flip эффект

Разработка интерфейса: Введение в Flexbox

W3C объявила о новом модуле который называется Flexible Box или просто Flexbox. Как известно, все HTML элементы являются по существу блоками. Традиционно, когда мы устанавливаем и работаем с этими блоками, мы используем свойство float.

Как использовать CSS transition

На сайте W3C есть довольно точное описание transition, «CSS transition позволяют нам изменить свойство постепенно, создавая ощущение движения и наполняя конструкции тонкостью и эмоциями, которые не представляется возможными при резком переходе.

Равные по высоте колонки с помощью CSS

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

Subscribe to RSS Feed Следить в Twitter