0.00
Рейтинг
0.00
Сила

300 Сайдбаров ► Как сверстать структуру сайта?


Знаете HTML, CSS, но Вам всё еще сложно верстать сайдбар, футер, шапку и так далее?
Научитесь как это делать правильно в этом видео!

►►► Второй канал Хауди, подпишись ;)
vk.cc/5lPADD

Человеческие цены на игры Steam и рандомы только тут — bit.ly/SteamAlmostFreeGames

Хочешь зарабатывать на своих видео в YouTube?
Подключайся! — youpartnerwsp.com/join?23195

#Ссылки из видео:
1) css-tricks.com/snippets/css/clear-fix/

► Жми красную кнопку «Подписаться» под видео :)
► Есть вопрос? — Задай его лично мне в наших группах!
===
► Наша группа ВКОНТАКТЕ — www.vk.com/howdyho_net
► Наш Twitter — www.twitter.com/howdyho_net

#Реквизиты для донатства | Поддержи канал!
Z252920168434
R250434217196

Музыкальный трек предоставлен YouTube Audio Library.

Выпадающее МЕНЮ на чистом CSS / HTML


(2 часть) Адаптация под мобильные устройства — youtu.be/tRoszGUp5Sg
Исходный код — bit.ly/2oVnIzd

В этом уроке мы сделаем, #выпадающее #горизонтальное #меню. Оно будет имеет #шрифтовые #иконки которые при наведении на меню меняют цвет.
Посмотреть и скачать код — bit.ly/2oVnIzd, а тут вторая часть — youtu.be/tRoszGUp5Sg

Сделаем небольшую #анимацию, в ней меняем цвет кнопки и текста, добавляем тень и все это отображается при наведении.
#Выпадающие #списки меню можно реализовать многоуровневыми простым копированием #UL и это все довольно просто реализовано на чистом #CSS / #CSS3.

Обсуждение видео: youtu.be/K3C4NdzFHg0

В уроке задействуем:
• #display: #flex;
• используем #transition;
• позиционировать элементы при помощи #position

Подписка на канал: dwstroy.ru/~dwstv
Видео сборник: dwstroy.ru/~S126H

*Видео метки*:
[01:13] — Структура разметки в #html
[02:22] — Подключаем шрифтовые иконки
[04:10] — Описываем #стили в #CSS
[04:29] — Подключаем шрифт Cuprum
[04:29] — Анмируем при наведении #hover
[08:10] — Выпадающее меню
[11:56] — CSS генератор #background

*Другие видео на канале DWSTV*:
Сайт с нуля — dwstroy.ru/~7KNnM
Уроки по #CSS — dwstroy.ru/~paoBU
1С Битрикс работа с сайтом — dwstroy.ru/~dEG4q
Управление системой Битрикс — dwstroy.ru/~Zdt4K
Настройки сайта 1С Битрикс — dwstroy.ru/~t0UVZ

Во время урока я использую:
Документацию по #CSS3
Редактор #PhpStorm

Ссылки из урока:
Архив кода на сайте — bit.ly/2oVnIzd
Шрифт Cuprum — bit.ly/2nulfPh
Шрифтовые иконки — bit.ly/2nXKJk3
Генератор Градиентов — bit.ly/2omhCtB

Использую музыку:
Love Me Like You Do (Violin Cover by Robert Mendoza) [from FIFTY SHADES OF GREY soundtrack]
www.youtube.com/watch?v=VZRVou4cyic

Добавляйтесь к нам в друзья:
Сайт видео-уроков: dwstroy.ru/video/
Канал в VK автора уроков: vk.com/dwstv
Канал группы в VK: dwstroy.ru/~MJM28

Мы очень рады если видео по #CSS3 #меню было Вам полезно, хотите «поблагодарить» жмите кнопку «нравится» и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим #WEB разработкам.

Верстка HTML CSS За 2 Часа. Из PSD. С Нуля. Полная Запись.


Все основы верстки HTML и CSS в одном уроке для начинающих с нуля. Верстаем реальный макет сайта (лендинга) из Photoshop. СКАЧАТЬ МАКЕТ И ФАЙЛЫ верстки для ДЗ: wayup.in/lm/load/lm30 И еще кое что…

— Посмотрите другие видео о верстке:

День Верстальщика: Верстка С Нуля ☉ HTML/CSS/Адаптив — www.youtube.com/watch?v=xlwPU0BRQKQ

Создаем Сайт-Блог С Нуля За 4 Часа ☸ Photoshop/HTML/CSS/CMS — www.youtube.com/edit?o=U

CSS свойствах необходимые начинающему / CSS уроки


CSS свойствах необходимые начинающему / CSS уроки
В этом выпуске: CSS свойства. Что, для чего и как применяется, свойства, которые стоит запомнить в первую очередь, и всё это с примерами!

=======================================

Записаться на консультацию:
prosto-razrabotka.ru/

Стать спонсором канала:
www.youtube.com/channel/UCn-P_F0tfY21cfnkyv2lsRQ/join

=======================================

В прошлом видео мы говорили о том, что нужно знать о html тегах начинающему верстальщику. А в этом видео мы рассмотрим основные css свойства, кастомные css свойства и посмотрим в целом на список свойств css. Помимо этого, рассмотрим порядок свойств в css, это понадобится нам для того, чтобы создать стиль css. Не забывай, что мы пишем сайт с нуля html css, поэтому и проходим уроки по css с нуля. Если тебя интересует веб разработка с чего начать и верстка css для начинающих, то этот контент, именно то, что тебе нужно. На канале мы проходим уроки по верстке сайтов для начинающих, изучаем в css начало работы и разбираем наглядно css свойства примеры. Обращаю твое внимание на то, что команды css стилей разбиты на разные категории. Кроме того, в видео мы разберем в css самые используемые свойства и не обойдем стороной свойство flex в css. Поговорим о том, что такое наследуемые свойства css и как вообще происходит в css наследование свойства. Оставляйте ваши вопросы в комментариях и подписывайтесь на канал, приятного просмотра!

