Метка: css

JetBrains Academy — project Portfolio

Если ты умеешь читать, то можешь научиться чему угодно. Было бы желание.
Робин Хобб

Сделанное «на коленке» портфолио с намеком на адаптивность, вы тоже сможете.

JetBrains создали академию hyperskill, где делятся своими знаниями с остальными. Каждый курс содержит несколько проектов, один из таких мы рассмотрим. Frontend Developer — project Portfolio. На сайте говорится, что на входе вы получите адаптивный одностраничный сайт с собственным дизайном и интерактивными элементами. В ходе работы в укрепите знания с HTML. Ориентировочное время выполнения 8 часов [не знаю как они его считали, но вероятно что вы потратите на него гораздо больше времени.].

Продолжить чтение «JetBrains Academy — project Portfolio»

Mini JS calculator part 2

Никто не должен браться за большой проект. Начинайте с маленького тривиального проекта, и никогда не ждите, что он станет большим. Если вы будете этого ждать, вы переусложните проект и будете считать его более значимым, чем он есть на этом уровне. Или, хуже, вас может отпугнуть объем работы, которую вы себе вообразили. Поэтому начинайте с малого и думайте о деталях. Не думайте о картине в целом и крутой конструкции. Если проект не решает текущую потребность, он почти наверняка переусложнён. И не ждите, что придут другие люди и помогут вам. Так не бывает. Вы должны сначала сделать что-то наполовину пригодное, и тогда другие скажут «эй, это мне почти подходит» и подключатся к проекту.

Линус Торвальдс

Создано при помощи генератора пародий.

Продолжим создавать калькулятор, в этот раз речь пойдёт о стилях и небольших доработках кода/разметки — относительно первой части.

Продолжить чтение «Mini JS calculator part 2»

Обзор курса «Основы SVG» на htmlacademy.ru

Час напряжённой работы даёт больше, чем годы грёз.
Генри Уорд Бичер

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

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

Если вы до сих пор обходили этот формат стороной, то возможно настал момент, чтобы узнать о нём получше.

Обзор книги «HTML и CSS Разработка и дизайн веб-сайтов» Джона Дакетта

Я твердо верю в удачу. И я заметил: чем больше я работаю, тем я удачливее.

Томас Джефферсон

Краткий обзор увесистой книги. На русском языке издается с 2013 года(ссылка на Эксмо, ссылкана литрес), на английском с 2011 (ссылка на амазон). Из-за своей популярности книга можно найти в общественной библиотеке. Ниже все плюсы и минусы.

Продолжить чтение «Обзор книги «HTML и CSS Разработка и дизайн веб-сайтов» Джона Дакетта»

Обзор курса «Знакомство с HTML и CSS» на htmlacademy.ru

Не нужно работать много – нужно работать в нужное время в нужном месте.
Филип Котлер

Обзор курса «Основы HTML и CSS» на htmlacademy.ru. Главная отличительная особенность от codecademy.com в том, что курс полностью на русском языке и для кого-то это может быть большим плюсом. Остальное под катом.

Продолжить чтение «Обзор курса «Знакомство с HTML и CSS» на htmlacademy.ru»