Publicidad
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют
Как верстать сайты быстрее, чем их рисуют

Check these out next

Перевірка і оптимізація верстки
Перевірка і оптимізація верстки
Stfalcon Meetups
ОЛЕКСАНДР ХОТЕМСЬКИЙ «Антипаттерни та велосипеди в JavaScript автоматизації» ...
ОЛЕКСАНДР ХОТЕМСЬКИЙ «Антипаттерни та велосипеди в JavaScript автоматизації» ...
GoQA
Инновации и JavaScript
Инновации и JavaScript
Max Klymyshyn
Frontend talk for backenders
Frontend talk for backenders
Идель Гизатуллин
Александр Кашеверов — Обзор React.js
Александр Кашеверов — Обзор React.js
DataArt
Управление образами виртуальных машин: libguestfs, virt-tools
Управление образами виртуальных машин: libguestfs, virt-tools
Yandex
разработка Metro style приложений
разработка Metro style приложений
Олег Винников
Знакомство с WebAssembly
Знакомство с WebAssembly
Nikita Zimin
1 de 59

Как верстать сайты быстрее, чем их рисуют

16 de Apr de 2014••
Descargar para leer sin conexión
Tecnología

Юрий Артюх​ @akella «Как верстать сайты быстрее, чем их рисуют»​ Frontend Dev Conf'14 www.fdconf.by

FDConf
Frontend Conference
Publicidad
Publicidad
Publicidad

Recomendados

Как верстать сайты быстрее чем их рисуютКак верстать сайты быстрее чем их рисуют
Как верстать сайты быстрее чем их рисуютYuriy Artyukh1.7K vistas•63 diapositivas
Юрий Артюх (Coderiver)Юрий Артюх (Coderiver)
Юрий Артюх (Coderiver)Ontico2.9K vistas•59 diapositivas
Сучасні підходи у верстціСучасні підходи у верстці
Сучасні підходи у верстціStfalcon Meetups307 vistas•87 diapositivas
Как сделать сайт быстрее?Как сделать сайт быстрее?
Как сделать сайт быстрее?Danil Negrienko534 vistas•15 diapositivas
Игры с виртуализацией в JavaScript, или как я переписал эмулятор, Евгений Пот...Игры с виртуализацией в JavaScript, или как я переписал эмулятор, Евгений Пот...
Игры с виртуализацией в JavaScript, или как я переписал эмулятор, Евгений Пот...Ontico2K vistas•51 diapositivas
Mihail Zachepilo - WebAssembly powered Machine LearningMihail Zachepilo - WebAssembly powered Machine Learning
Mihail Zachepilo - WebAssembly powered Machine LearningMaria Kuneva50 vistas•44 diapositivas

Más contenido relacionado

Presentaciones para ti(13)

Перевірка і оптимізація версткиПеревірка і оптимізація верстки
Перевірка і оптимізація верстки
Stfalcon Meetups•231 vistas
ОЛЕКСАНДР ХОТЕМСЬКИЙ «Антипаттерни та велосипеди в JavaScript автоматизації» ...ОЛЕКСАНДР ХОТЕМСЬКИЙ «Антипаттерни та велосипеди в JavaScript автоматизації» ...
ОЛЕКСАНДР ХОТЕМСЬКИЙ «Антипаттерни та велосипеди в JavaScript автоматизації» ...
GoQA•39 vistas
Инновации и JavaScriptИнновации и JavaScript
Инновации и JavaScript
Max Klymyshyn•1.9K vistas
Frontend talk for backendersFrontend talk for backenders
Frontend talk for backenders
Идель Гизатуллин•589 vistas
Александр Кашеверов — Обзор React.jsАлександр Кашеверов — Обзор React.js
Александр Кашеверов — Обзор React.js
DataArt•502 vistas
Управление образами виртуальных машин: libguestfs, virt-toolsУправление образами виртуальных машин: libguestfs, virt-tools
Управление образами виртуальных машин: libguestfs, virt-tools
Yandex•2K vistas
разработка Metro style приложенийразработка Metro style приложений
разработка Metro style приложений
Олег Винников•476 vistas
Знакомство с WebAssemblyЗнакомство с WebAssembly
Знакомство с WebAssembly
Nikita Zimin•365 vistas
Оптимизируем скорость загрузки страницыОптимизируем скорость загрузки страницы
Оптимизируем скорость загрузки страницы
Slava Aliev•284 vistas
CobblerCobbler
Cobbler
Nikita Borzykh•485 vistas
"Vue.js или как наконец отказаться от React""Vue.js или как наконец отказаться от React"
"Vue.js или как наконец отказаться от React"
Fwdays•1.8K vistas
Кеширование данных в БДКеширование данных в БД
Кеширование данных в БД
Александр Ежов•236 vistas
Андрей Акиньшин и Михаил Филиппов «Rider: разговоры про внутренности и кроссп...Андрей Акиньшин и Михаил Филиппов «Rider: разговоры про внутренности и кроссп...
Андрей Акиньшин и Михаил Филиппов «Rider: разговоры про внутренности и кроссп...
SpbDotNet Community•328 vistas

