Друзья, как и обещал, если не выходит пост про пен, то тот, кто первый напишет мне об этом, тому я отправлю 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-профессиями, в частности веб-разработчиками. Ведь практически все что работает онлайн сделано руками веб-программистов.
Если сейчас такой бешенный спрос, так что же будет после полного снятия ограничений, когда все компании возобновят свою деятельность и будут вынуждены цифровизироваться, так как за время карантина люди уже привыкли, что практически все делается онлайн.
Привет!
Еще один полезный пен из codepen.
В этом проекте сделаны специальные блоки, надписи которых следуют за курсором мыши.
На мой взгляд это очень креативно и можно использовать во многих вариантах сайтов.
Cсылка на пен: codepen.io/silvandiepen/pen/wvGKWav
#codepen
Еще один полезный пен из codepen.
В этом проекте сделаны специальные блоки, надписи которых следуют за курсором мыши.
На мой взгляд это очень креативно и можно использовать во многих вариантах сайтов.
Cсылка на пен: codepen.io/silvandiepen/pen/wvGKWav
#codepen
Мотивация.
Привет друзья, сегодня хочу рассказать вам о том, что меня мотивирует и дает прилив сил.
Что заставляет меня меня каждый день саморазвиваться, создавать сайты, выходить на тренировку и постоянно изучать что-то новое.
Прежде всего это - РЕАЛЬНОЕ желание чего-то достичь. Хочешь привести свое тело в порядок? - так выходи на тренировку, пробежку, Хочешь создавать сайты и зарабатывать - обучись этому делу и зарабатывай. А самое важное здесь это то, что ты постоянно должен работать над собой, постоянно говорить себе и заставлять себя работать над собой.
Именно этому принципу я следую. Т.е если поставлена цель, то нужно идти к ней ни смотря ни на что, безо всяких оправданий.
Но при этом нужно четко представлять чего ты хочешь. Например, в самом начале я поставил себе цель изучить веб-программирование, затем после выполнения этой цели, следовали другие, более сложные цели, но уже в финансовом плане - заработать $100, $200, $500 и так далее.
Но при этом у меня всегда была одна большая цель, быть финансово независимым и благодаря мини целям я достигаю желаемого!
Привет друзья, сегодня хочу рассказать вам о том, что меня мотивирует и дает прилив сил.
Что заставляет меня меня каждый день саморазвиваться, создавать сайты, выходить на тренировку и постоянно изучать что-то новое.
Прежде всего это - РЕАЛЬНОЕ желание чего-то достичь. Хочешь привести свое тело в порядок? - так выходи на тренировку, пробежку, Хочешь создавать сайты и зарабатывать - обучись этому делу и зарабатывай. А самое важное здесь это то, что ты постоянно должен работать над собой, постоянно говорить себе и заставлять себя работать над собой.
Именно этому принципу я следую. Т.е если поставлена цель, то нужно идти к ней ни смотря ни на что, безо всяких оправданий.
Но при этом нужно четко представлять чего ты хочешь. Например, в самом начале я поставил себе цель изучить веб-программирование, затем после выполнения этой цели, следовали другие, более сложные цели, но уже в финансовом плане - заработать $100, $200, $500 и так далее.
Но при этом у меня всегда была одна большая цель, быть финансово независимым и благодаря мини целям я достигаю желаемого!
Привет!
Сегодня делюсь с вами пеном, который сделан на чистом css.
На этом пене идет анимация слов 'css', 'is', 'awesome'. Ниже оставлю видео этой анимации.
Ссылка на пен: codepen.io/ainalem/details/oNxXRgW
#codepen
Сегодня делюсь с вами пеном, который сделан на чистом css.
На этом пене идет анимация слов 'css', 'is', 'awesome'. Ниже оставлю видео этой анимации.
Ссылка на пен: codepen.io/ainalem/details/oNxXRgW
#codepen
Лайфхаки при создании сайта.
Друзья, сегодня хочу поделиться советами и лайфхаками, которые будут очень полезны начинающему веб-разработчику.
1. Хотите протестировать свой сайт на разных устройствах и не покупать для этого хостинг? Webhost — бесплатный хостинг с поддержкой php, Mysql и Cpanel. Очень простой в плане интерфейса, а самое главное имеется бесплатный тариф, с 1 сайтом. 300 мб дискового пространства, что уже достаточно для тестирования сайта.
2. Скорость загрузки страницы.
В последнее время поисковики любят быстрые страницы, так же как и пользователи. В большей степени, скорость отдачи страницы будет зависеть от хостинга и используемой CMS, однако, также большую роль здесь играет и объем кода. Вынося всё лишнее из кода во внешние файлы и оптимизируя графику, можно существенно улучшить этот важный показатель.
Для ускорения загрузки страниц:
• CSS и JS выносите во внешние файлы;
• Используйте простой код.
3. PageSpeed Insights. С помощью этого инструмента от гугла можно узнать насколько быстро загружается ваш сайт, это оценивается по 100-бальной шкале. Оптимальное количество - 75-80 баллов, столько обычно и набирают мои сайты.
4. Показатель текстовой релевантности.
Текстовая релевантность зависит не только от наличия ключевых слов, но и от их позиции в контенте и разнообразия тегов, в которых они используются.
Для повышения текстовой релевантности страницы:
• Размещайте важный контент выше в коде;
• Заголовки заключайте в теги <h1> — <h6>, а не в <b>, <p>;
• Прописывайте значение атрибуту ALT у изображений;
5. CodePen — платформа, созданная для тестирования и показа сниппетов на основе HTML, CSS и JavaScript. Тут можно найти кучу необычных фишек для своего сайта, или просто, чтобы научиться чему-то новому.
Друзья, сегодня хочу поделиться советами и лайфхаками, которые будут очень полезны начинающему веб-разработчику.
1. Хотите протестировать свой сайт на разных устройствах и не покупать для этого хостинг? Webhost — бесплатный хостинг с поддержкой php, Mysql и Cpanel. Очень простой в плане интерфейса, а самое главное имеется бесплатный тариф, с 1 сайтом. 300 мб дискового пространства, что уже достаточно для тестирования сайта.
2. Скорость загрузки страницы.
В последнее время поисковики любят быстрые страницы, так же как и пользователи. В большей степени, скорость отдачи страницы будет зависеть от хостинга и используемой CMS, однако, также большую роль здесь играет и объем кода. Вынося всё лишнее из кода во внешние файлы и оптимизируя графику, можно существенно улучшить этот важный показатель.
Для ускорения загрузки страниц:
• CSS и JS выносите во внешние файлы;
• Используйте простой код.
3. PageSpeed Insights. С помощью этого инструмента от гугла можно узнать насколько быстро загружается ваш сайт, это оценивается по 100-бальной шкале. Оптимальное количество - 75-80 баллов, столько обычно и набирают мои сайты.
4. Показатель текстовой релевантности.
Текстовая релевантность зависит не только от наличия ключевых слов, но и от их позиции в контенте и разнообразия тегов, в которых они используются.
Для повышения текстовой релевантности страницы:
• Размещайте важный контент выше в коде;
• Заголовки заключайте в теги <h1> — <h6>, а не в <b>, <p>;
• Прописывайте значение атрибуту ALT у изображений;
5. CodePen — платформа, созданная для тестирования и показа сниппетов на основе HTML, CSS и JavaScript. Тут можно найти кучу необычных фишек для своего сайта, или просто, чтобы научиться чему-то новому.
Чем я занимаюсь в свободное время?
Насколько вы знаете, я являюсь веб-разработчиком и на работу я трачу около 6-7 часов. Основное время конечно уходит на написание кода и разработку сайта, но помимо этого также бывают встречи с клиентами, изучение проекта, составления плана работы. Но и остается немного свободного времени.
Перед началом работы я часто смотрю интервью с известными предпринимателями, считаю это очень полезно, так как можно выделить для себя много инсайтов и также настроиться на работу, ведь, смотря на то, как другие люди делятся своим успехами, хочется быть на таком же уровне.
Затем после окончания работы я иду на тренировку. Тренировке уделяю около 2 часов каждый день, также каждую субботу бегаю кросс - 10км. 🏃♂️
То есть, все свое свободное время, я посвящаю саморазвитию. 📈
Насколько вы знаете, я являюсь веб-разработчиком и на работу я трачу около 6-7 часов. Основное время конечно уходит на написание кода и разработку сайта, но помимо этого также бывают встречи с клиентами, изучение проекта, составления плана работы. Но и остается немного свободного времени.
Перед началом работы я часто смотрю интервью с известными предпринимателями, считаю это очень полезно, так как можно выделить для себя много инсайтов и также настроиться на работу, ведь, смотря на то, как другие люди делятся своим успехами, хочется быть на таком же уровне.
Затем после окончания работы я иду на тренировку. Тренировке уделяю около 2 часов каждый день, также каждую субботу бегаю кросс - 10км. 🏃♂️
То есть, все свое свободное время, я посвящаю саморазвитию. 📈
