Size: a a a

Типичный Верстальщик

2018 March 04
Типичный Верстальщик
4-й день #30daysvgimage — Кот на декоративной полке 😽

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

Ссылка — https://codepen.io/anna_blok/full/GQLavg/
источник
2018 March 05
Типичный Верстальщик
«Какой цвет лучше сочетается 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
источник
2018 March 06
Типичный Верстальщик
Друзья, мы обновили логотип, который не менялся 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
источник
2018 March 07
Типичный Верстальщик
Книга «Less. Путеводитель для новичков» — Д. Малиночкин (ru, 2015)

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

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

#css #less
источник
2018 March 08
Типичный Верстальщик
Милые верстальщицы, с 8 марта! 🌷

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

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

А тем девушкам, которые только планируют начать верстать, я дарю скидку 20% на базовый и продвинутый курс. Если тебе это нужно, то пиши мне @annblok
источник
Типичный Верстальщик
Вот такую подставку сегодня увидела. В общем-то всё верно, но на кондитерские изделия советую не налегать, если ведёте малоподвижный образ жизни 😉
источник
2018 March 09
Типичный Верстальщик
5-й день #30daysvgimage — PAC-MAN 🌝

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

Ссылка — https://codepen.io/anna_blok/full/eMYvXo/
источник
Типичный Верстальщик
На что вообще расчитывают люди с аккаунтом без реальных фотографий и стеной без единого поста или репоста? Может быть, если залить две фотографии на аватарку из интернета, где кто-то держится за руль Audi и Land Rover'a, то это станет доказательством его платежеспособность?
Правильный ответ — нет.

Всегда изучайте аккаунт написавшего. Если нет ни каких доказательств, что это живой человек, то лучше отказаться от дальнейшео общения. А я в свою очередь никогда не буду советовать своих учеников кому попало.
источник
2018 March 10
Типичный Верстальщик
Книга «JavaScript и JQuery: разработка интерактивных сайтов» — Дж. Дакетт (ru, en 2014)

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

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

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

#javascript #jquery
источник
2018 March 11
Типичный Верстальщик
Рисуем тюльпан в 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
источник
2018 March 12
Типичный Верстальщик
Наконец-то нашла время, чтобы приобрести этот богический игровой стул. Мастхэв для тех, кто использует дом в качестве офиса.
источник