CSS | RUSDIGI - Part 2

CSS3 JavaScript

Сегодня мы будем разбираться с псевдо-селекторами, а заодно создадим довольно интересное слайд меню. Для начала мы создадим меню используя техники CSS3. Потом мы реализуем то же самое без использования псевдо-селекторов, дабы пример был кроссбраузерным. И в самом конце мы заменим все новые штучки из CSS3 на старый добрый jQuery. (далее…)

CSS3

Текст и CSS3: примеры эффектов с использованием text-shadow

admin

04.10.201104.03.2016

Типографика - это то, с чем любят играться многие дизайнеры и веб-разработчики. С появлением свойства text-shadow в CSS3 с его помощью стали заменять эффект наложения...

Типографика - это то, с чем любят играться многие дизайнеры и веб-разработчики. С появлением свойства text-shadow в CSS3 с его помощью стали заменять эффект наложения тени в Photoshop. При чем тень в Photoshop использовалась по большей части для выделения определенного текста из общей массы. Свойство text-shadow позволяет нам делать более интересные вещи с текстом, а именно создавать определенные эффекты. Часть таких эффектов с текстом в CSS3 мы разбирали в предыдущих статьях: 7 простых эффектов для текста с использованием CSS3, Текст в CSS3 и 3D текст с помощью CSS. Сегодня мы добавим к этой коллекции еще несколько готовых эффектов, которые вы...

CSS3

Создаем красивую иконку с помощью CSS3

admin

23.09.201126.02.2016

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

В этой статье расскажу вам об интересном трюке. Мы создадим иконку для документа с помощью чистого CSS3. Так же плюсом данного метода будет являться то, что мы будем использовать всего один HTML элемент. Вот порядок наших действий: мы создадим прямоугольник, закруглим углы, используем псевдо-элементы для создания загнутого уголка, создадим видимость текста с помощью градиента на CSS3. (далее…)

CSS3 JavaScript

Как растянуть фон на все окно браузера? Четыре простых решения на CSS и JavaScript. Свойство background-size

admin

14.09.201104.03.2016

Часто ли вы сталкивались с сайтами, у которых фоновый рисунок растянут на всю страницу? И не важно в каком разрешении вы просматриваете сайт - фон...

Часто ли вы сталкивались с сайтами, у которых фоновый рисунок растянут на всю страницу? И не важно в каком разрешении вы просматриваете сайт - фон всегда занимает весь экран браузера и не смотриться растянутым. Я тоже задавался этим вопросом и нашел ответ в хорошей статье Криса Койера. Сегодня приведу вольный перевод, максимально близко к тексту. Будут рассмотрены четыре разных способа сделать фоновый рисунок на всю страницу. В конце статьи - ссылка на архив с демо страницами. (далее…)

CSS3

Готовые приемы по работе со свойством border в CSS

admin

26.08.201104.03.2016

Часто возникают вопросы связанные с созданием различного рода границ, с использованием свойства border. Чаще всего используются обычные границы, например, solid или dotted. Сегодня же мы разберем примеры, в которых создадим границы, которые будут выглядеть совсем иначе. Это будут границы с различными эффектами, такими как тени, вдавленность, границы со скосом. Давайте приступим. (далее…)

Советы и фиксы

WordPress Fix: Меняем оформление формы логина

admin

19.08.201126.02.2016

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

Если добавить ваш логотип или баннер на форму логина вашего сайта на WordPress это даст возможность еще раз показать вашим посетителям и клиентам ваш бренд. Есть вариант смены логотипа с помощью специального плагина. Но сегодня мы затронем тему полной кастомизации логин формы. (далее…)

CSS3

Геометрические фигуры с помощью CSS и CSS3. Продолжение

admin

13.08.201125.03.2021

Сегодня хочу продолжить тему построения геометрических фигур с помощью CSS и CSS3. Фигуры сегодня будут еще более сложные, нежели в предыдущей статье Геометрические фигуры с...

Сегодня хочу продолжить тему построения геометрических фигур с помощью CSS и CSS3. Фигуры сегодня будут еще более сложные, нежели в предыдущей статье Геометрические фигуры с помощью CSS и CSS3. Вот перечень фигур: ромб, яйцо, pac man, рамка цитаты, 12-ти конечная звезда, 8-ми конечная звезда. Итак, приступим. (далее…)

CSS3

Геометрические фигуры с помощью CSS и CSS3

admin

25.07.2011

Речь пойдет сегодня о создании геометрических фигур с помощью кода CSS. Рассмотр этой темы мы начнем с простых фигур - квадратов и кругов и закончим...

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

CSS3 Google Chrome

4 полезных плагина для Google Chrome для работы со стилями CSS

admin

23.06.201126.02.2016

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

Google Chrome становится популярнее день за днем, так как он превосходно подходит веб дизайнерам и веб разработчикам. Я уже рассказывал о полезных плагинах для Google Chrome. Сегодня я бы хотел заострить внимание на плагинах, которые ориентированы на работу со стилями CSS и позволяют редактировать их на ходу. (далее…)

CSS3

10 приемов CSS3, которые можно и нужно использовать

admin

02.06.201126.02.2016

Этот список не будет содержать информацию обо всех замечательных нововведениях CSS3. В нем представлены только 10 самых часто используемых. Большинство из ниже приведенных свойств CSS3 хорошо поддерживаются браузерами на данный момент. В статье так же рассмотрены известные баги браузеров и способы борьбы с ними. (далее…)

Создание слайд меню с использованием псевдо-селекторов и CSS3

Текст и CSS3: примеры эффектов с использованием text-shadow

Создаем красивую иконку с помощью CSS3

Как растянуть фон на все окно браузера? Четыре простых решения на CSS и JavaScript. Свойство background-size

Готовые приемы по работе со свойством border в CSS

WordPress Fix: Меняем оформление формы логина

Геометрические фигуры с помощью CSS и CSS3. Продолжение

Геометрические фигуры с помощью CSS и CSS3

4 полезных плагина для Google Chrome для работы со стилями CSS

10 приемов CSS3, которые можно и нужно использовать

Лучшая рубрика

Wiki

Новости

Операционные системы и утилиты для ПК

Последняя запись

Лучшая рубрика