SlideShare a Scribd company logo
Т В О Р Ч Е С К И Е Т Е Х Н О Л О Г И И
С а ш а К а т и н
1. Рекап прошлого занятия
2. Кого читать?
— Крис Койер
— Сергей Чикуёнок
— Илья Бирман
— Илья Пухальский
— Лиа Веру
3. Какие книги читать?
— Книги издательства A Book Apart
— Java Script: The Good Parts
— Professional JavaScript
— O’Reilly: всё о веб–дизайне
4. За какими медиа следить?
— Web Animation Weekly
— Webdesigner News
— sidebar.io
— A List Apart
— Студия Горбунова
5. Форма
6. Трансформация и позиционирование
7. Плохие и хорошие практики
A content formatting model should simply be able to replicate any “De Stijl”
painting by Piet Mondrian, with text & media content within each rectangle,
each rectangle’s minimum height should adhere to the inner content’s
height without the aid of scripting.
https://medium.com/@julienetienne_/css-thinking-outside-the-box-
model-862f43e0539f
Задание
Сделайте сайт по текущему
брифу о рецепте за отведённое
для занятия время. Будьте
лаконичны и изобретательны.
Используйте принцип ФФФ
—
С помощью HTML и CSS отрисуйте в
стиле «флэт» блюдо, фрукт, овощ
— какую угодно еду.
Красиво.
Имена: Ikko Tanaka, Noma Bar,
Rafael Rozendaal
—
Спасибо

More Related Content

What's hot

Блоггинг, блог.
Блоггинг, блог.Блоггинг, блог.
Блоггинг, блог.
AnnaAlexandrovna
 
Мастер-класс по Скретчу
Мастер-класс по Скретчу Мастер-класс по Скретчу
Мастер-класс по Скретчу
Narine Isakhanyan
 
Smm головного мозга (конференция в донецке 2012 camp dn)
Smm головного мозга (конференция в донецке 2012 camp dn)Smm головного мозга (конференция в донецке 2012 camp dn)
Smm головного мозга (конференция в донецке 2012 camp dn)
Rusfet Kadyrov
 
Smm головного мозга (конференция в донецке)
Smm головного мозга (конференция в донецке)Smm головного мозга (конференция в донецке)
Smm головного мозга (конференция в донецке)Павло Островський
 
Вебинар "Продвижение учреждения культуры в Фейсбуке"
Вебинар "Продвижение учреждения культуры в Фейсбуке"Вебинар "Продвижение учреждения культуры в Фейсбуке"
Вебинар "Продвижение учреждения культуры в Фейсбуке"
Anna Mikhaylova
 
2017-06-13 (вебинар-7)
2017-06-13 (вебинар-7)2017-06-13 (вебинар-7)
2017-06-13 (вебинар-7)
Pavel Kallinikov
 
2017-06-22 (вебинар-10)
2017-06-22 (вебинар-10)2017-06-22 (вебинар-10)
2017-06-22 (вебинар-10)
Pavel Kallinikov
 
как работать в вики.7февраля2013
как работать в вики.7февраля2013как работать в вики.7февраля2013
как работать в вики.7февраля2013Елена Смутнева
 
Inbound для ЛидМашины
Inbound для ЛидМашиныInbound для ЛидМашины
Inbound для ЛидМашины
Nadya Pominova
 
Кирилл Анастасин: презентация стартапа
Кирилл Анастасин: презентация стартапаКирилл Анастасин: презентация стартапа
Кирилл Анастасин: презентация стартапа
#tceh экосистема и коворкинг для стартапов.
 
Техника подстройки на практике (Дмитрий Снисарь, Владимир Железняк)
Техника подстройки на практике (Дмитрий Снисарь, Владимир Железняк)Техника подстройки на практике (Дмитрий Снисарь, Владимир Железняк)
Техника подстройки на практике (Дмитрий Снисарь, Владимир Железняк)
Alexander Orlov
 

What's hot (11)

Блоггинг, блог.
Блоггинг, блог.Блоггинг, блог.
Блоггинг, блог.
 
Мастер-класс по Скретчу
Мастер-класс по Скретчу Мастер-класс по Скретчу
Мастер-класс по Скретчу
 