Más de FDConf(20)

Антон Киршанов - «Квант изменения. Реактивные реакции на React.Антон Киршанов - «Квант изменения. Реактивные реакции на React.
Антон Киршанов - «Квант изменения. Реактивные реакции на React.
FDConf•406 vistas
Игорь Еростенко - Создаем виртуальный турИгорь Еростенко - Создаем виртуальный тур
Игорь Еростенко - Создаем виртуальный тур
FDConf•391 vistas
Илья Климов - Reason: маргиналы против хайпаИлья Климов - Reason: маргиналы против хайпа
Илья Климов - Reason: маргиналы против хайпа
FDConf•237 vistas
Максим Щепелин - Доставляя веб-контент в игруМаксим Щепелин - Доставляя веб-контент в игру
Максим Щепелин - Доставляя веб-контент в игру
FDConf•298 vistas
Александр Черноокий - Как правило "победитель получает все" работает и не раб...Александр Черноокий - Как правило "победитель получает все" работает и не раб...
Александр Черноокий - Как правило "победитель получает все" работает и не раб...
FDConf•315 vistas
Михаил Волчек - Что такое Цифровая мастерская?Михаил Волчек - Что такое Цифровая мастерская?
Михаил Волчек - Что такое Цифровая мастерская?
FDConf•236 vistas
Radoslav Stankov - Handling GraphQL with React and ApolloRadoslav Stankov - Handling GraphQL with React and Apollo
Radoslav Stankov - Handling GraphQL with React and Apollo
FDConf•207 vistas
Виктор Русакович - Выборы, выборы, все фреймворки… приторныВиктор Русакович - Выборы, выборы, все фреймворки… приторны
Виктор Русакович - Выборы, выборы, все фреймворки… приторны
FDConf•170 vistas
Slobodan Stojanovic - 8 1/2 things about serverless Slobodan Stojanovic - 8 1/2 things about serverless
Slobodan Stojanovic - 8 1/2 things about serverless
FDConf•220 vistas
Тимофей Лавренюк - Почему мне зашел PWA?Тимофей Лавренюк - Почему мне зашел PWA?
Тимофей Лавренюк - Почему мне зашел PWA?
FDConf•156 vistas
В погоне за производительностьюВ погоне за производительностью
В погоне за производительностью
FDConf•826 vistas
Если у вас нету тестов...Если у вас нету тестов...
Если у вас нету тестов...
FDConf•8.5K vistas
Migrate your React.js application from (m)Observable to ReduxMigrate your React.js application from (m)Observable to Redux
Migrate your React.js application from (m)Observable to Redux
FDConf•8.3K vistas
Dart: питание и сила для вашего проектаDart: питание и сила для вашего проекта
Dart: питание и сила для вашего проекта
FDConf•8.3K vistas
Scalable Angular 2 Application ArchitectureScalable Angular 2 Application Architecture
Scalable Angular 2 Application Architecture
FDConf•9.4K vistas
JavaScript: прошлое, настоящее и будущее.JavaScript: прошлое, настоящее и будущее.
JavaScript: прошлое, настоящее и будущее.
FDConf•8.4K vistas
CSSO — сжимаем CSSCSSO — сжимаем CSS
CSSO — сжимаем CSS
FDConf•8.4K vistas
Redux. From twitter hype to productionRedux. From twitter hype to production
Redux. From twitter hype to production
FDConf•8.8K vistas
Будь первымБудь первым
Будь первым
FDConf•8.3K vistas
"Service Worker: Let Your Web App Feel Like a Native ""Service Worker: Let Your Web App Feel Like a Native "
"Service Worker: Let Your Web App Feel Like a Native "
FDConf•8.7K vistas
Publicidad

Último(20)

