Привет!
Снова хочу вернуть посты с проектами от codepen, которые могут быть полезными в создании сайта или просто очень интересными. Для повышения мотивации написания постов с codepen я решил сделать следующее - если в воскресение после 19:00 не будет поста с пеном, то тот кто первый заметит его отсутствие и напишет мне об этом я отправлю 50.000 сум!
А сегодня хочу поделиться с вами пеном, у которого довольно простой функционал. В пене есть поле ввода в который вы можете ввести любой символ, затем над этим полем с анимацией конфетти появляются эти символы с рандомным цветом.
Выглядит прикольно и думаю можно немного модифицировать код и добавить например его на главную станицу сайта с автоматическим написание определенных слов.
Ссылка не пен: https://codepen.io/rachsmith/pen/oGEMbz
#codepen
Снова хочу вернуть посты с проектами от codepen, которые могут быть полезными в создании сайта или просто очень интересными. Для повышения мотивации написания постов с codepen я решил сделать следующее - если в воскресение после 19:00 не будет поста с пеном, то тот кто первый заметит его отсутствие и напишет мне об этом я отправлю 50.000 сум!
А сегодня хочу поделиться с вами пеном, у которого довольно простой функционал. В пене есть поле ввода в который вы можете ввести любой символ, затем над этим полем с анимацией конфетти появляются эти символы с рандомным цветом.
Выглядит прикольно и думаю можно немного модифицировать код и добавить например его на главную станицу сайта с автоматическим написание определенных слов.
Ссылка не пен: https://codepen.io/rachsmith/pen/oGEMbz
#codepen
Привет всем, друзья!
Сегодня хочу поделится с вами пеном, который одновременно показывает политическую ситуацию в США и странах Европы, а также имеет очень крутую фишку в плане анимации.
В этом пене написана фраза «Black Lives MATTER», и суть анимации в том, что каждая буква постоянно окрашивается в разные цвета и появятся эффект будто цвет переливается из правой стороны в левую. Вся анимация сделана css, но для разделения фразы на отдельные буквы использовалась библиотека splitting.
Думаю внеся несколько изменений в анимации, можно использовать это в своих проектах.
Ссылка на пен: https://codepen.io/sasha-adeleb/pen/JjGjqpE
#BlackLivesMatter
#codepen
Сегодня хочу поделится с вами пеном, который одновременно показывает политическую ситуацию в США и странах Европы, а также имеет очень крутую фишку в плане анимации.
В этом пене написана фраза «Black Lives MATTER», и суть анимации в том, что каждая буква постоянно окрашивается в разные цвета и появятся эффект будто цвет переливается из правой стороны в левую. Вся анимация сделана css, но для разделения фразы на отдельные буквы использовалась библиотека splitting.
Думаю внеся несколько изменений в анимации, можно использовать это в своих проектах.
Ссылка на пен: https://codepen.io/sasha-adeleb/pen/JjGjqpE
#BlackLivesMatter
#codepen
Привет всем!
Давно не делился своими проектами и вот как раз на днях завершил один. Сделал сайт для компании, которая занимается производством кабеля - Silver Cable.
Срок выполнения 3 дня, стоимость - $180. Также на сайте я реализовал систему генерации QR-кодов для каждый продукции с определенным весом, в последующем эти QR-коды будут прикреплены к определенному товару.
$180 всего за 3 дня как вам?🔥
Давно не делился своими проектами и вот как раз на днях завершил один. Сделал сайт для компании, которая занимается производством кабеля - Silver Cable.
Срок выполнения 3 дня, стоимость - $180. Также на сайте я реализовал систему генерации QR-кодов для каждый продукции с определенным весом, в последующем эти QR-коды будут прикреплены к определенному товару.
$180 всего за 3 дня как вам?🔥
Друзья, как и обещал, если не выходит пост про пен, то тот, кто первый напишет мне об этом, тому я отправлю 50.000 ✅
Привет друзья!
В прошлый раз совсем забыл написать пост с пеном, затем как и обещал отправил 50.000 сум первому кто мне об этом написал. На этот раз деньги остаются у меня)
Ну а сегодня хочу поделиться пеном, который связан с сегодняшним событием - затмением. На пене изображены Луна и Солнце.
Луной можно управлять с помощью курсора, а Солнце расположено по середине, и чем ближе луна приближается к Солнцу тем темнее становится небо. Эта анимация сделана при помощи технологии canvas, раньше сам тоже создавал прикольные анимации на ней.
Ссылка на пен: codepen
#codepen
В прошлый раз совсем забыл написать пост с пеном, затем как и обещал отправил 50.000 сум первому кто мне об этом написал. На этот раз деньги остаются у меня)
Ну а сегодня хочу поделиться пеном, который связан с сегодняшним событием - затмением. На пене изображены Луна и Солнце.
Луной можно управлять с помощью курсора, а Солнце расположено по середине, и чем ближе луна приближается к Солнцу тем темнее становится небо. Эта анимация сделана при помощи технологии canvas, раньше сам тоже создавал прикольные анимации на ней.
Ссылка на пен: codepen
#codepen
Привет друзья!
Cегодня нашел очень классный пен с эффектной анимацией скролла. При прокрутки страницы вниз текст в среднем блоке приближается, пока полностью не заполнит экран картинкой. После этого появляется цитата и скролл работает как обычно.
Буду использовать это в своих будущих проектах, так как выглядит очень красиво. Кстати сайт apple.com часто использует такую фишку.
Ссылка на пен: https://codepen.io/robbiecren07/pen/WNQqGYV
#codepen
Cегодня нашел очень классный пен с эффектной анимацией скролла. При прокрутки страницы вниз текст в среднем блоке приближается, пока полностью не заполнит экран картинкой. После этого появляется цитата и скролл работает как обычно.
Буду использовать это в своих будущих проектах, так как выглядит очень красиво. Кстати сайт apple.com часто использует такую фишку.
Ссылка на пен: https://codepen.io/robbiecren07/pen/WNQqGYV
#codepen
Привет всем.
Сегодня очередной пост с #codepen. На этот раз я нашел просто прикольный пен с глазами, которые следят за курсором мыши, а также переливается различными цветами.
Все анимации сделаны при помощи технологии canvas, как и я говорил в предыдущих постах это самая удобная в плане оптимизации технология для создания анимаций.
Ссылка на пен: https://codepen.io/Mamboleoo/pen/yLeobeP
Сегодня очередной пост с #codepen. На этот раз я нашел просто прикольный пен с глазами, которые следят за курсором мыши, а также переливается различными цветами.
Все анимации сделаны при помощи технологии canvas, как и я говорил в предыдущих постах это самая удобная в плане оптимизации технология для создания анимаций.
Ссылка на пен: https://codepen.io/Mamboleoo/pen/yLeobeP
Личный бренд.
Друзья, я решил начать продвигать свой личный бренд. Что это такое?
Личный бренд - это образ, который формируется у людей, когда они слышат ваше имя.
Зачем же вообще раскручивать личный бренд? На это есть несколько причин:
1. Личный бренд значительно повышает уровень доверия потенциальных клиентов.
2. Репутация и Престижность. Демонстрация уровня моего профессионализма. То есть показывать людям то, что я действительно выполняю свои услуги качественно и на высшем уровне.
3. Повышение популярности и узнаваемости за счёт сарафанного радио в социальных сетях.
Также в скором времени готовлю много разных полезных постов на тему веб разработки и не только, которые буду выкладывать в свой инстаграм, поэтому чтобы не пропустить Подписывайтесь:
instagram.com/mustafa__anvarov/
Друзья, я решил начать продвигать свой личный бренд. Что это такое?
Личный бренд - это образ, который формируется у людей, когда они слышат ваше имя.
Зачем же вообще раскручивать личный бренд? На это есть несколько причин:
1. Личный бренд значительно повышает уровень доверия потенциальных клиентов.
2. Репутация и Престижность. Демонстрация уровня моего профессионализма. То есть показывать людям то, что я действительно выполняю свои услуги качественно и на высшем уровне.
3. Повышение популярности и узнаваемости за счёт сарафанного радио в социальных сетях.
Также в скором времени готовлю много разных полезных постов на тему веб разработки и не только, которые буду выкладывать в свой инстаграм, поэтому чтобы не пропустить Подписывайтесь:
instagram.com/mustafa__anvarov/
Привет!
Продолжаем рубрику #codepen. Сегодня нашел довольно интересный пен с формой регистрации и авторизации.
Здесь можно переключать кнопкой формы, то есть либо зарегистрироваться, либо войти в аккаунт, и при нажатие на кнопку происходит 3д вращение карточки.
Считаю это очень удобной системой, так как на большинстве сайтов, чтобы переключится между авторизацией и регистрацией нужно переходить на разные страницы.
Ссылка на пен: https://codepen.io/ig_design/pen/KKVQpVP
Продолжаем рубрику #codepen. Сегодня нашел довольно интересный пен с формой регистрации и авторизации.
Здесь можно переключать кнопкой формы, то есть либо зарегистрироваться, либо войти в аккаунт, и при нажатие на кнопку происходит 3д вращение карточки.
Считаю это очень удобной системой, так как на большинстве сайтов, чтобы переключится между авторизацией и регистрацией нужно переходить на разные страницы.
Ссылка на пен: https://codepen.io/ig_design/pen/KKVQpVP
Привет всем!
Сегодня поделюсь с вам еще одним интересным пеном.
Анимация появления слов на чистом css и еще в добавок есть возможность выставления в очередь разных фраз, чтобы они появлялись друг за другом.
Полезный пен, его можно внедрить практически в каждый проект и использовать анимацию например на слоган компании.
Ссылка на пен: https://codepen.io/Sonick/pen/HthaI
#codepen
Сегодня поделюсь с вам еще одним интересным пеном.
Анимация появления слов на чистом css и еще в добавок есть возможность выставления в очередь разных фраз, чтобы они появлялись друг за другом.
Полезный пен, его можно внедрить практически в каждый проект и использовать анимацию например на слоган компании.
Ссылка на пен: https://codepen.io/Sonick/pen/HthaI
#codepen
Привет 👋
Сегодня нашел для вас пен с панелью меню.
Активная ссылка выделяется цветным фоном, а при наведении на ссылку, овальный индикатор перемещается зависимости от ее расположения.
Кстати использовал похожее меню на одном из своих сайтов.
Ссылка на пен: codepen.io/EricPorter/pen/YzKrqMp
#codepen
Сегодня нашел для вас пен с панелью меню.
Активная ссылка выделяется цветным фоном, а при наведении на ссылку, овальный индикатор перемещается зависимости от ее расположения.
Кстати использовал похожее меню на одном из своих сайтов.
Ссылка на пен: codepen.io/EricPorter/pen/YzKrqMp
#codepen
Привет!
Очередной пост на рубрику #codepen.
На этот раз хочу поделиться с вами пеном с оплатой банковских карт.
На пене изображены 3 карты, при нажатии на одну из них происходит плавная анимация сворачивания, затем появляются детали оплаты.
Можно использовать это в интернет-магазине, для пользователей, которые сохранили несколько своих карт.
Ссылка на пен: codepen.io/gokul_ramesh/pen/RwrzJGr
Очередной пост на рубрику #codepen.
На этот раз хочу поделиться с вами пеном с оплатой банковских карт.
На пене изображены 3 карты, при нажатии на одну из них происходит плавная анимация сворачивания, затем появляются детали оплаты.
Можно использовать это в интернет-магазине, для пользователей, которые сохранили несколько своих карт.
Ссылка на пен: codepen.io/gokul_ramesh/pen/RwrzJGr
Привет Друзья!
Продолжаем рубрику #codepen.
Сегодня наткнулся на очередную панель меню с необычным переходом ссылок. При клике на ссылку 2 квадратика перемещаются в сторону ссылку и становятся ее задним фоном.
В пене также присутствует туториал по созданию такого меню, советую просмотреть!
Ссылка на пен: https://codepen.io/PointC/details/VweJeGJ
Продолжаем рубрику #codepen.
Сегодня наткнулся на очередную панель меню с необычным переходом ссылок. При клике на ссылку 2 квадратика перемещаются в сторону ссылку и становятся ее задним фоном.
В пене также присутствует туториал по созданию такого меню, советую просмотреть!
Ссылка на пен: https://codepen.io/PointC/details/VweJeGJ
Привет!
Снова продолжаю выкладывать пены с #codepen
В этот раз нашел необычные анимации при наведении на кнопки. Всего анимаций 16 и все выполнены только при помощи css.
Ссылка на пен: codepen.io/yuhomyan/pen/LYNVVNO
Снова продолжаю выкладывать пены с #codepen
В этот раз нашел необычные анимации при наведении на кнопки. Всего анимаций 16 и все выполнены только при помощи css.
Ссылка на пен: codepen.io/yuhomyan/pen/LYNVVNO
Comeback
Привет!
Давно не было вестей от меня. Накопилось много всего, о чем я хотел бы поговорить с вами, друзья!
Привет!
Давно не было вестей от меня. Накопилось много всего, о чем я хотел бы поговорить с вами, друзья!
Друзья, я решил начать продвигать свой личный бренд. Что это такое?
Личный бренд - это образ, который формируется у людей, когда они слышат ваше имя.
Зачем же вообще раскручивать личный бренд? На это есть несколько причин:
1. Личный бренд значительно повышает уровень доверия потенциальных клиентов.
2. Репутация и Престижность. Демонстрация уровня моего профессионализма. То есть показывать людям то, что я действительно выполняю свои услуги качественно и на высшем уровне.
3. Повышение популярности и узнаваемости за счёт сарафанного радио в социальных сетях.
Также в скором времени готовлю много разных полезных постов на тему веб разработки и не только, поэтому, чтобы не пропустить подписывайтесь и ждите!
Личный бренд - это образ, который формируется у людей, когда они слышат ваше имя.
Зачем же вообще раскручивать личный бренд? На это есть несколько причин:
1. Личный бренд значительно повышает уровень доверия потенциальных клиентов.
2. Репутация и Престижность. Демонстрация уровня моего профессионализма. То есть показывать людям то, что я действительно выполняю свои услуги качественно и на высшем уровне.
3. Повышение популярности и узнаваемости за счёт сарафанного радио в социальных сетях.
Также в скором времени готовлю много разных полезных постов на тему веб разработки и не только, поэтому, чтобы не пропустить подписывайтесь и ждите!
Привет!
Еще один полезный пен из codepen.
В этом проекте сделана фильтрация карточек по категориям. При смене категории происходит плавная анимация исчезновения лишних карточек.
Очень удобно в использовании на своем сайте, так как пен написан без использования javascript.
Cсылка на пен: codepen.io/codewithjalaj/details/wvGKZNy
#codepen
Еще один полезный пен из codepen.
В этом проекте сделана фильтрация карточек по категориям. При смене категории происходит плавная анимация исчезновения лишних карточек.
Очень удобно в использовании на своем сайте, так как пен написан без использования javascript.
Cсылка на пен: codepen.io/codewithjalaj/details/wvGKZNy
#codepen
Web-разработка – профессия будущего
Сегодня все говорят о веке информационных технологий и программировании, но так ли это на самом деле?
Почему все так говорят? Причина всего одна - эта сфера, сфера технологий, в частности программирование является самой быстро растущей деятельностью в мире, ну и соответственно одной из наиболее оплачиваемых.
Рост востребованности IT-профессий
Во время карантина и кризиса, многие компании либо перестали вести свою деятельность, либо перешли в онлайн сферу. Например, те же рестораны, которые не имели услугу доставки, были вынуждены сделать ее. Прием заявок, доставка товаров любой категории, обучение и многие другие отрасли перешли в онлайн сферу.
Этот переход дал резкий толчок диджитализации нашего мира, а это в свою очередь тесно связано с IT-профессиями, в частности веб-разработчиками. Ведь практически все что работает онлайн сделано руками веб-программистов.
Если сейчас такой бешенный спрос, так что же будет после полного снятия ограничений, когда все компании возобновят свою деятельность и будут вынуждены цифровизироваться, так как за время карантина люди уже привыкли, что практически все делается онлайн.
Сегодня все говорят о веке информационных технологий и программировании, но так ли это на самом деле?
Почему все так говорят? Причина всего одна - эта сфера, сфера технологий, в частности программирование является самой быстро растущей деятельностью в мире, ну и соответственно одной из наиболее оплачиваемых.
Рост востребованности IT-профессий
Во время карантина и кризиса, многие компании либо перестали вести свою деятельность, либо перешли в онлайн сферу. Например, те же рестораны, которые не имели услугу доставки, были вынуждены сделать ее. Прием заявок, доставка товаров любой категории, обучение и многие другие отрасли перешли в онлайн сферу.
Этот переход дал резкий толчок диджитализации нашего мира, а это в свою очередь тесно связано с IT-профессиями, в частности веб-разработчиками. Ведь практически все что работает онлайн сделано руками веб-программистов.
Если сейчас такой бешенный спрос, так что же будет после полного снятия ограничений, когда все компании возобновят свою деятельность и будут вынуждены цифровизироваться, так как за время карантина люди уже привыкли, что практически все делается онлайн.
