Горячее
Лучшее
Свежее
Подписки
Сообщества
Блоги
Эксперты
Войти
Забыли пароль?
или продолжите с
Создать аккаунт
Я хочу получать рассылки с лучшими постами за неделю
или
Восстановление пароля
Восстановление пароля
Получить код в Telegram
Войти с Яндекс ID Войти через VK ID
Создавая аккаунт, я соглашаюсь с правилами Пикабу и даю согласие на обработку персональных данных.
ПромокодыРаботаКурсыРекламаИгрыПополнение Steam
Пикабу Игры +1000 бесплатных онлайн игр
Игра рыбалка представляет собой полноценный симулятор рыбалки и дает возможность порыбачить в реально существующих местах из жизни и поймать рыбу, которая там обитает.

Рыбный дождь

Спорт, Симуляторы, Рыбалка

Играть

Топ прошлой недели

  • AlexKud AlexKud 38 постов
  • SergeyKorsun SergeyKorsun 12 постов
  • SupportHuaport SupportHuaport 5 постов
Посмотреть весь топ

Лучшие посты недели

Рассылка Пикабу: отправляем самые рейтинговые материалы за 7 дней 🔥

Нажимая кнопку «Подписаться на рассылку», я соглашаюсь с Правилами Пикабу и даю согласие на обработку персональных данных.

Спасибо, что подписались!
Пожалуйста, проверьте почту 😊

Помощь Кодекс Пикабу Команда Пикабу Моб. приложение
Правила соцсети О рекомендациях О компании
Промокоды Биг Гик Промокоды Lamoda Промокоды МВидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня

Frontend + Верстка

С этим тегом используют

IT Программирование Javascript IT юмор Веб-разработка Web Программист HTML CSS Дизайн Сайт Все
82 поста сначала свежее
10
frontru
frontru
4 года назад

Анимированная карточка профиля используя HTML и CSS⁠⁠

Вечер добрый, в этом видео показал демонстрацию работы карточки профиля, с использованием HTML и CSS, а так же процесс ее создания.


Исходный код можно пощупать по ссылке: https://jsfiddle.net/vxztqj49/

[моё] Frontend Javascript IT Web Программирование Веб-разработка Верстка HTML Web-программирование CSS Pikaweb Учеба Видео
1
8
frontru
frontru
4 года назад

Анимированное меню навигации, используя HTML и CSS⁠⁠

Приветик всем. Это видео-демонстрация выполненной работы, а так же процесс ее создания.


Исходный код можно пощупать вот по этой ссылке: https://jsfiddle.net/y5o2pxah/

[моё] Frontend Javascript IT Web Программирование Веб-разработка Верстка HTML Web-программирование CSS Pikaweb Учеба Видео
0
12
frontru
frontru
4 года назад

Создание анимированной формы поиска, используя HTML, CSS и JavaScript⁠⁠

Приветствую. В этом видео показа анимированная форма поиска, а так же процесс ее создания.


Исходный код можно пощупать по ссылке: https://jsfiddle.net/fwku8ptv/

[моё] Frontend Javascript IT Web Программирование Веб-разработка Верстка HTML Web-программирование CSS Pikaweb Учеба Видео
8
9
frontru
frontru
4 года назад

Создание анимированной кнопки "Поделиться" используя html и css⁠⁠

Приветствую. В этом видео показа демонстрация кнопки "Поделиться", а так же процесс ее создания.


Исходный код можно пощупать по ссылке: https://jsfiddle.net/2pvheqwx/

[моё] Frontend Javascript IT Web Программирование Веб-разработка Верстка HTML Web-программирование CSS Pikaweb Учеба Видео
4
3
frontru
frontru
4 года назад

[Гайд] Как сделать анимацию блика на кнопку используя html и css⁠⁠

Хэллоу Ворлд, как говорится. Я учел комментарии своей прошлой публикации, хочу сказать, что мне приятно получать уже на начальном этапе фидбек от людей. В этом видео я сделал не сложный элемент блика при наведении на кнопку. Открыт к любой критике, пишите. Хорошего дня ✌️

Поиграться можно по ссылке: https://jsfiddle.net/wc2oeapv/

Показать полностью
[моё] Frontend Javascript IT Web Программирование Веб-разработка Верстка HTML Web-программирование CSS Pikaweb Учеба Видео
6
3
frontru
frontru
4 года назад

