Свой стиль.
Сегодня сделал крутой прелоадер, кому интересна реализация — ссылку на github оставлю в нашем чате, ищу интересные решения, для сайта портфолио, надо больше практики, поэтому скоро сверстаю ещё пару станиц, кому нужны интересные макеты для верстки, то у меня как раз был пост об этом, планирую углубляться в программирование, но верста мне тоже интересна
Сегодня сделал крутой прелоадер, кому интересна реализация — ссылку на github оставлю в нашем чате, ищу интересные решения, для сайта портфолио, надо больше практики, поэтому скоро сверстаю ещё пару станиц, кому нужны интересные макеты для верстки, то у меня как раз был пост об этом, планирую углубляться в программирование, но верста мне тоже интересна
This media is not supported in your browser
VIEW IN TELEGRAM
Эффекты для карт при hover.
Очень крутой эффект, который выделяет сайт на фоне других + крутая полоса скролла и сопровождающие эффекты тык
Очень крутой эффект, который выделяет сайт на фоне других + крутая полоса скролла и сопровождающие эффекты тык
Верстка письма.
Прилажу отличный урок по данной теме, хотя не рекомендую с ними связываться, очень много нюансов и табличная верстка, но на фрилансе иногда можно встретить поэтому вот ссылка тык
Прилажу отличный урок по данной теме, хотя не рекомендую с ними связываться, очень много нюансов и табличная верстка, но на фрилансе иногда можно встретить поэтому вот ссылка тык
YouTube
Адаптивная верстка письма с нуля (email верстка)
Привет! Наверняка многие верстальщики, да и не только, задаются вопросом - как верстать html-письма? Каких правил стоит придерживаться при верстке email-рассылки, и как проверять готовое письмо? Обо всем - в этом видео!
Стартовый шаблон email-верстки:
h…
Стартовый шаблон email-верстки:
h…
Mobile first.
Служит для улучшения загрузки на телефонах и позволяет масштабировать сайт даже на 4K мониторах, советую учить если уже уверенно адаптируете обычную верстку без задержек и раздумий, тогда вы познакомитесь с новым подходом, который будет вам понятен и лёгок в использование, основным отличием является использование min-width вместо max-width, рекомендую учить на практике, поэтому оставлю крутой марафон по этой теме
Служит для улучшения загрузки на телефонах и позволяет масштабировать сайт даже на 4K мониторах, советую учить если уже уверенно адаптируете обычную верстку без задержек и раздумий, тогда вы познакомитесь с новым подходом, который будет вам понятен и лёгок в использование, основным отличием является использование min-width вместо max-width, рекомендую учить на практике, поэтому оставлю крутой марафон по этой теме
Just google it!
Почти ежедневно мы используем google, на равне с форумами и чатами для поиска ответов, но умение гуглить очень важная тема и требует особого внимание, здесь не будет очевидных вещей типа «Задавайте вопросы как и где, пишите вопросы на английском и тд», я покажу вам реально полезную статью с интересными советами по поиску ответов тык
Почти ежедневно мы используем google, на равне с форумами и чатами для поиска ответов, но умение гуглить очень важная тема и требует особого внимание, здесь не будет очевидных вещей типа «Задавайте вопросы как и где, пишите вопросы на английском и тд», я покажу вам реально полезную статью с интересными советами по поиску ответов тык
Костыли на сайтах.
Вы наверное часто слышали про это, но либо не понимали что это, либо понятие было размыто, сегодня я расскажу зачем и почему используют костыли
Костыли на сайтах — это зачастую неправильное решение, кривое написание кода, направленное на решение бага или просто его скрытие
Представим очень старый сайт, заказчик поручил вам внести одну интересную фичу, но чтобы ее внедрить придётся полностью переписывать функционал, поэтому в дело идут костыли
Порой архитектура сайта бывает очень кривой и запутанной, но это не должно вас останавливать писать правильный, понятный и чистый код и только если безвыходная ситуация — можно применять костыли
И помните, костыли — это неудобные, но работающие решения, которые приходится вынуждено делать
Вы наверное часто слышали про это, но либо не понимали что это, либо понятие было размыто, сегодня я расскажу зачем и почему используют костыли
Костыли на сайтах — это зачастую неправильное решение, кривое написание кода, направленное на решение бага или просто его скрытие
Представим очень старый сайт, заказчик поручил вам внести одну интересную фичу, но чтобы ее внедрить придётся полностью переписывать функционал, поэтому в дело идут костыли
Порой архитектура сайта бывает очень кривой и запутанной, но это не должно вас останавливать писать правильный, понятный и чистый код и только если безвыходная ситуация — можно применять костыли
И помните, костыли — это неудобные, но работающие решения, которые приходится вынуждено делать
Итоги месяца.
Месячный тариф на фрилансе закончился, поэтому можно подводить итоги. За этот месяц я успел поработать с Opencart и Wordpress, подтянуть свои знания в верстке, прокачать JavaScript и даже PHP
За этот месяц я получил 3 отзыва, в итоге заработав 20$, в планах научиться натягивать верстку на wp и подтянуть знания в php, а так же развиваясь в направлении JavaScript
Ближайшие 3 недели я особо не смогу сидеть за ноутбуком, поэтому буду подтягивать теорию, прочту полезные книги и больше углублюсь в само программирование, а после освоения wp, создам свой сайт с фишками и инструментами для программистов
Месячный тариф на фрилансе закончился, поэтому можно подводить итоги. За этот месяц я успел поработать с Opencart и Wordpress, подтянуть свои знания в верстке, прокачать JavaScript и даже PHP
За этот месяц я получил 3 отзыва, в итоге заработав 20$, в планах научиться натягивать верстку на wp и подтянуть знания в php, а так же развиваясь в направлении JavaScript
Ближайшие 3 недели я особо не смогу сидеть за ноутбуком, поэтому буду подтягивать теорию, прочту полезные книги и больше углублюсь в само программирование, а после освоения wp, создам свой сайт с фишками и инструментами для программистов
Теория для практики.
Звучит скучно, но необходимо. Порой просто хочется уже начать создавать сайт с нуля и брать заказы на фрилансе или работать в веб студии, все постепенно!
В прошлом посте я говорил что не смогу работать за ноутбуком ближайшее время, поэтому я решил прочесть книги и скоро поделюсь с тобой некоторыми из них и моим мнением, так же подтягиваю английский и учу неправильные глаголы. Статьи будут выходить регулярно, так как теперь есть много свободного времени и идей
Большая часть теории берётся из книг, курсов и различных материалов, теория полезна в самом начале и «когда знаешь что это работает, но не знаешь почему», тогда стоит полезть в документацию или книги, закрепляйте теорию на практике и совершенствуйтесь!
Звучит скучно, но необходимо. Порой просто хочется уже начать создавать сайт с нуля и брать заказы на фрилансе или работать в веб студии, все постепенно!
В прошлом посте я говорил что не смогу работать за ноутбуком ближайшее время, поэтому я решил прочесть книги и скоро поделюсь с тобой некоторыми из них и моим мнением, так же подтягиваю английский и учу неправильные глаголы. Статьи будут выходить регулярно, так как теперь есть много свободного времени и идей
Большая часть теории берётся из книг, курсов и различных материалов, теория полезна в самом начале и «когда знаешь что это работает, но не знаешь почему», тогда стоит полезть в документацию или книги, закрепляйте теорию на практике и совершенствуйтесь!
Довольные клиенты.
Получил свои первые награды, благодаря ним меня могут найти потенциальные заказчики! Но это только начало и впереди ещё много интересного тык
Получил свои первые награды, благодаря ним меня могут найти потенциальные заказчики! Но это только начало и впереди ещё много интересного тык
UI/UX.
При разработке сайта важно учитывать его интерфейс, чтобы пользователю было удобно пользоваться сайтом и он как можно быстрее научился в нем разбираться за это отвечает UX, а чтобы сайт выделялся среди множества других — отвечает UI
Надеюсь стало понятно, так как множество людей знают лишь поверхностное значение этих слов, обычно за это отвечает дизайнер, но на фрилансе есть заказы на разработку сайта «под ключ», как нибудь тоже расскажу что это такое
При разработке сайта важно учитывать его интерфейс, чтобы пользователю было удобно пользоваться сайтом и он как можно быстрее научился в нем разбираться за это отвечает UX, а чтобы сайт выделялся среди множества других — отвечает UI
Надеюсь стало понятно, так как множество людей знают лишь поверхностное значение этих слов, обычно за это отвечает дизайнер, но на фрилансе есть заказы на разработку сайта «под ключ», как нибудь тоже расскажу что это такое
Расширение для Chrome.
А ты знал, что можно сделать своё расширение для хрома на JavaScript? Хватит банальных знаний js и разметки, чтобы сделать 4x ускорение видео на ютубе или запоминание скролла сайта, придумать можно много, даже изменение дизайна и функционала GitHub, прикреплю к этому посту урок по созданию расширения с нуля тык
А ты знал, что можно сделать своё расширение для хрома на JavaScript? Хватит банальных знаний js и разметки, чтобы сделать 4x ускорение видео на ютубе или запоминание скролла сайта, придумать можно много, даже изменение дизайна и функционала GitHub, прикреплю к этому посту урок по созданию расширения с нуля тык
Свой плагин для Wordpress.
На фрилансе встречаются заказы по разработке плагина, по сути это то же расширение chrome, только для wp
Плагины служат для упрощения и удобства работы с сайтом, а так же расширения функционала, в действительности большенство плагинов уже написаны за вас и вам лишь надо их подключить
Осталось только использовать на практике и тренироваться, поэтому советую свежий урок по разработке своего плагина для wp от опытного фрилансера тык
На фрилансе встречаются заказы по разработке плагина, по сути это то же расширение chrome, только для wp
Плагины служат для упрощения и удобства работы с сайтом, а так же расширения функционала, в действительности большенство плагинов уже написаны за вас и вам лишь надо их подключить
Осталось только использовать на практике и тренироваться, поэтому советую свежий урок по разработке своего плагина для wp от опытного фрилансера тык
Интересная история на фрилансе(data-da).
Написал маленькую, но полезную статью, про интересный случай с меню, где надо было переставить элемент, не меняя структуры, вообщем сами все прочтёте
https://teletype.in/@programmerway/SdM6Y17QO
Написал маленькую, но полезную статью, про интересный случай с меню, где надо было переставить элемент, не меняя структуры, вообщем сами все прочтёте
https://teletype.in/@programmerway/SdM6Y17QO
Teletype
Интересная история на фрилансе(data-da)
Однажды мне пришел заказ, одной из задач, которая по видимому не была решена прошлым разработчиком была задача с исправлением меню
This media is not supported in your browser
VIEW IN TELEGRAM
Вдохновение.
Ещё один нереально крутой сайт, берите на заметку! Сайт был создан при помощи three.js тык
Ещё один нереально крутой сайт, берите на заметку! Сайт был создан при помощи three.js тык
Куда принимать оплату фрилансеру?
Самый распространённый вопрос связанный с оплатой — это куда ее принимать, сейчас его разберём
Принимать нужно любым удобным для заказчика способом: карта, онлайн кошельки, биткоины. Вы предоставляете услуги, поэтому с вами должно быть удобно работать
Нужно сразу писать все возможные варианты оплаты «принимаю на карту и киви кошелёк» и внизу дописать что-то вроде «и любым удобным для вас способом», так вы дадите понять заказчику, что вы уже опытный специалист
Я тоже решил сделать киви кошелёк, чтобы принимать оплату с минимальной комиссией, для заказчиков из России
Принимайте оплату удобно и к вам будут обращаться чаще!
Самый распространённый вопрос связанный с оплатой — это куда ее принимать, сейчас его разберём
Принимать нужно любым удобным для заказчика способом: карта, онлайн кошельки, биткоины. Вы предоставляете услуги, поэтому с вами должно быть удобно работать
Нужно сразу писать все возможные варианты оплаты «принимаю на карту и киви кошелёк» и внизу дописать что-то вроде «и любым удобным для вас способом», так вы дадите понять заказчику, что вы уже опытный специалист
Я тоже решил сделать киви кошелёк, чтобы принимать оплату с минимальной комиссией, для заказчиков из России
Принимайте оплату удобно и к вам будут обращаться чаще!
The Million Dollar Homepage.
Уилтшир Алекс Тью, чтобы заработать деньги на университетское образование создал сайт «The Million Dollar Homepage»
На сайте располагалась сетка размером 1000 на 1000 пикселей, состоящая из миллиона пиксилей, на которой можно было приобрести место для ссылки на свой сайт, купив набор пикселей по доллару за одну штуку. Продажи велись блоками размером в 10 на 10 пикселей, поскольку меньшее количество пикселей разглядеть трудно
Сайт привлёк внимание СМИ и туда стали заходить пользователи и желающие приобрести место на сайте, так был заработан миллион долларов
Уилтшир Алекс Тью, чтобы заработать деньги на университетское образование создал сайт «The Million Dollar Homepage»
На сайте располагалась сетка размером 1000 на 1000 пикселей, состоящая из миллиона пиксилей, на которой можно было приобрести место для ссылки на свой сайт, купив набор пикселей по доллару за одну штуку. Продажи велись блоками размером в 10 на 10 пикселей, поскольку меньшее количество пикселей разглядеть трудно
Сайт привлёк внимание СМИ и туда стали заходить пользователи и желающие приобрести место на сайте, так был заработан миллион долларов
Помадоро.
Вы уже наверняка слышали о технике «Помадоро», она очень распространена среди программистов. Я проверил на своём опыте — реально помогает
Основная мысль
Вы стартуете таймер на 25 минут, не отвечаете на сообщения, звонки и фокусируетесь на задаче. После делаете перерыв и идёте подальше от места работы: пройтись попить воды, отжаться от пола или приседать
Одна такая операция называется «помидоркой», после 4 помедорок можно сделать перерыв 30 минут
Это лишь одна из многих техник, вы можете даже придумать свою, однако она очень распространена среди IT-шников, поэтому делюсь с вами ей
Техника не делает вашу работу лучше, она лишь даёт сосредоточиться на конкретной задаче и не даёт уставать. Вам будет меньше надоедать работать и вы будете вовремя отдыхать. Техника помогает правильно распределять отдых и работу, а использовать ее или нет — решать вам
Вы уже наверняка слышали о технике «Помадоро», она очень распространена среди программистов. Я проверил на своём опыте — реально помогает
Основная мысль
Вы стартуете таймер на 25 минут, не отвечаете на сообщения, звонки и фокусируетесь на задаче. После делаете перерыв и идёте подальше от места работы: пройтись попить воды, отжаться от пола или приседать
Одна такая операция называется «помидоркой», после 4 помедорок можно сделать перерыв 30 минут
Это лишь одна из многих техник, вы можете даже придумать свою, однако она очень распространена среди IT-шников, поэтому делюсь с вами ей
Техника не делает вашу работу лучше, она лишь даёт сосредоточиться на конкретной задаче и не даёт уставать. Вам будет меньше надоедать работать и вы будете вовремя отдыхать. Техника помогает правильно распределять отдых и работу, а использовать ее или нет — решать вам
DRY.
Программисты очень ленивые люди. Лучше потратить кучу времени на создание стартового шаблона, чем каждый раз прописывать одно и тоже
Циклы, массивы, снипетты, стартовые шаблоны, сборки и тд и тп — все это создано лишь для того, чтобы не повторять изо дня в день одно и тоже
Скоро расскажу про создание своих снипеттов в vs code, а пока продолжим тему
Don’t repeat yourself, не повторяйся! Если ты видишь код, который повторяется — исправь. Лучше потратить час на автоматизацию процесса, чем повторяться. Будете ленивыми программистами!
Программисты очень ленивые люди. Лучше потратить кучу времени на создание стартового шаблона, чем каждый раз прописывать одно и тоже
Циклы, массивы, снипетты, стартовые шаблоны, сборки и тд и тп — все это создано лишь для того, чтобы не повторять изо дня в день одно и тоже
Скоро расскажу про создание своих снипеттов в vs code, а пока продолжим тему
Don’t repeat yourself, не повторяйся! Если ты видишь код, который повторяется — исправь. Лучше потратить час на автоматизацию процесса, чем повторяться. Будете ленивыми программистами!
Безопасная сделка.
У меня уже был об этом пост, но сегодня я впервые получил оплату по безопасной сделке
Немного теории:
Заказчик вносит оговорённую сумму и в случаи конфликта биржа должна решить кому достанутся деньги. Правки я сделал за 2 дня, но оплату получил только через 5 дней
Заказчик был с 140 отзывами, что внушало доверие, хотя я очень переживал, ведь в случае конфликта доверия к заказчику будет больше и это один из минусов безопасной сделки — заказчику с большим шансом вернут деньги в непонятной ситуации
Я все таки получил свою оплату в 10$, впервые попробовав безопасную сделку
У меня уже был об этом пост, но сегодня я впервые получил оплату по безопасной сделке
Немного теории:
Заказчик вносит оговорённую сумму и в случаи конфликта биржа должна решить кому достанутся деньги. Правки я сделал за 2 дня, но оплату получил только через 5 дней
Заказчик был с 140 отзывами, что внушало доверие, хотя я очень переживал, ведь в случае конфликта доверия к заказчику будет больше и это один из минусов безопасной сделки — заказчику с большим шансом вернут деньги в непонятной ситуации
Я все таки получил свою оплату в 10$, впервые попробовав безопасную сделку