DjangoDjango
Django
PolinaPolovnikova•16 vistas
37359 (1).pptx37359 (1).pptx
37359 (1).pptx
AidaMustafyeva•2 vistas
Полное внедрение решения FMUSER для гостиничного IPTVПолное внедрение решения FMUSER для гостиничного IPTV
Полное внедрение решения FMUSER для гостиничного IPTV
RayChan91•9 vistas
Лекция 1_ РЭС_Презентация — копия.pptxЛекция 1_ РЭС_Презентация — копия.pptx
Лекция 1_ РЭС_Презентация — копия.pptx
AssemNazirova2•13 vistas
Презентация.pptxПрезентация.pptx
Презентация.pptx
ssuser29ec50•3 vistas
Samsung Galaxy S23 UltraSamsung Galaxy S23 Ultra
Samsung Galaxy S23 Ultra
Thế Giới Di Động•126 vistas
enc=encoded=xB1SBt2BLThIr_OdU6hQSLg_mkyHbD5Lw8zK3jGB4rPX4B21zxFcjh_PjQ== (1)....enc=encoded=xB1SBt2BLThIr_OdU6hQSLg_mkyHbD5Lw8zK3jGB4rPX4B21zxFcjh_PjQ== (1)....
enc=encoded=xB1SBt2BLThIr_OdU6hQSLg_mkyHbD5Lw8zK3jGB4rPX4B21zxFcjh_PjQ== (1)....
ssuser81bcd0•1 vista
БИМПРО - внедрение BIM-технологий в строительствоБИМПРО - внедрение BIM-технологий в строительство
БИМПРО - внедрение BIM-технологий в строительство
ElleCarinel•16 vistas
KOMPAS - Уплотнение торцевое модернизированное (A2).pdfKOMPAS - Уплотнение торцевое модернизированное (A2).pdf
KOMPAS - Уплотнение торцевое модернизированное (A2).pdf
tuanhomcd1•2 vistas
balans_moshchnosti.pptxbalans_moshchnosti.pptx
balans_moshchnosti.pptx
ssusercd2770•2 vistas
Unit tests Python examplesUnit tests Python examples
Unit tests Python examples
ssuserd327fe1•2 vistas
монтажник металлоконструкции.pptxмонтажник металлоконструкции.pptx
монтажник металлоконструкции.pptx
Grimlock10•23 vistas
c毕业证硕士c毕业证硕士
c毕业证硕士
oapvbb•2 vistas
What is Driving Organizations' Cloud Adoption?What is Driving Organizations' Cloud Adoption?
What is Driving Organizations' Cloud Adoption?
Inovar Tech•14 vistas
Transpile it.pdfTranspile it.pdf
Transpile it.pdf
OlegKlimenko6•51 vistas
MockServer-driven developmentMockServer-driven development
MockServer-driven development
Testableapple•397 vistas
Текст.pptxТекст.pptx
Текст.pptx
TalgatAmantaev•32 vistas
Паровая машинаПаровая машина
Паровая машина
SobirjonQodirov•4 vistas
слесарь по технической сборке трубопроводов.pptxслесарь по технической сборке трубопроводов.pptx
слесарь по технической сборке трубопроводов.pptx
Grimlock10•12 vistas
iCAM Group.pdfiCAM Group.pdf
iCAM Group.pdf
SergeArie•6 vistas

Как верстать сайты быстрее, чем их рисуют

  1. Добрий вечiр!
  2. Как верстать сайты быстрее чем их рисуют Юрий Артюх
  3. Текстовый редактор
  4. ! Некоторые школы предпочитают сверхдлинные мечи. Это слабые школы. Они не принимают принципа «рубить врага любыми средствами». Они предпочитают особо длинный меч. Книга пяти колец, XVII век, Миямото Мусаси
  5. Emmet Hayaku
  6. Emmet-Hayaku
  7. https://gist.github.com/akella/9757676
  8. Photoshop
  9. CSS Hat
  10. PNG Hat
  11. Препроцессоры
  12. 15 иконок в спрайте: (png или base64, что угодно)
  13. Наследование @extend
  14. Чем это компилировать
  15. Кто не использует препроцессор тот…
  16. Тот Андрей Ситник и использует постпроцессор!
  17. Методология верстки • БЭМ • MCSS • UBERCSS • PonyCSS • WTFCSS • MLP:FIM
  18. плевать какая лишь бы она была
  19. Полезный Grunt
  20. Что там есть • Автоматическое тестирование • Компиляция • Запуск чего угодно
  21. Полезные мелочи для верстки
  22. HTML инклуды https://github.com/alanshaw/grunt-include-replace
  23. Сохранять только в SVG PNG создавать автоматически https://github.com/filamentgroup/grunticon
  24. Компилировать только новое https://github.com/tschaub/grunt-newer
  25. Вебсервер в любой папке python -m SimpleHTTPServer
  26. Alfred (launchy)
  27. Если вы не автоматизируете Вы работаете больше чем надо
  28. Тратьте меньше времени Делайте больше работы Получайте удовольствие от процесса Идите и живите жизнь
  29. Дякую! ! Юрiй Артюх coderiver.com.ua cssing.org.ua twitter.com/akella
Publicidad