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

«    Октябрь 2020    »
ПнВтСрЧтПтСбВс
 
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
 
 
Сортировать новости по: дате новости | популярности | посещаемости | комментариям | алфавиту

 Мини-карта для сайта со скроллом на JavaScript

Мини-карта для сайта со скроллом на JavaScript
Сегодня мы хотим рассказать, как создать небольшую фичу для вашего сайта, а именно навигацию на странице сайта в виде небольшой карты, по которой можно быстро передвигаться тем самым переходить к нужному разделу очень быстро и интуитивно. В левом верхнем углу будет размещена карта с фиксированной позицией, которая будет реализована в виде уменьшенного содержания страницы. На ней будет отображен блок, который будет информировать о том, в какой части страницы именно вы находитесь, что удобно для сайтов с длинными страницами.
Подробнее
0
Просмотров: 122 Обсудили: 0

 Современный эффект параллакса на jQuery

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

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

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

 20 лучших адаптивных шаблонов WordPress

20 лучших адаптивных шаблонов WordPress
Никто не будет сильно удивлен, если мы заявим о том, что сайты, построенные на такой CMS как WordPress, определенно превосходят своим количеством. А когда дело дошло до стремительного возрастания мобильного трафика, адаптивные WordPress шаблоны стали пользоваться просто невероятной популярностью. И это, в принципе, вообще не удивительно, ведь владельцы сайтов хотят, чтобы их онлайн-проекты могли адаптироваться под всевозможные устройства и разрешения экранов. Аудитория пользователей, которая пользуется телефонами и планшетами.
Подробнее
0
Просмотров: 106 Обсудили: 0

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

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

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

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

 Линейная анимация при помощи Three.MeshLine

Линейная анимация при помощи Three.MeshLine
Сегодня мы хотим рассказать , как создать весьма интересные анимированные линии с эффектом параллакса. У нас будет набор из пяти демонстраций с анимированными ленточками которые будут использовать WebGL, а также при помощи библиотеки THREE.MeshLine. Узнайте, как анимировать и строить эти линии, чтобы создавать свои собственные анимации, ведь это не так сложно как кажется на первый взгляд. Каждая демонстрация будет по своему уникальная и интересная и реагировать на движение курсора мыши.
Подробнее
0
Просмотров: 87 Обсудили: 0

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

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

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

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

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

Анимированный эффект взаимодействия на GSAP
Cегодня мы хотим показать наглядное пособие о том, как воссоздать эффект интерактивного взаимодействия-отталкивания элементов сетки, которые можно увидеть в фильме BestServedBold Dribbble «Голографические взаимодействия». Из этого урока вы узнаете, как создать такой эффект для сетки элементов с использованием three.js и TweenMax (GSAP). мы предполагаем, что у вас уже есть базовые знания javascript и three.js. Ведь чтобы понять все задуманное, вы определенно в этом должны разбираться и понимать суть. Если вы не знакомы с этим..
Подробнее
0
Просмотров: 112 Обсудили: 0
Метки: CSS, jQuery, JavaScript, HTML, PHP
Назад 1 2 3 4 5 6 7 8 9 10 ... 24 Вперед
 
Логин:
Пароль:

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

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