Image Hover Effect
#codeef #kamolovproducts @codeef

Салам! В этой статье я хочу поделиться с вами, как красиво сделать Image Hover Effect. Тег <figure> в HTML представляет самостоятельный контент, часто с подписью, которая указывается с помощью элемента (<figcaption>). Иными словами можно сказать тег figure (figure with optional caption - рисунок с необязательным заголовком) служит для создания контейнера для изображения с необязательным заголовком. Семантический тег. А тег figcaption - это заголовок для figure.

Fonts:
— 'Changa One'
— 'Roboto Slab'
— 'Berlin Sans FB'
— 'Georgia'

Colors:
— #E1E7F0
— #1AA1FD
— #F3F2F0
— #0080AA
— #075E54

С уважением
Foteh Kamolov🌿

Скачать исходный код👇🏻
https://github.com/fotehkamolov96/Image-hover-effect

Телеграм канал👇🏻
t.me/codeef

#htmlcss #html5 #html #css #css3
#javascript #javascriptdeveloper #webdeveloper #webdesigner

⠀
Card with Text
#codeef @codeef

🔹 Сегодня я хочу поделиться с вами небольшим отрывком, который я создал недавно для небольшого проекта, над которым я работал. Нам понадобиться элемент «карточка» с фиксированной шириной и высотой, а так же поместим изображение в качестве фона.

🔹 Не забудьте установить overflow: hidden; чтобы текст не выходил за рамки.

С уважением
Foteh Kamolov🌿

Скачать исходный код👇🏻
https://github.com/fotehkamolov96/Card-with-Text-and-hover-effect

🔸 Посетите мой телеграм канал и не забудьте подписаться @CODEEF, чтобы увидеть больше интересного контента, подобного этому!

Салам Алейкум!

🔹 Сегодня я хочу поделиться с вами небольшим опытом при выбора профессию и расскажу про две сферы разработки. Выбираем профессии frontend- и backend-разработчика: принципы и отличия. Статья о том, что такое frontend- и backend-разработка, чем отличаются и как взаимодействуют между собой. Разбираемся и выбираем себе направление.


С уважением
Foteh Kamolov🌿

Если понравилось пост, то жду тебя у себя в группе @CODEEF и не забудь поделиться с друзьями ❤️

Сохрани этот пост и оставь комментарий ниже, если у тебя есть вопросы!👇🏻
t.me/codeef
#опрос1 #codeef #cтатья
#kamolovproducts

#codeef #htmltags #html5 @codeef
Привет, мой друг!

🔹Сегодня расскажу про HTML Тег <audio> 💪
Хочу сказать коротко тег <audio> используется для встраивания звукового контента в документ. Он может содержать один или более источников аудио, представленных с помощью атрибута src или элемента <source> – браузер выберет один наиболее подходящий.

А так же работает на всех браузерах:
🔹Chrome - во все версии браузера
🔹Yandex - во все версии браузера
🔹Edge - во все версии браузера
🔹FireFox - во все версии браузера
🔹iOS Safari - во все версии браузера
🔹Opera - во все версии браузера
🔹Safari - во все версии браузера

С уважением
Foteh Kamolov🌿

Если понравилось, то не забудь поделиться с друзьями ❤️
Сохрани этот пост и оставь комментарий ниже, если у тебя есть вопросы!👇🏻

🙋🏻 ХЕЛОУШКИ ребята
#codeef @codeef

🙈Сегодня покажу вам как сделать подвал аккордеон с помощью Css.
❕HTML аккордеон, в отличии от таб-вкладок, должен иметь фиксированную высоту, пусть даже она равна 100% высоты экрана монитора [см. единицу измерения vh]. Его можно применять для создания вертикального меню

🧑🏻‍💻CSS-аккордеон - это исключительная функция веб-дизайна, позволяющая отображать / скрывать.

▫️С уважением
▫️Foteh Kamolov🌿

🔸 Скачать исходный код👇🏻
https://github.com/fotehkamolov96/HTML-accordion

👐 Если понравилось этот пост, то не забудь поделиться с друзьями ❤️ и подписаться на канал @CODEEF 🙈

🙋🏻 ХЕЛОУШКИ ребята
#codeef #версткасайта

🧑🏻‍💻 Верстка сайта. Я напишу код этого сайта через несколько дней. Вы можете использовать готовый код для своего портфолио. Я надеюсь, вам понравится. А также в проекте будут улучшения.

В проекте будет:
- header
- slider image
- gallery
- media player
- feedback dialog
- footer

▫️С уважением
▫️Foteh Kamolov🌿

👐 Если понравилось этот пост, то не забудь поделиться с друзьями ❤️ и подпишись на мой канал👉🏻 @CODEEF 🙈

— HTML элемент <canvas> создаёт область, в которой при помощи JavaScript можно рисовать разные объекты, выводить изображения, трансформировать их и менять свойства. При помощи <canvas> можно создавать рисунки, анимацию, игры и др.

— А так же работает на всех браузерах:
🔹Chrome - во все версии браузера
🔹Yandex - во все версии браузера
🔹Edge - во все версии браузера
🔹FireFox - во все версии браузера
🔹iOS Safari - во все версии браузера
🔹Opera - во все версии браузера
🔹Safari - во все версии браузера

С уважением
Foteh Kamolov🌿

— Если понравилось этот пост, то не забудь поделиться с друзьями ❤️ и подписаться на канал @CODEEF 🙈
— Сохрани этот пост и оставь комментарий ниже, если у тебя есть вопросы!👇🏻

#html #html5 #htmltags #tags #webdeveloper #webdesigner #codeef

— Тег HTML <iframe> или плавающий фрейм — отдельное окно, HTML-документ, который отображается вместе с другим содержимым страницы в окне браузера. Располагаться он может в любом месте, без привязки к тегу <iframe>.

— А так же работает на всех браузерах:
🔹Chrome - во все версии браузера
🔹Yandex - во все версии браузера
🔹Edge - во все версии браузера
🔹FireFox - во все версии браузера
🔹iOS Safari - во все версии браузера
🔹Opera - во все версии браузера
🔹Safari - во все версии браузера

С уважением
Foteh Kamolov🌿

— Если понравилось, то не забудь поделиться с друзьями ❤️
Сохрани этот пост и оставь комментарий ниже, если у тебя есть вопросы!👇🏻

#html #html5 #htmltags #tags #webdeveloper #webdesigner
#codeef