[Гайд] Как сделать красивую анимированную загрузку используя HTML и CSS⁠⁠

Привет пикабушники, возможно кто-то и из разработчиков найдется. Можете судить по полной. Начал вести свой небольшой канал по разработке тех или иных элементов, которые встречались на моем пути Web разработчика. Все видео на канале оснащены исходным кодом, так что, если кто-то интересуется разработкой, прошу жаловать)

[моё] Frontend Javascript IT Web Программирование Веб-разработка Верстка HTML Web-программирование CSS Pikaweb Учеба Видео
7
DELETED
4 года назад
IT-юмор

Адаптивная верстка⁠⁠

Адаптивная верстка Адаптация, Верстка, Википедия, Frontend, IT юмор, Длиннопост, Скриншот
Показать полностью 1
Адаптация Верстка Википедия Frontend IT юмор Длиннопост Скриншот
15
27
CosyFrontend
CosyFrontend
4 года назад

Мой опыт поиска фриланса в верстке и разработке⁠⁠

Недавно я писала здесь о том, как сменила профессию с маркетинга на вёрстку и фронтенд-разработку, теперь подробнее расскажу, как искала фриланс, как конкурировала с опытными ребятами с кучей отзывов на биржах, какие попадались заказчики.


В целом, меня всегда привлекала идея иметь какие-то дополнительные источники дохода в дополнению к зарплате на основной работе. Плюс то выдастся пара свободных вечеров на неделе, то в офисе на одной из работ изредка была пара-тройка часов без задач.


Мой первый фриланс нашел меня сам, спустя месяц после того, как я устроилась на первую работу верстальщиком, – я сидела в Телеграмм чате для верстальщиков – у них можно было спросить, если что-то не получалось, или просто почитать, чего новенького появилось, у кого какие задачи, зарплата и тд. И однажды один из более менее известных персонажей в чате, то есть не добавившийся 2 дня назад новичок, сказал, что ищет фрилансера на верстку формочек.


Я написала ему в личку, с гордостью трехлетнего ребенка предоставила "портфолио" – 2 или 3 сайта, сверстанных по видео-урокам. Чувак рассказал, что он сам верстальщик / фронтенд на проекте и ищет кого-то на небольшую задачку. Задачка оказалась "сверстать 5 форм" (обычные, в которые вводишь имя-фамилию при оформлении заказа на сайте), по деньгам он попросил оценить меня. В ответ на мое скромное "2 тысячи" сказал "Ну и цены у вас, давайте за косарь". Для меня это было "Ооооо, мой первый фриланс!", конечно, я согласилась.


Далее я 5 дней шарашила эти формочки. Оказалось, что "валидация форм" – это не только прописать атрибут required в верстке, а уж когда я столкнулась с тем, что плейсхолдер – полупрозрачный текст в поле, подсказывающий пользователю, что в это поле надо написать имя – должен уменьшаться и плавно отъезжать вверх, оставаясь подсказкой – это была задачка века. Потом выяснилось, что нужно запретить пользователям вводить буквы в поле телефона. Неожиданно, правда?))

Сейчас все это кажется смешным, но в те 5 дней я чувствовала себя разработчиком последнего суперджета – мне казалось, учесть все невозможно. Заказчик – спасибо ему человеческое – где-то помогал и подсказывал, потом прислал подробный список правок с комментариями в том числе и по организации кода. Оплатил. Помню, я тогда даже несколько раз переходила на их сайт и проверяла, есть ли там мои формочки. Первый косарь потратила на бешбармак – как раз собиралась съездить в Киргизию, люблю не самые туристические места. Цены там очень приятные, еще и на кофе хватило, пробовали киргизский?))


От знакомых слышала, что подобный первый опыт фрилансика был у многих – взял блок работ за копейки, а потом сидел несколько дней над ним. Некоторых это разочаровывает. Но я-то знала, что в будущем меня ждет еще не один подобный фриланс))))


