Ищу верстальщика, который дружит с Wordpress

В очередной раз мне требуется помощь от Вас в работе над одним проектом.

Я сделала первую часть работы — редизайн текущего сайта заказчика, но совсем нет времени заняться второй частью проекта, а именно — сверстать его и посадить на Wordpress.

Традиционно я набросала основные моменты по сайту в единый гугл док. Там лежит и сам макет для ознакомления.

Читать — https://docs.google.com/document/d/1z1-hOE_c8e864oiKj5VZK2UAWVLCCuaMvsLlfHCfK30/edit?usp=sharing

Если Вы видите себя в этом проекте, то пишите мне @annblok.

В сообщении ответьте всего на 3 вопроса:
1) За какой срок смогли бы выполнить заказ?
2) За какую сумму?
3) Оставьте примеры сайтов, которые максимально похожи на этот заказ.

Подборка готовых градиентов

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

Смотреть — https://webkul.github.io/coolhue/

Книга «JavaScript для чайников» — Крис Минник, Ева Холланд (ru,  2016)

JavaScript — ключевой инструмент создания современных сайтов, и благодаря данному руководству, ориентированному на новичков, вы сможете изучить язык в короткие сроки и с минимумом усилий. Узнайте, какова структура языка, как правильно записывать его инструкции, как применять CSS, работать с онлайн-графикой и подключать программные интерфейсы HTML5. Все темы можно закрепить практическими упражнениями.

Скачать — https://goo.gl/sXZBF3

#javascript

Про CDN ссылки. Реальная ситуация.

На своём курсе по созданию сайтов, рассказывая о минусах подключения CDN ссылок, я обычно привожу в пример следующее:
Вы находитесь в поле и вдруг Вас охватывает невероятное желание поверстать. Садитесь, открываете ноутбук и видите, что при отсутствии интернета у вас не срабатывают внешние ссылки. Вроде бы всё логично, но пример слишком уж притянут за уши и вряд ли такое может случиться.

Но вот Вам реальная история.

Сейчас я еду в поезде. Дорога длинная и в пути буду 2,5 дня. Отпуск отпуском, но если пообещали доделать сайт — делайте. Запускаю компилятор, открываю сайт и понимаю, что он развалился. Сказать, что «вёрстка поехала» не уместно. Не понимая в чем дело, открываю предыдущие версии и там то же самое. И тут я осознаю: CDN в дороге — это зло.

P.S. Если Вы читаете этот пост, значит у меня уже появился интернет и телефон сейчас в роли модема. Скачаю локальные файлы всех своих CDN ссылок и продолжу работать.

Вот Вам видео того, что стало с сайтом в дороге при подключённых CDN.

И вот как всё встало на свои места, когда подключила файлы локально. Правда Roboto, подключённый через Google Fonts не стала извлекать, т.к. на ноутбуке уже есть поддержка этого шрифта.

Админы тоже люди и хотят отдыхать

Уже ровно 2 дня как я не в Екатеринбурге. И ещё долго там не окажусь. Работа отложена, у компьютера бываю редко. Поэтому если есть вопросы по сайтам — ВК и Телеграм к Вашим услугам. Если не отвечаю, наберитесь терпения. Остальные способы связи используйте на свой страх и риск.

О том, где я и что тут интересного, поведаю позже.
Рассказывать буду в инсте — https://www.instagram.com/annablok.frontend
Ни кого не призываю, но если интересно, подпишись.

Материалы на канале будут, но чуть реже.

Будем верстать под Apple Watch, готовьтесь

Итак, сегодня прошла конференция WWDC 2018. Это конференция разработчиков, в котором презентуются все новые фишечки ПО для продукции Apple.

Всё презентованное, перечеслять не буду, а выделю только важное для нас, верстальщиков.

Та-дааам! Теперь в Apple Watch будет возможность просматривать веб-контенент. Иначе говоря, пользователи будут переходить на сайты со своих часов. А всё это значит что? Правильно. Теперь мы будем верстать не только под минимальные 320px, но и 312px под 42мм часы и 272px под самые маленькие 38мм часы.

Мои поздравления, мои маленькие верстальщики! 😊

