Button Shadow
#codeef #kamolovproducts @codeef
Салам! В этой статье я хочу поделиться с вами, как красиво сделать box-shadow. CSS-свойство box-shadow позволяет добавлять элементу одну или несколько теней, указывая их параметры через запятую. Свойство тени представляет собой описанные смещения по x и y от элемента, радиус размытия и его радиус, а также цвет.
пример:
| box-shadow: 10px 5px 5px red
| box-shadow: inset 5em 1em gold
colors:
— #A4161A
— #030057
— #F9F9F9
font:
— 'Fyodor'
С уважением
Foteh Kamolov🌿
@fkamollov
Скачать исходный код👇🏻
https://github.com/fotehkamolov96/Button-effect
Telegram @codeef
#codeef #kamolovproducts @codeef
Салам! В этой статье я хочу поделиться с вами, как красиво сделать box-shadow. CSS-свойство box-shadow позволяет добавлять элементу одну или несколько теней, указывая их параметры через запятую. Свойство тени представляет собой описанные смещения по x и y от элемента, радиус размытия и его радиус, а также цвет.
пример:
| box-shadow: 10px 5px 5px red
| box-shadow: inset 5em 1em gold
colors:
— #A4161A
— #030057
— #F9F9F9
font:
— 'Fyodor'
С уважением
Foteh Kamolov🌿
@fkamollov
Скачать исходный код👇🏻
https://github.com/fotehkamolov96/Button-effect
Telegram @codeef
List-Item
#codeef #kamolovproducts @codeef
Салам! В этой статье я хочу поделиться с вами, как красиво сделать List-Item. Универсальное свойство, позволяющее одновременно задать стиль маркера, его положение, а также изображение, которое будет использоваться в качестве маркера списка.
📌 Html
📌 CSS
colors:
— #0080AA
— #E85D04
— #DC2F02
— #F6F6F6
— #FFFC00
font:
— 'Fyodor'
— 'Roboto Slab'
— 'Alfa Slab One'
С уважением
Foteh Kamolov🌿
Скачать исходный код👇🏻
https://github.com/fotehkamolov96/List-item
#codeef #kamolovproducts @codeef
Салам! В этой статье я хочу поделиться с вами, как красиво сделать List-Item. Универсальное свойство, позволяющее одновременно задать стиль маркера, его положение, а также изображение, которое будет использоваться в качестве маркера списка.
📌 Html
📌 CSS
colors:
— #0080AA
— #E85D04
— #DC2F02
— #F6F6F6
— #FFFC00
font:
— 'Fyodor'
— 'Roboto Slab'
— 'Alfa Slab One'
С уважением
Foteh Kamolov🌿
Скачать исходный код👇🏻
https://github.com/fotehkamolov96/List-item
Activity
#androidstudio #codeef #kamolovproducts @codeef
Салам! Хочу поделиться о Activity и жизненный цикл приложения! В картинке указано схематично взаимосвязь между всеми этими обратными вызовами!
Вы можете прочитать про:
protected void onCreate();
protected void onStart();
protected void onRestart();
protected void onResume();
protected void onPause();
protected void onStop();
protected void onDestroy();
С уважением
Foteh Kamolov🌿
#androidstudio #codeef #kamolovproducts @codeef
Салам! Хочу поделиться о Activity и жизненный цикл приложения! В картинке указано схематично взаимосвязь между всеми этими обратными вызовами!
Вы можете прочитать про:
protected void onCreate();
protected void onStart();
protected void onRestart();
protected void onResume();
protected void onPause();
protected void onStop();
protected void onDestroy();
С уважением
Foteh Kamolov🌿
Верстка интернет-магазин #codeef #kamolovproducts @codeef
Салам! Верстал сайт используя на практике HTML и SCSS в VS Code. Вы можете скачать и посмотреть макет. В ближайшее время буду обновлять материалы и буду работать над адаптивом.
В проекте:
-Header
-Home
-About
-Collection
-Gallery
-Footer
С уважением
Foteh Kamolov🌿
Скачать исходный код👇🏻
https://github.com/fotehkamolov96/Online-suit-store
Если такие примеры вам нравиться, оставьте в коммент ➕
Салам! Верстал сайт используя на практике HTML и SCSS в VS Code. Вы можете скачать и посмотреть макет. В ближайшее время буду обновлять материалы и буду работать над адаптивом.
В проекте:
-Header
-Home
-About
-Collection
-Gallery
-Footer
С уважением
Foteh Kamolov🌿
Скачать исходный код👇🏻
https://github.com/fotehkamolov96/Online-suit-store
Если такие примеры вам нравиться, оставьте в коммент ➕
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
#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, чтобы увидеть больше интересного контента, подобного этому!
Card with Text
#codeef @codeef
🔹 Сегодня я хочу поделиться с вами небольшим отрывком, который я создал недавно для небольшого проекта, над которым я работал. Нам понадобиться элемент «карточка» с фиксированной шириной и высотой, а так же поместим изображение в качестве фона.
🔹 Не забудьте установить overflow: hidden; чтобы текст не выходил за рамки.
С уважением
Foteh Kamolov🌿
Скачать исходный код👇🏻
https://github.com/fotehkamolov96/Card-with-Text-and-hover-effect
🔸 Посетите мой телеграм канал и не забудьте подписаться @CODEEF, чтобы увидеть больше интересного контента, подобного этому!
🔹 Какой браузер вы посоветуете использовать в 2021 и какой браузер вам нравиться❓
#Опрос1 #codeef #kamolovproducts чат в комментах👇🏻
#Опрос1 #codeef #kamolovproducts чат в комментах👇🏻
Anonymous Poll
86%
Google Chrome
19%
Яндекс.Браузер
17%
Mozilla Firefox
9%
Опера
7%
Microsoft Edge
10%
Safari
1%
Cent
4%
Atom
1%
Maxthon
Салам Алейкум!
🔹 Сегодня я хочу поделиться с вами небольшим опытом при выбора профессию и расскажу про две сферы разработки. Выбираем профессии frontend- и backend-разработчика: принципы и отличия. Статья о том, что такое frontend- и backend-разработка, чем отличаются и как взаимодействуют между собой. Разбираемся и выбираем себе направление.
С уважением
Foteh Kamolov🌿
Если понравилось пост, то жду тебя у себя в группе @CODEEF и не забудь поделиться с друзьями ❤️
Сохрани этот пост и оставь комментарий ниже, если у тебя есть вопросы!👇🏻
t.me/codeef
#опрос1 #codeef #cтатья
#kamolovproducts
🔹 Сегодня я хочу поделиться с вами небольшим опытом при выбора профессию и расскажу про две сферы разработки. Выбираем профессии frontend- и backend-разработчика: принципы и отличия. Статья о том, что такое frontend- и backend-разработка, чем отличаются и как взаимодействуют между собой. Разбираемся и выбираем себе направление.
С уважением
Foteh Kamolov🌿
Если понравилось пост, то жду тебя у себя в группе @CODEEF и не забудь поделиться с друзьями ❤️
Сохрани этот пост и оставь комментарий ниже, если у тебя есть вопросы!👇🏻
t.me/codeef
#опрос1 #codeef #cтатья
#kamolovproducts
#codeef #htmltags
Navigation Menu
▫️Меню навигации действительно поддерживает все виды веб-дизайна, содержит цвета, которые отлично контрастируют с фоном. Для любого веб-сайта важно иметь простую в использовании навигацию. С помощью CSS вы можете превратить скучные HTML-меню в красивые панели навигации.
С уважением
Foteh Kamolov🌿
🔸 Скачать исходный код👇🏻
🔸 https://github.com/fotehkamolov96/NavigationMenu
Navigation Menu
▫️Меню навигации действительно поддерживает все виды веб-дизайна, содержит цвета, которые отлично контрастируют с фоном. Для любого веб-сайта важно иметь простую в использовании навигацию. С помощью CSS вы можете превратить скучные HTML-меню в красивые панели навигации.
С уважением
Foteh Kamolov🌿
🔸 Скачать исходный код👇🏻
🔸 https://github.com/fotehkamolov96/NavigationMenu
#codeef #htmltags #html5 @codeef
Привет, мой друг!
🔹Сегодня расскажу про HTML Тег <audio> 💪
Хочу сказать коротко тег <audio> используется для встраивания звукового контента в документ. Он может содержать один или более источников аудио, представленных с помощью атрибута src или элемента <source> – браузер выберет один наиболее подходящий.
А так же работает на всех браузерах:
🔹Chrome - во все версии браузера
🔹Yandex - во все версии браузера
🔹Edge - во все версии браузера
🔹FireFox - во все версии браузера
🔹iOS Safari - во все версии браузера
🔹Opera - во все версии браузера
🔹Safari - во все версии браузера
С уважением
Foteh Kamolov🌿
Если понравилось, то не забудь поделиться с друзьями ❤️
Сохрани этот пост и оставь комментарий ниже, если у тебя есть вопросы!👇🏻
Привет, мой друг!
🔹Сегодня расскажу про 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 @codeef
🙈Сегодня покажу вам как сделать подвал аккордеон с помощью Css.
❕HTML аккордеон, в отличии от таб-вкладок, должен иметь фиксированную высоту, пусть даже она равна 100% высоты экрана монитора [см. единицу измерения vh]. Его можно применять для создания вертикального меню
🧑🏻💻CSS-аккордеон - это исключительная функция веб-дизайна, позволяющая отображать / скрывать.
▫️С уважением
▫️Foteh Kamolov🌿
🔸 Скачать исходный код👇🏻
https://github.com/fotehkamolov96/HTML-accordion
👐 Если понравилось этот пост, то не забудь поделиться с друзьями ❤️ и подписаться на канал @CODEEF 🙈
🙋🏻 ХЕЛОУШКИ ребята
#codeef #версткасайта
🧑🏻💻 Пример - Интернет-магазин Willberries с использованием Bootstrap. А также адаптивный верстка макета под мобильных телефонов.
▫️С уважением
▫️Foteh Kamolov🌿
🔸 Скачать исходный код👇🏻
https://github.com/fotehkamolov96/Shop_Landing
#codeef #версткасайта
🧑🏻💻 Пример - Интернет-магазин Willberries с использованием Bootstrap. А также адаптивный верстка макета под мобильных телефонов.
▫️С уважением
▫️Foteh Kamolov🌿
🔸 Скачать исходный код👇🏻
https://github.com/fotehkamolov96/Shop_Landing
🙋🏻 ХЕЛОУШКИ ребята
#codeef #версткасайта
🧑🏻💻Верстка сайта о цветочном магазине. А также с адаптивной версткой. Большая сеть цветочных магазинов с круглосуточной доставкой по всей России. Продаем цветы мелким оптом и в розницу. А так же вы можете поменять под себя сайт😊
▫️С уважением
▫️Foteh Kamolov🌿
🔸 Скачать готовый сайт для портфолио👇🏻
https://github.com/fotehkamolov96/Flowers_Landing
#codeef #версткасайта
🧑🏻💻Верстка сайта о цветочном магазине. А также с адаптивной версткой. Большая сеть цветочных магазинов с круглосуточной доставкой по всей России. Продаем цветы мелким оптом и в розницу. А так же вы можете поменять под себя сайт😊
▫️С уважением
▫️Foteh Kamolov🌿
🔸 Скачать готовый сайт для портфолио👇🏻
https://github.com/fotehkamolov96/Flowers_Landing
🙋🏻 ХЕЛОУШКИ ребята
#codeef #версткасайта
🧑🏻💻 Верстка сайта. Я напишу код этого сайта через несколько дней. Вы можете использовать готовый код для своего портфолио. Я надеюсь, вам понравится. А также в проекте будут улучшения.
В проекте будет:
- header
- slider image
- gallery
- media player
- feedback dialog
- footer
▫️С уважением
▫️Foteh Kamolov🌿
👐 Если понравилось этот пост, то не забудь поделиться с друзьями ❤️ и подпишись на мой канал👉🏻 @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
— А так же работает на всех браузерах:
🔹Chrome - во все версии браузера
🔹Yandex - во все версии браузера
🔹Edge - во все версии браузера
🔹FireFox - во все версии браузера
🔹iOS Safari - во все версии браузера
🔹Opera - во все версии браузера
🔹Safari - во все версии браузера
С уважением
Foteh Kamolov🌿
— Если понравилось этот пост, то не забудь поделиться с друзьями ❤️ и подписаться на канал @CODEEF 🙈
— Сохрани этот пост и оставь комментарий ниже, если у тебя есть вопросы!👇🏻
#html #html5 #htmltags #tags #webdeveloper #webdesigner #codeef
Тег HTML <fieldset> находится внутри тега <body>. Он используется для группировки связанных меток и элементов управления в теге <form>.
Большинство браузеров будут отображать тег <fieldset> с черной рамкой вокруг него, но вы можете изменить это поведение с помощью CSS. Вы можете использовать тег <legend>, чтобы отобразить заголовок для <fieldset>. Этот заголовок будет отображаться перед соответствующими элементами управления формы в <fieldset>
▪️С уважением
▪️Foteh Kamolov🌿
— Если понравилось, то не забудь поделиться с друзьями ❤️
Сохрани этот пост и оставь комментарий ниже, если у тебя есть вопросы!👇🏻
#html #html5 #htmltags #tags #webdeveloper #webdesigner
#codeef
https://www.instagram.com/p/CMYb4VJhdEu/?igshid=qxn95p8g9ium
Большинство браузеров будут отображать тег <fieldset> с черной рамкой вокруг него, но вы можете изменить это поведение с помощью CSS. Вы можете использовать тег <legend>, чтобы отобразить заголовок для <fieldset>. Этот заголовок будет отображаться перед соответствующими элементами управления формы в <fieldset>
▪️С уважением
▪️Foteh Kamolov🌿
— Если понравилось, то не забудь поделиться с друзьями ❤️
Сохрани этот пост и оставь комментарий ниже, если у тебя есть вопросы!👇🏻
#html #html5 #htmltags #tags #webdeveloper #webdesigner
#codeef
https://www.instagram.com/p/CMYb4VJhdEu/?igshid=qxn95p8g9ium
— Тег HTML <iframe> или плавающий фрейм — отдельное окно, HTML-документ, который отображается вместе с другим содержимым страницы в окне браузера. Располагаться он может в любом месте, без привязки к тегу <iframe>.
— А так же работает на всех браузерах:
🔹Chrome - во все версии браузера
🔹Yandex - во все версии браузера
🔹Edge - во все версии браузера
🔹FireFox - во все версии браузера
🔹iOS Safari - во все версии браузера
🔹Opera - во все версии браузера
🔹Safari - во все версии браузера
С уважением
Foteh Kamolov🌿
— Если понравилось, то не забудь поделиться с друзьями ❤️
Сохрани этот пост и оставь комментарий ниже, если у тебя есть вопросы!👇🏻
#html #html5 #htmltags #tags #webdeveloper #webdesigner
#codeef
— А так же работает на всех браузерах:
🔹Chrome - во все версии браузера
🔹Yandex - во все версии браузера
🔹Edge - во все версии браузера
🔹FireFox - во все версии браузера
🔹iOS Safari - во все версии браузера
🔹Opera - во все версии браузера
🔹Safari - во все версии браузера
С уважением
Foteh Kamolov🌿
— Если понравилось, то не забудь поделиться с друзьями ❤️
Сохрани этот пост и оставь комментарий ниже, если у тебя есть вопросы!👇🏻
#html #html5 #htmltags #tags #webdeveloper #webdesigner
#codeef
🙋🏻 ХЕЛОУШКИ ребята
🧑🏻💻 Скоро буду показывать примеры по CSS у себя в Инстаграме так что залетайте, жду всех, частично буду кидать исходники тут @codeef.
📌 Instagram - @kamolovme
https://instagram.com/kamolovme
https://instagram.com/kamolovme
▫️С уважением
▫️Foteh Kamolov🌿
#css #cssdesign #scc #codeef
🧑🏻💻 Скоро буду показывать примеры по CSS у себя в Инстаграме так что залетайте, жду всех, частично буду кидать исходники тут @codeef.
📌 Instagram - @kamolovme
https://instagram.com/kamolovme
https://instagram.com/kamolovme
▫️С уважением
▫️Foteh Kamolov🌿
#css #cssdesign #scc #codeef