Дальше я не искала фриланс специально, набиралась опыта на работе, потом сменила работу на агентство, а там обычно не до фриланса. Но когда немного освоилась, решила отправить на биржи. Как у меня иногда бывает – могу знать о какой-то возможности, но впервые попробовать только после вдохновляющей речи кого-то из знакомых. Сидела в общей компании, хороший приятель рассказывал, как он зарабатывает на иностранных биржах – иногда параллельно с работой в офисе, иногда делал перерыв между работами и имел свои 1500 в валюте с биржи. Конечно, я понимала, что приятель – программист с 10-летним опытом в Джаве и Питоне, а я – начинающий верстальщик, но кого и когда это останавливало?


Первое разочарование связанное с биржами случилось задолго до первого заказа. Я прошлась по тем, которые он посоветовал – правда, начала с русскоязычных вопреки его рекомендации, страшновато было без особого понимания сути верстки еще и столкнуться с непониманием того, что от меня хотят. И оказалось, что пару месяцев назад многие биржи ввели платные отклики – то есть мало того, что заказчики платно оставляли заказ (или бесплатно, но платили комиссию позже), так еще и для исполнителей отклик на заказ был небесплатным.

Нашла биржу, где первые 25 откликов были бесплатными. Но биржи – есть биржи, там зачастую нормес такая конкуренция исполнителей, копеечные цены и в любой сфере есть мастодонты с 4000 положительных отзывов и 5000 сделанных заказов. Появляется заказ "сверстать страницу и 3 модальных окна к ней", стоимость 20$, в первые 15 минут на него появляется 7 заявок, пара из них от мастодонтов. Заказчик ждет час, видит 40 заявок и выбирает одного из опытных чуваков с кучей отзывов. И это логично, никто не хочет неизвестного PetrGigant1998, зарегившегося 20 минут назад. Даже с учетом того, что это биржа, и у заказчиков обычно есть способы отказаться от оплаты плохо выполненного заказа. Но это время, да и зачем разбираться, если можно сразу повысить шансы на хорошую верстку.

Что остается делать новичкам? Обычно демпинговать, но мне не очень нравится такой подход, да и куда особо демпинговать с 20$ за день работы. В минус 20$?


Однако это мой подход, на практике же демпингуют многие, некоторые успешные фрилансеры вообще рассказывают, что начинают с того, что просят сделать заказ бесплатно, честно говоря заказчикам, что они новички и им нужно для портфолио на этой бирже. Думаю, вполне найдутся те, кто согласится на халявку. Но работать бесплатно демотивирует.

Я откликалась за стоимость чуть меньше указанной заказчиком и делала упор на подробные письма. Никто особо меня не выбирал. Помимо тех, кто предпочитал опытных разработчиков, на биржах не так мало тех, кто просто оставляет заказ и не выбирает никого. Возможно, находят подрядчиков в другом месте. На такие заказы тоже тратились заявки.

На 7-8 заявке из 25 мне первый раз ответил заказчик, что-то спросил, обсудили, но в итоге выбрали не меня. В одном из заказов был готовый сайт, к которому какой-то другой верстальщик сделал неудачно еще одну страницу – в ней коряво работал адаптив и был сломанный слайдер. Заказчик просил переделать. Я полистала сайт, увидела еще наезжающий на картинку заголовок в мобильном варианте. В сопроводительном письме приложила скриншот, написала, что переверстатаю за прошлым сотрудником, заодно и это поправлю.

Заказчик ответил "Хорошо вы написали" и дал мне заказ! Делала как для себя, после чего он спросил, не возьмусь ли я еще за страничку. Я сделала еще одну через биржу, дальше он предложил общаться за пределами биржи – я бы делала страницы, а он просто скидывал на карту. Его можно было понять, биржи берут недешево, но и мне было страшновато, что кинут. Рискнула, не кинул. Так я ему сверстала штук 10 страниц и попутно делала другие мелкие работы, которые знала, например, настроить редиректы и тд. Сотрудничество закончилось, так как закончились новые страницы для сайта, а работать с Wordpress, который ему дальше был нужен, я тогда еще не умела.


Дальше я подключала соцсети, где помимо фоточек в коротких юбках начала изредка выкладывать посты о своей работе – про смену профессии, смешные случаи на работе, перепосты постов про программирование. Мне не нравится открытая реклама "Ищу новых заказчиков, кому нужен сайт – пишите" и даже нативочки типа жизненной истории с фразой в конце "Так, с новым сайтом Илья начал зарабатывать вдвое больше и даже купил себе телефон, поэтому обращайтесь ко мне за сайтами". 21 век же. А вот смешные истории с работы (можно с фотками в коротких юбках) просто дают окружающим представление о сфере деятельности человека. Когда им потребуется сайт-визитка для нового бизнеса, они могут вспомнить о тебе.