Если предыдущий сайт для изучения Git показался недостаточно крутым, то ловите ещё одну ссылочку.

Здесь также есть возможность в визуальной форме понять все аспекты заданной темы.

Ссылка — https://learngitbranching.js.org/

#git

Сервис для тренировки в скорости написания кода на разных языках программирования

Ссылка — https://typing.io/

Отдых без правок или как это сделать возможным

Итак, как Вы знаете у меня полноценный отпуск, которого не было еще со времен, как я ступила на путь становления верстальщиком. На удивление все проходит довольно спокойно. Картинка прямой атипод происходящему.

Интернет здесь, конечно, ужасен и не потому что сотовая связь сама по себе подводит или Wi-Fi в отеле плох, а потому что живу близ Олимпийских обеъктов, в которых скоро будет проходим ЧМ по футболу и тут активизировались глушилки. Они, к сожалению, тоже недалеко от меня.

Мне, как человеку, который всё делает через Интернет, кажется это диким, но этакий релакс от его отсутствия всё-таки присутствует.

Но речь не об этом. Предлагаю поговорить о стереотипе, связанный с отдыхом фрилансера. Из-за картинок, которые часто появляются в Сети, считается, что заказчик Вас должен из под земли достать, лишь бы замучать очередными правками. Так ли это?

Давайте разберём, что я сделала перед отпуском? Этапы:

1) Написала заявление об отпуске. Работаю хоть и удалённо, но всё-таки официально. Здесь без комментариев. То же самое Вы бы сделали, если бы работали в офисе.

2) Заказы, которые я не успела осилить до отпуска, я отдала другим исполнителям. Эти "вакансии" Вы уже могли видеть на моём канале.

3) Если всё-таки успеваете завершить работу до отпуска, то объясните заказчику, что все последующие правки сможете сделать только после отпуска. Но это не значит, что сдавать нужно плохую работу. Выложитесь по максимуму. Это важно. Например, если Вашу вёрстку передадут бэкендеру, и нашлись небольшие косяки со стилями (покажите мне идеального исполнителя, который не делает ни одной ошибки и я заберу свой напечатанный текст обратно), то файл стилей заменить труда не составит и проект не пострадает.

Сделав всё это, мне уже никто не писал АААА СКОРЕЙ ПОПРАВЬ, ЭТА СРОЧНА!!!! потому что знают — меня нет и работой не занимаюсь.

Надеюсь, Вам поможет этот небольшой рецепт организации отдыха без правок и нервов.

Как зарабатывать дома?

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

Смотреть — https://youtu.be/PtIC5QmrTUs

Буду рада любым рекомендациям. Не судите строго, это все-таки первая работа на камеру 😌
Пишите в чате — https://t.me/tpverstakchat

Жмите на кнопку 👍 или 👎 для ответа на вопрос: "Стоит ли записывать ролики в подобном формате дальше?"

Как зарабатывать на фриланс-бирже Upwork

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

Часть 1 — https://m.habr.com/post/337136/
Часть 2 — https://m.habr.com/post/337200/

От себя добавлю, что у Upwork есть удобное приложение. Тем самым оставлять заявки можно не только, когда вы находитесь у компьютера, но и в любом другом месте. Это позволит не проморгать крутые заявки и заработать больше money.

#freelance

Как правильно оформить профиль на бирже Upwork?

Upwork — это зарубежная фриланс-биржа, за которой я следила еще с момента существования oDesk. Был один знакомый, который успешно зарабатывал там, с каждым разом повышая свою ставку, по мере выполнения заказов. Это казалось привлекательным. Живешь в маленьком городе и зарабатываешь столько, как если бы устроился работать в офис в Москве.

Но тогда я еще не была верстальщиком, но точно знала: “Если освою хотя бы одну удаленную профессию, то обязательно попробую свои силы там.”

И это действительно произошло. Когда я устроилась в офис и спустя полгода приобрела уверенные знания по вёрстке несложных страниц, решила заняться оформлением профиля для Upwork.

Но были определённые сложности:

1. Знаний по английскому не хватало, чтобы общаться на уровне fluent, но достаточные, чтобы писать более менее грамотные тексты (но это я так думала);