=======================================

Файл со CSS свойствами из видео:
bit.ly/2P4oQA0

=======================================

Полезные ссылки:
bit.ly/2o8yRkE — проверка кроссбраузерности свойства
bit.ly/35TTphV — статья про Flexbox
bit.ly/2VYYy3y — статья про CSS Grid

=======================================

Telegram
Канал — t.me/prostorazrabotka
Чат — t.me/prostorazrabotkachat

=======================================

Подписывайтесь в соц. сетях:
Facebook — www.facebook.com/vitaliy.kirenkov
VKontakte — vk.com/vitaliy.kirenkov
LinkedIn — www.linkedin.com/in/kirenkov
Twitter — twitter.com/VitaliyKirenkov
Instagram — www.instagram.com/vitaliy.kirenkov

=======================================

Мой второй канал:
www.youtube.com/channel/UC-QLh1F3Rzp6HY-FW1E3Eaw

=======================================

Привет, меня зовут Виталий Киренков, и я занимаюсь веб-разработкой с 2007 года. За это время я сверстал более 200 сайтов (как минимум, половина из них с JavaScript), разработал с коллегами 2 интернет-банка на React Redux Typescript. И на этом канале я делюсь своим опытом в части вёрстки, javascript, и делаю всякие полезные видео для новичков и не только.
Больше информации обо мне: kirenkov.me/

=======================================

Содержание:
00:00 Вступление
02:01 Background
05:48 Border
10:13 Color (color, opacity)
11:09 Dimension (height, width)
13:21 Generated content (content, counter-increment)
15:17 Font
17:08 List (list-style)
17:44 Margin Padding
22:17 Outline
22:45 Print
23:24 Table (border-collapse, border-spacing)
24:58 Text (text-align, text-decoration, text-shadow, line-height, vertical-align, letter-spacing, word-spacing)
31:38 Transform
33:11 Transitions
35:01 Visual formatting (display, position, float, visibility, box-shadow, box-sizing)

Учим JavaScript/jQuery за 1 час! #От Профессионала


Хотите выучить JavaScript и jQuery всего за 1 Час и при этом сделать это качественно? — Тогда смотрите от профессионала как!

Подпишись и поделись видео с друзьями!

Хочешь зарабатывать на своих видео в YouTube?
Подключайся! — youpartnerwsp.com/join?23195

#Ссылки из видео:
1) ru.wikipedia.org/wiki/JavaScript
2) ruseller.com
3) api.jquery.com/
4) javascript.ru/tutorial/foundation
5) Скачать Notepad можно тут notepad-plus-plus.org/downloa...

Жми красную кнопку «Подписаться» под видео :)
Есть вопрос? — Задай его лично мне в наших группах!
===
Наша группа ВКОНТАКТЕ — www.vk.com/howdyho_net
Наш Twitter — www.twitter.com/howdyho_net

Почти бесплатные игры из Стима тут — bit.ly/SteamAlmostFreeGames

Музыкальный трек предоставлен VSP Group и Apollo Music с сайта музыкальной библиотеки www.findthetune.com

Один день из жизни калифорнийского программиста


Продолжение: www.youtube.com/watch?v=AwQGtwcV-hA
Я ВКонтакте: vk.com/id2914871
Обычный будничный день из моей жизни. Живу и работаю программистом в южной Калифорнии, в городе Сан-Диего. На работу стараюсь приходить к 7 утра, тренируюсь в офисном спортзале. В 16:00 — 16:30 ухожу домой. Немного рассказываю о режиме питания под названием «периодическое (прерывистое) голодание» Intermittent Fasting.

ОДИН ДЕНЬ МОИМИ ГЛАЗАМИ! ДЕНЬ ИЗ МОЕЙ ЖИЗНИ ОТ ПЕРВОГО ЛИЦА


Друзья, сегодня вы проживете мой насыщенный день из жизни, узнаете, чем я занимаюсь в свободное время, приятного просмотра :)

Подпишись на мой instagram:
www.instagram.com/exile_music

Канал по фортнайту: www.youtube.com/channel/UCQBgiZHd7niKHDMIbm0oF6Q

Лайв канал с футболом: www.youtube.com/channel/UC0ohVyiCEKT5i4iDd6RYKng

Soundcloud: soundcloud.com/exile_music

Мои контакты:
1) VK: vk.com/exilemusic
2) VK GROUP: vk.com/exile_music
3) Twitter: twitter.com/IlyaExile

[ДЕНЬ РОЖДЕНИЯ] ОДИН ДЕНЬ ГЛАЗАМИ ЭДИСОНА


Один день из моей жизни. Постарался показать максимально правдиво то как я провожу свои будни с моей девушкой Катей. Спасибо всем за поздравления! Кусь каждого ❤️

● Мой Инстаграм: www.instagram.com/edisonperets/
● Я ВКонтакте: vk.com/eduard_perets
● Группа ВКонтакте: vk.com/edfungroup

★ Мой магазин ОДЕЖДЫ: goo.gl/cEc16D
★ Мой второй канал Эдисон Перец: www.youtube.com/c/eduardperets

▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰

► Реклама и сотрудничество: peretseduard2207@hotmail.com или vk.com/eduard_perets