Smm головного мозга (конференция в донецке 2012 camp dn)
Smm головного мозга (конференция в донецке 2012 camp dn)Smm головного мозга (конференция в донецке 2012 camp dn)
Smm головного мозга (конференция в донецке 2012 camp dn)
 
Smm головного мозга (конференция в донецке)
Smm головного мозга (конференция в донецке)Smm головного мозга (конференция в донецке)
Smm головного мозга (конференция в донецке)
 
Вебинар "Продвижение учреждения культуры в Фейсбуке"
Вебинар "Продвижение учреждения культуры в Фейсбуке"Вебинар "Продвижение учреждения культуры в Фейсбуке"
Вебинар "Продвижение учреждения культуры в Фейсбуке"
 
2017-06-13 (вебинар-7)
2017-06-13 (вебинар-7)2017-06-13 (вебинар-7)
2017-06-13 (вебинар-7)
 
2017-06-22 (вебинар-10)
2017-06-22 (вебинар-10)2017-06-22 (вебинар-10)
2017-06-22 (вебинар-10)
 
как работать в вики.7февраля2013
как работать в вики.7февраля2013как работать в вики.7февраля2013
как работать в вики.7февраля2013
 
Inbound для ЛидМашины
Inbound для ЛидМашиныInbound для ЛидМашины
Inbound для ЛидМашины
 
Кирилл Анастасин: презентация стартапа
Кирилл Анастасин: презентация стартапаКирилл Анастасин: презентация стартапа
Кирилл Анастасин: презентация стартапа
 
Техника подстройки на практике (Дмитрий Снисарь, Владимир Железняк)
Техника подстройки на практике (Дмитрий Снисарь, Владимир Железняк)Техника подстройки на практике (Дмитрий Снисарь, Владимир Железняк)
Техника подстройки на практике (Дмитрий Снисарь, Владимир Железняк)
 

More from Alexander Katin

Creative Tech — Processing 1
Creative Tech — Processing 1Creative Tech — Processing 1
Creative Tech — Processing 1
Alexander Katin
 
Gamification
GamificationGamification
Gamification
Alexander Katin
 
Воркшоп для «Диджитал Арт-Дирекшн»
Воркшоп для «Диджитал Арт-Дирекшн»Воркшоп для «Диджитал Арт-Дирекшн»
Воркшоп для «Диджитал Арт-Дирекшн»Alexander Katin
 
04 Дайджест/No Man's Sky/Mobile/Impact.js
04 Дайджест/No Man's Sky/Mobile/Impact.js04 Дайджест/No Man's Sky/Mobile/Impact.js
04 Дайджест/No Man's Sky/Mobile/Impact.js
Alexander Katin
 
03 on experiments
03 on experiments03 on experiments
03 on experiments
Alexander Katin
 
02 Code of Honor
02 Code of Honor02 Code of Honor
02 Code of Honor
Alexander Katin
 
01 Тренды и техники для «Перспективы»
01 Тренды и техники для «Перспективы»01 Тренды и техники для «Перспективы»
01 Тренды и техники для «Перспективы»
Alexander Katin
 

More from Alexander Katin (7)

Creative Tech — Processing 1
Creative Tech — Processing 1Creative Tech — Processing 1
Creative Tech — Processing 1
 
Gamification
GamificationGamification
Gamification
 
Воркшоп для «Диджитал Арт-Дирекшн»
Воркшоп для «Диджитал Арт-Дирекшн»Воркшоп для «Диджитал Арт-Дирекшн»
Воркшоп для «Диджитал Арт-Дирекшн»
 
04 Дайджест/No Man's Sky/Mobile/Impact.js
04 Дайджест/No Man's Sky/Mobile/Impact.js04 Дайджест/No Man's Sky/Mobile/Impact.js
04 Дайджест/No Man's Sky/Mobile/Impact.js
 
03 on experiments
03 on experiments03 on experiments
03 on experiments
 
02 Code of Honor
02 Code of Honor02 Code of Honor
02 Code of Honor
 
01 Тренды и техники для «Перспективы»
01 Тренды и техники для «Перспективы»01 Тренды и техники для «Перспективы»
01 Тренды и техники для «Перспективы»
 

Креативные технологии 1