2. Портфолио было слабым. Те страницы, которые я верстала на официальной работе, нельзя было размещать под своим именем, ибо бывший начальник боялся любой публичности со стороны разработчиков (одна из причин моего ухода из этой компании). Дополнительных сверстанных страниц не имела, т.к. никому из моих знакомых на тот момент не требовался сайт.

Читать дальше — http://tpverstak.ru/how-to-create-upwork-profile/

P.S. Статья вышла не маленькой и идеально вписалась в качестве статьи для блога.

#freelance

Мини-курс по вёрстке всего за 100 рублей

Немногие знают, что у меня в запасе есть ещё мини-курс «Супер Старт», стоимостью всего 100 рублей.

Я наконец-то поправила баги с официальной почтой info@tpverstak.ru и теперь я могу красиво отправлять курс со всеми материалами на почту.

Всего одно письмо и у вас на руках будут:
1) Все ссылки на закрытые YouTube-видео;
2) Файл с полезными ссылками по курсу;
3) Архив с макетом, который предстоит сверстать.

Ранее был сложный процесс приглашения в закрытую группу ВК, поиск необходимых данных учениками и прочие неприятные моменты.

Почта — идеальное решение, учитывая тот факт, что все мы используем разные соц.сети.

Мини-курс рассчитан на тех:
— кому не хватает практики;
— кто имеет базовые знания HTML, CSS
— не понимает магии превращения макета в свёрстанную страничку.

Ознакомиться с курсом подробнее и оплатить его можно по ссылке — http://tpverstak.ru/super-start/

Не время отдыхать, время учиться

Время очередного анонса.

2 июля стартует курс по верстке, от имени нашего канала.

25 июня - дата, до которой можно купить курс со скидкой.

Полный тариф — 3500 рублей;
Самостоятельный тариф — 2000 рублей.

После 25 июня эта сумма составит 4500 и 2500 соответственно.

Курса всего два: базовый и полный.

Ознакомиться с программами курсов можно тут https://goo.gl/fvB8zC и тут https://goo.gl/58v3yg

Если Вы хотите начать обучение, пишите мне — @annblok

И помните, мы не гонимся за количеством учеников. Лучше меньше, но чтобы была возможность помочь каждому во время обучения. Это ключевой момент из-за чего я с уверенность могу сказать, что обучение у нас — это 100% верное решение.

Как увеличить скорость загрузки сайта? Методы оптимизации.

Итак, настало время потихоньку записывать обещанные видео для верстальщиков из нашего уютного чата.

Сверстать сайт — это меньшее, что мы можем сделать. Включите в стоимость работ такой пункт, как «оптимизация», чтобы заработать больше и порадовать заказчика.

Не знаешь как увеличить скорость загрузки сайта? Тогда срочно смотри это видео, не пожалеешь.

Смотреть — https://youtu.be/pO9Ya5aSvCc

Важные ссылки, которые помогут для оптимизации сайта

В этом посте я хотела бы оставить ссылки, о которых я рассказывала в видеоролике:

Валидатор HTML — https://validator.w3.org
Валидатор CSS — https://jigsaw.w3.org/css-validator/
Google Page Speed — https://developers.google.com/speed/p...
Сжатие картинок PNG и JPG — https://tinypng.com
Компрессор SVG — https://jakearchibald.github.io/svgomg/
Компрессор CSS — https://csscompressor.com
Компрессор JS — https://jscompress.com

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

Читать — http://tpverstak.ru/speed-up-your-website/

Сегодня кстати последний день скидок для курса по вёрстке 🔥

Приобрести курс можно за 3500 рублей или 2000 рублей в зависимости от тарифа. Подробнее о курсе я писала двумя постами выше.

На этом пока всё. Больше не буду отвлекать внимание 🙃

Плагин, который высчитывает CSS, влияющий на отображение видимой части контента.

В своем видео я говорила, что можно сделать это в ручную, но нет ничего лучше автоматизированного процесса. Более того, этот плагин не только находит нужный CSS, но и выставляет его строчкой сразу в head HTML. Пользуйтесь.

Ссылка — https://github.com/addyosmani/critical