Webice.Ru - социальная сеть для блоггеров

«    Декабрь 2021    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
 
Сортировать новости по: дате новости | популярности | посещаемости | комментариям | алфавиту

 Адаптивные информационные блоки на CSS3

Адаптивные информационные блоки на CSS3
Дорогие читатели, сегодня мы хотим рассказать и показать о процессе создания адаптивных блоков для сайта при помощи CSS3. Блоки будут служить информативным полем, выполненными в виде прямоугольников со скругленными краями. С разными цветовыми оттенками. При изменении размера экрана блоки будут изменять вид и отображение на странице, также будет меняться их форма. Вы можете использовать такие блоки для подчеркивания важной информации, ведь оформленная информация в такой блок не оставит равнодушным ваших читателей.
Подробнее
0
Просмотров: 229 Обсудили: 0
Метки: CSS, JavaScript, HTML, PHP, jQuery

 Диагональный слайдер с анимацией на CSS3

Диагональный слайдер с анимацией на CSS3
Продолжая наши уроки и идеи для слайд-шоу, мы хотели бы поделиться с вами интересной идеей и подходом к реализации слайд-шоу. На этот раз мы сделаем диагональный слайдер, в котором текущий слайд находится в центре страницы, а предыдущее и последующее изображения видны сбоку, одно в верхнем левом углу и одно в нижнем правом углу страницы. При щелчке по текущему слайду элемент декоративного фона расширяется до полноэкранного, изображение перемещается в левую часть экрана, и содержимое анимируется. Анимации работают при помощи TweenMax.
Подробнее
0
Просмотров: 189 Обсудили: 0
Метки: CSS, JavaScript, HTML, jQuery, PHP

 Woostroid — лендинг для создания интернет-магазина

Woostroid — лендинг для создания интернет-магазина
Кто не любит распродажи? Кто не ждет возможности купить тот или иной продукт с хорошей скидкой? В особенности, если этот продукт считается высококачественным и первоклассным. Если вы тоже любите выгодные предложения, то мы хотим вас порадовать. Просто потому, что невозможно молчать, когда дело доходит до таких прекрасных скидок. Приготовьтесь узнать просто отличные новости здесь и сейчас! Итак, вы просто не можете пропустить скидку -30% на один из самых многофункциональных и впечатляющих шаблонов для WooCommerce.
Подробнее
0
Просмотров: 101 Обсудили: 0

 17 главных трендов веб-дизайна в 2019 году

17 главных трендов веб-дизайна в 2019 году
Наступил Новый год, прошли праздники, а значит наступило новое время думать о тенденциях веб-дизайна. Начало года — прекрасное время, чтобы оглянуться на предыдущий год и просмотреть свои успехи сделать выводы, что вы хотите улучшить и изменить и двигаться вперед. Это относится и к тенденциям и методам дизайна веб-сайтов. Многие элементы, которые приобрели популярность к концу 2018 года, будут по-прежнему выступать в качестве тенденций в 2019 году. Эти трендовые элементы включают в себя все, что нужно для выбора цвета, типографики..
Подробнее
0
Просмотров: 131 Обсудили: 0
Метки: CSS, JavaScript, jQuery, PHP

 Интерактивная анимация для сайта на three.js

Интерактивная анимация для сайта на three.js
Сегодня мы собираемся реализовать интерактивный анимационный фон с немного психоделическим стилем. Идея состоит в том, чтобы показать, как можно соединить искусство с веб-дизайном в результате чего мы получим интерактивный визуальный эффект, который можно использовать в различных проектах, таких как веб, печать, иллюстрация, VJing, инсталляции, игры и многие другие. Мы сделали 3 варианта ландшафта, чтобы показать вам, как небольшие изменения параметров могут сильно изменить визуальные эффекты.
Подробнее
0
Просмотров: 117 Обсудили: 0
Метки: JavaScript, PHP, HTML, jQuery, CSS

 Анимированный эффект взаимодействия на GSAP

Анимированный эффект взаимодействия на GSAP
Cегодня мы хотим показать наглядное пособие о том, как воссоздать эффект интерактивного взаимодействия-отталкивания элементов сетки, которые можно увидеть в фильме BestServedBold Dribbble «Голографические взаимодействия». Из этого урока вы узнаете, как создать такой эффект для сетки элементов с использованием three.js и TweenMax (GSAP). мы предполагаем, что у вас уже есть базовые знания javascript и three.js. Ведь чтобы понять все задуманное, вы определенно в этом должны разбираться и понимать суть. Если вы не знакомы с этим..
Подробнее
0
Просмотров: 154 Обсудили: 0
Метки: CSS, jQuery, JavaScript, HTML, PHP

 Глитч-эффект для сайта при помощи CSS3

Глитч-эффект для сайта при помощи CSS3
Сегодня мы хотим показать вам, как создать небольшой экспериментальный эффект, похожий на глюк монитора. Эффект будет основан на CSS-анимации и свойстве clip-path . Техника включает в себя использование нескольких слоев изображений, каждый из которых будет иметь свой слой, режим наложения и примененный к нему эффект. Мы также используем переменные CSS для установки некоторых свойств, которые позволят легко настроить эффект также комбинируя эффект с режимами наложения фона , мы можем создавать интересные эффекты изображения.
Подробнее
0
Просмотров: 744 Обсудили: 0
Метки: CSS, PHP, HTML, JavaScript, jQuery

 Всплывающее изображение при наведении на ссылку

Всплывающее изображение при наведении на ссылку
Эффект всплывающего изображения является замечательным решением при ограниченном пространстве на сайте. Как известно, реализовать всплывающие картинки можно при помощи jQuery, CSS, а также HTML. В сегодняшней статье я выложу готовый код этого эффекта, а также приведу несколько наглядных примеров. Каждый скрипт довольно простой, создан средствами CSS+HTML. Не стану вас больше томить и приведу готовые решения!
Подробнее
0
Просмотров: 655 Обсудили: 0

 Как сделать бегущую строку на сайте.

Как сделать бегущую строку на сайте.
Бегущая строка на сайте. Нужна ли она? Или это будет раздражающим элементом, что повлияет на поведенческий фактор. Каждый решает сам. Я думаю, если строка вписывается в общий дизайн сайта и к тому же служит источником дополнительной, нужной информации, то почему это не использовать. Создать простую «бегущую строку» не сложно. Для этого есть ТЕГ . Но беда в том ,что WordPrees обрезает его. Что бы решить эту проблему нужно знать (изучать) HTML и CSS.
Подробнее
0
Просмотров: 559 Обсудили: 0

 Что такое CSS?

Что такое CSS?
CSS (Cascading Style Sheets — каскадные таблицы стилей) – это формальный язык, с помощью которого описывается внешний вид HTML – документа.
Как вы уже поняли, с помощью HTML мы делаем разметку элементов, которые будут у нас на сайте.
А с помощью CSS мы описываем стили тех элементов, разметку которых мы сделали с помощью HTML. Простыми словами, CSS позволяет нам сделать нашу разметку красивой и именно такой, какой мы хотим её видеть.

Описывание всех стилей в одном файле, который, как правило, имеет название style.css, является хорошим тоном. Если мы будем описывать стили непосредственно в файле HTML, то у нас возникнет путаница.
Подробнее
+1
Просмотров: 584 Обсудили: 0
Метки: CSS, HTML
Назад 1 2 3 4 5 6 7 8 9 10 ... 56 Вперед
 
Логин:
Пароль:

Добро пожаловать!

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

- как создать сайт - uGuide.ru