Параллельно я делала сайтик маме, тут же поближе познакомилась с Wordpress как разработчик, а не как контент-менеджер. Как часто бывает – стоит освоить что-то новое, тебе тут же это требуется. Позвонил шеф с бывшей работы, поболтали, спросил, смогу ли сверстать сайт и натянуть на Wordpress. Сделала, там оказалось очень несложная и верстка, и разработка потом.


Более-менее серьезные заказы находились через знакомых. Мелкие и несерьезные – где только не попадались, как-то парень подошел ко мне познакомиться в метро, я знакомиться отказалась, но мелкие правки его компании для сайта сделала.

Со временем я начала брать предоплату, к этому заказчики зачастую относились вполне положительно. Кто не соглашался, договаривалась на постраничную оплату и тд.


Были и странные случаи, например, однажды мне написали с незнакомого номера и прислали макеты сайта политической направленности, причем весьма в про-военную сторону. Просили сделать без предоплаты. Там я отказалась из-за тематики сайта, но даже с другой тематикой не взялась бы с незнакомого номера без предоплаты.

Были и другие своеобразные ребята, которые тоже нашли мой телефон и раз в 2-3 месяца предлагают мне что-то написать на пхп. Я каждый раз пишу о том, что беру фриланс только по верстке и фронтенду, но через пару месяцев снова "Анастасия, есть сверстанные макеты, возьметесь за натяжку корпоративного портала?".

Была веселая команда, программист которой просил меня не общаться с их бухгалтером, которая звонила мне по 3-4 раза в день, почему-то выполняя функции менеджера. Периодически просила сделать "Там синюю кнопку", чего категорически просил не делать программист. Когда я пыталась перейти на приницип одного окна, бухгалтер продолжала звонить, но просила не рассказывать об этом программисту. Было немного нервно, но в целом реально веселые ребята.


Дальше я попробовала подключить конференции, но в плане новых заказов мне как интроверту это не дало ничего. Знаю нескольких, кто умеет в нетворкинг, и ни один из них не я. Обычно если на конференциях с кем-то заговариваешь, то реакция самая положительная, но, повторюсь, для этого не надо быть прожженным интровертом.

Знаю еще один путь – некоторые из знакомых приходят на биржи, находят заказчика, работают с ним (через биржу или без нее) продолжительное время, далее после окончания заказа снова идут на биржу и ищут новый длительный заказ. Это небыстро, каждый новый заказчик может оказаться со своими тараканами, но обычно после 5-6 таких итераций на биржу возвращаться не приходится – первый заказчик пишет "А вот еще блок работ, возьметесь, по срокам – надо вчера", и разработчик спокойно (спокойно, ахах) работает с ним, а не ищет нового.

Я пока так и не дошла до бирж, потому что после какого-то этапа подключилось сарафанное радио, в основном от других более успешных и более загруженных разработчиков. "Насть, вот вроде неплохой заказчик, но у меня у самого сейчас завал, хочешь?", "Мне эти ребята предлагают им 20 страниц сверстать, давай ты возьмешься, а на мне мелкая помощь и все взаимодействие с заказчиком за такую-то комиссию", "Мне тут ребята позвонили, им что-то надо в приложении на Vue написать, а у меня Киберпанк в ноябре выходит, я им сказал, что Настюха сейчас быстро все разрулит".

И от таких предложений сложно отказаться. Особенно от последнего)))

Показать полностью
[моё] IT Верстка Фриланс Frontend Работа Текст Длиннопост
24
Посты не найдены
О нас
О Пикабу Контакты Реклама Сообщить об ошибке Сообщить о нарушении законодательства Отзывы и предложения Новости Пикабу Мобильное приложение RSS
Информация
Помощь Кодекс Пикабу Команда Пикабу Конфиденциальность Правила соцсети О рекомендациях О компании
Наши проекты
Блоги Работа Промокоды Игры Курсы
Партнёры
Промокоды Биг Гик Промокоды Lamoda Промокоды Мвидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии