Привет 👋
Сегодня нашел для вас пен с панелью меню.
Активная ссылка выделяется цветным фоном, а при наведении на ссылку, овальный индикатор перемещается зависимости от ее расположения.
Кстати использовал похожее меню на одном из своих сайтов.
Ссылка на пен: 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км. 🏃♂️
То есть, все свое свободное время, я посвящаю саморазвитию. 📈
Мои планы.
Мне 17! 🥳
Чего же я добился до 17?🤔
Этот год я посвятил образованию. Я был в роли губки, которая впитывала всю полезную информацию.🧠
За это время я:
-Начал вести свою страницу в instagram
-Изучил программу для веб-дизайнеров, figma
-Изучил новую систему CMS
-Создал свой сайт по статистке заражения коронавирусом
-Освоил работу с базами данных
-Стал сильнее и выносливее в физическом плане
Чего хочу достичь к 18 годам. 🔥
Основной уклон я хочу сделать финансовую сферу, а также:
|Заработать 50 000 $ чистыми
|Полностью освоить PHP
|Основать полноценную веб-студию
|Открыть закусочную
|Развитие личного бренда
|Саморазвитие
Мне 17! 🥳
Чего же я добился до 17?🤔
Этот год я посвятил образованию. Я был в роли губки, которая впитывала всю полезную информацию.🧠
За это время я:
-Начал вести свою страницу в instagram
-Изучил программу для веб-дизайнеров, figma
-Изучил новую систему CMS
-Создал свой сайт по статистке заражения коронавирусом
-Освоил работу с базами данных
-Стал сильнее и выносливее в физическом плане
Чего хочу достичь к 18 годам. 🔥
Основной уклон я хочу сделать финансовую сферу, а также:
|Заработать 50 000 $ чистыми
|Полностью освоить PHP
|Основать полноценную веб-студию
|Открыть закусочную
|Развитие личного бренда
|Саморазвитие
Привет!
Нашел для вас крутой пен, с креативными анимациями для ссылок.
Советую использовать в своих проектах, будет смотреться очень необычно😉
Ссылка на пен: codepen.io/jhancock532/pen/GRZrLwY
#codepen
Нашел для вас крутой пен, с креативными анимациями для ссылок.
Советую использовать в своих проектах, будет смотреться очень необычно😉
Ссылка на пен: codepen.io/jhancock532/pen/GRZrLwY
#codepen
МАЛОИЗВЕСТНЫЕ ФАКТЫ В WEB'е
Javascript и Java 💻
Большинство людей, при виде Javascript и Java считают что это два одинаковых языка, так как оба состоят из слова "Java". На самом же деле у них только два сходства - название и то, что оба являются объектно-ориентированными языками программирования.
У них отличаются даже сферы применения, Java используется для создания приложений, а Javascript применяется только в веб-разработке.
Как появился интернет 🌐
То, что мы сегодня называем интернетом, является побочным продуктом исследований Европейского совета по ядерным исследованиям (ЦЕРН).
Английский учёный Тим Бернерс-Ли предложил в 1989 году способ улучшения внутренней системы обмена документами с помощью применения гиперссылок. Так и зародился Интернет
Ошибка 404 ❌
Error 404 not found – это сообщение, которое возникает при переходе на несуществующую страницу сайта. С ошибкой 404 связана городская легенда.
В офисе ЦЕРН на четвёртом этаже была комната 404, где находился центральный сервер. Там сидели несколько человек, которые вручную обрабатывали приходившие запросы. Если запрос был ошибочным, то появлялось сообщение «Room 404: file not found».
Делитесь этой информацией со своими друзьями! ➣
Javascript и Java 💻
Большинство людей, при виде Javascript и Java считают что это два одинаковых языка, так как оба состоят из слова "Java". На самом же деле у них только два сходства - название и то, что оба являются объектно-ориентированными языками программирования.
У них отличаются даже сферы применения, Java используется для создания приложений, а Javascript применяется только в веб-разработке.
Как появился интернет 🌐
То, что мы сегодня называем интернетом, является побочным продуктом исследований Европейского совета по ядерным исследованиям (ЦЕРН).
Английский учёный Тим Бернерс-Ли предложил в 1989 году способ улучшения внутренней системы обмена документами с помощью применения гиперссылок. Так и зародился Интернет
Ошибка 404 ❌
Error 404 not found – это сообщение, которое возникает при переходе на несуществующую страницу сайта. С ошибкой 404 связана городская легенда.
В офисе ЦЕРН на четвёртом этаже была комната 404, где находился центральный сервер. Там сидели несколько человек, которые вручную обрабатывали приходившие запросы. Если запрос был ошибочным, то появлялось сообщение «Room 404: file not found».
Делитесь этой информацией со своими друзьями! ➣
Хочу поделиться с вами полезной подборкой книг и фильмом, которые вдохновят вас на действия.🔥
📚 Книги:
1. Харизма
2. Метод тыквы
3. Законы победителей
🎥 Фильмы:
1. Джобс, империя соблазна
2. Тинейджер на миллиард (Секрет Топа)
3. В погоне за счастьем
📚 Книги:
1. Харизма
2. Метод тыквы
3. Законы победителей
🎥 Фильмы:
1. Джобс, империя соблазна
2. Тинейджер на миллиард (Секрет Топа)
3. В погоне за счастьем
Мой первый сайт
•••
Что за компания? 🏢
Компания, для которой я сделал свой первый сайт (листайте карусель), занималась монтажом и производством металлоконструкций. Я чувствовал большую ответственность за эту компанию, так как выводил ее на онлайн рынок.
Как нашел первого клиента? 👤
Было трудно найти своего первого клиента, ведь я не имел за своей спиной хорошую репутацию, широкое портфолио и конечно же опыта общения с клиентами.
Нашел я их с помощью холодных звонков: я звонил подряд каждой компании, которая не имела своего личного веб-сайта, по итогу я обзвонил более 70 компаний и договорился со своим первым клиентом.
Стоимость этого сайта на тот момент составила $78, а на разработку ушло ровно 2 недели. ✅
Кстати, вот сам сайт 👇
•••
Что за компания? 🏢
Компания, для которой я сделал свой первый сайт (листайте карусель), занималась монтажом и производством металлоконструкций. Я чувствовал большую ответственность за эту компанию, так как выводил ее на онлайн рынок.
Как нашел первого клиента? 👤
Было трудно найти своего первого клиента, ведь я не имел за своей спиной хорошую репутацию, широкое портфолио и конечно же опыта общения с клиентами.
Нашел я их с помощью холодных звонков: я звонил подряд каждой компании, которая не имела своего личного веб-сайта, по итогу я обзвонил более 70 компаний и договорился со своим первым клиентом.
Стоимость этого сайта на тот момент составила $78, а на разработку ушло ровно 2 недели. ✅
Кстати, вот сам сайт 👇