4-й день #30daysvgimage — Кот на декоративной полке 😽

Технологии: анимация, SCSS и SVG с дополнительной отрисовкой элементов через Illustrator.

Ссылка — https://codepen.io/anna_blok/full/GQLavg/

«Какой цвет лучше сочетается c другими?» — именно такой вопрос я часто задаю себе, когда делаю что-то в CodePen.
Если я не доверяю монитору с TN-матрицей и методу «на глаз», то я захожу на сайт http://flatcolors.net/palettes/ где есть подборка популярных и годных сочетаний. Пользуйтесь!

Записала отдельный ролик о том, как создавала кота на сайте Codepen — https://youtu.be/Axt4B8rPuiw

В начале немного рассказываю о работе с SVG и вектороной программой Illustrator. Далее на ускорении Вы можете посмотреть как делалась  эта работа с нуля.

Illustrator всегда код цвета пишет большими буквами. Мне нравится этот оттенок АААААА!!!!

Сегодня и завтра действует 10% скидка на курсы по верстке

Напоминаю, есть два уровня базовый и продвинутый.
Базовый для тех, кто ранее никогда не верстал и имеет малый опыт в создании сайтов, а продвинутый — кто создавал уже пару сайтов, но хочет узнать больше, чем просто HTML и CSS.
Ознакомиться с программами курсов можно тут — https://goo.gl/fvB8zC  и тут — https://goo.gl/58v3yg

Также есть два тарифа обучения: самостоятельный и полный. Отличие в том, что в первом нет проверок домашнего задания от преподавателя. Стоимость 2250руб. и 4000 руб. соотственно.
Старт обучения — 12 марта. Уроки будут каждый день в течении месяца, кроме выходных.

Если уже давно хочешь научиться верстать, пиши мне — @annblok

Друзья, мы обновили логотип, который не менялся 1.5 года.

Не хочу оставлять это событие без внимания, поэтому предлагаю Вам почитать небольшую историю развития «Типичного Верстальщика» — http://telegra.ph/Rebrending-03-05
Будет интересно!

Держите сайт с подборкой готовых градиентов — https://uigradients.com

Тут можно найти просто красивые сочетания, а также градиенты популярных соц.сетей, такие как Instagram, Facebook Messenger и пр.
Также есть возможность копировать код цвета HEX и кроссбраузерную часть кода CSS.

Книга «JavaScript на примерах» — Никольский А. П. (ru, 2017)

Является  учебным пособием для изучения языка программирования JavaScript на примерах.
Информация подается последовательно: от написания первой программы до создания полноценных проектов - интерактивных элементов (типа слайдера, диалоговых окон) интернет-магазина, лендинговой страницы и прочего. По ходу даются все необходимые пояснения и комментарии. Книга написана простым и доступным языком.

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

#javascript

Книга «Less. Путеводитель для новичков» — Д. Малиночкин (ru, 2015)

Поможет разобраться со всеми возможностями LESS.

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

#css #less

Милые верстальщицы, с 8 марта! 🌷

Пусть нас не так много, но именно мы являемся украшением этой профессии не только сегодня, но и всегда! Поверьте мне, уж я то точно знаю, что девушкам идёт быть верстальщицами 😄

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

А тем девушкам, которые только планируют начать верстать, я дарю скидку 20% на базовый и продвинутый курс. Если тебе это нужно, то пиши мне @annblok

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

5-й день #30daysvgimage — PAC-MAN 🌝

Технологии: анимация, SCSS и SVG.

Ссылка — https://codepen.io/anna_blok/full/eMYvXo/

На что вообще расчитывают люди с аккаунтом без реальных фотографий и стеной без единого поста или репоста? Может быть, если залить две фотографии на аватарку из интернета, где кто-то держится за руль Audi и Land Rover'a, то это станет доказательством его платежеспособность?
Правильный ответ — нет.

Всегда изучайте аккаунт написавшего. Если нет ни каких доказательств, что это живой человек, то лучше отказаться от дальнейшео общения. А я в свою очередь никогда не буду советовать своих учеников кому попало.

Книга «JavaScript и JQuery: разработка интерактивных сайтов» — Дж. Дакетт (ru, en 2014)

С помощью этой книги Вы научитесь делать сайты более динамичными, красивыми и интерактивными. Несмотря на то, что в ходе чтения вы изучите базовые аспекты JavaScript и JQuery. После этого руководства вы будете уметь создавать слайдеры, проводить валидацию форм, обновлять контент страницы с помощью AJAX, писать собственные скрипты и многое другое.

Иллюстрации книги на высоте! Рейтинг на Amazon: 4,4 из 5 — бестселлер.

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

#javascript #jquery

Рисуем тюльпан в Illustrator'е при помощи инструмента Перо — https://youtu.be/AYwh0lSfrBs

Записала отдельный урок для тех, кто давно хотел научиться рисовать в этой программе, но боялся, что не выйдет ничего красивого. Давайте начнем с простого — нарисуем тюльпан.

Уже завтра стартует курс по верстке. Если хочешь записаться, пиши — @annblok

Проверочный лист для фронтенд-разработчиков — https://github.com/ungear/Front-End-Checklist/blob/master/README.md

Примечателен он тем, что рассматривается проект со всех сторон — от SEO до JavaScript'a

Также есть версия на русском языке — https://github.com/ungear/Front-End-Checklist

Дополнила папку архивом по последней выложенной книге «JavaScript и JQuery: разработка интерактивных сайтов». В ней располагается папка с примерами из книги и список ключевых слов по JavaScript.

Книга «HTML и CSS. Разработка и дизайн веб-сайтов» — Дж. Дакетт (ru 2013)

Книга бестселлер, от того же автора. Самый простой и интересный способ изучить HTML и CSS. Простой визуальный способ подачи информации с понятными примерами и небольшим фрагментом кода. Вы найдете практические советы о том, как организовать и спроектировать страницы вашего сайта и после прочтения книги сможете создать свой сайт. Никакие специальные навыки для освоения книги не требуются.

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

#html #css

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