Открыто

(Lynda.com) Создание адаптивного дизайна одностраничного сайта c PostCSS на русском

Тема в разделе "Программирование", создана пользователем Бомбардир, 6 апр 2016.

Цена: ----
Взнос: ----

Основной список:

  1. 1.PhpHack  
  2. 2.goodkat_123  
  3. 3.trueDeveloper  
  4. 4.Monogatari  
  5. 5.Бомбардир  
  6. 6.deface  
  7. 7.Slatkey  
  8. 8.Zyxel  
  9. 9.dgLz0R  
  10. 10.asterix98  
  11. 11.Jasco  
  12. 12.Sebastiyan breath  
  13. 13.Alex820202  
  14. 14.JonLee  
  15. 15.lord mental  
  16. 16.inlusion  
  17. 17.Pomidoro  
  18. 18.onlyskill  

Резервный список:

  1. 1.Alshu6  
  2. 2.senja006  
  3. 3.Dronovich  
  4. 4.Kasarik  
  5. 5.Galianyn  
  6. 6.Vassalei  
  7. 7.al01ru12  
  8. 8.alex3d33  
  9. 9.TigerSOFT  
  10. 10.LenaSkl  
  11. 11.ak474  
  12. 12.pipafifehLeechingDotNet  
  13. 13.joke324  
  14. 14.Dimon2x  
  15. 15.ilizium  
  16. 16.pritcha  
  17. 17.Agent11561156  
  18. 18.danilvoe  
  19. 19.hellboy81  
  20. 20.Ahead  
  21. 21.Konstantin Denisenko  
  1. Бомбардир

    Бомбардир Бомбардир МодерМодератор Команда форума

    logo.png

    Building a Responsive Single-Page Design with PostCSS

    with Ray Villalobos

    Научитесь создавать адаптивные одностраничные сайты с CSS пост-процессором - PostCSS, который расширяет возможности CSS посредством JavaScript. Шаг за шагом в этом курсе, взяв готовую разметку - добавим стили, анимацию и адаптивную навигацию. Такую комбинацию, существующую в большинстве одностраничных динамических сайтов, стало намного быстрее и проще реализовать с PostCSS. По ходу курса Ray Villalobos расскажет о применении некоторых полезных плагинов, как правильно внедрить PostCSS в рабочий процесс на основе Gulp и покажет техники создания более отзывчивых макетов с использованием Flexbox




    Продолжительность курса 2ч 23м

    Уровень Intermediate

    Introduction
    7m 6s
    Welcome
    1m 17s
    What you should know before watching this course
    1m 3s
    Using the exercises for this course
    4m 46s
    1. Getting Started
    19m 2s
    Looking at our single-page responsive design
    3m 13s
    HTML markup for the single-page design
    8m 11s
    Learn to work with a Gulp.js workflow
    7m 38s
    2. Creating Base Styles
    25m 30s
    Use PreCSS Sass-like imports in PostCSS
    3m 21s
    Create Sass-like variables with PreCSS
    6m 26s
    Build the most important CSS styles
    7m 43s
    How mixins are different with PreCSS than with Sass
    8m 0s
    3. Styling Modules
    31m 28s
    Use Flexbox to create a layout for our header or navigation
    7m 58s
    Make a navigation responsive
    8m 49s
    Use color functions to help create a footer
    7m 36s
    Create shared section styles
    7m 5s
    4. Creating Sections
    42m 27s
    Create fullscreen backgrounds and controlling layouts
    7m 58s
    Use calc() function for simple calculations in CSS
    13m 22s
    When to create custom variables for your colors with PostCSS
    5m 39s
    Create the sections styles
    15m 28s
    5. Animating with PostCSS
    16m 12s
    Use regular CSS animations to create an slide-in effect
    7m 37s
    Use transformations to zoom in elements
    2m 41s
    Make keyframe-based animations using the Animate.css library
    5m 54s
    Goodbye
    1m 22s
    Next steps
    1m 22s



     
  2. Последние события

    1. Frozik

      Frozik не участвует в складчине.

      31 окт 2017
    2. asantat

      asantat не участвует в складчине.

      4 окт 2017
    3. onlyskill

      onlyskill участвует в складчине.

      3 июл 2017
    4. Pomidoro

      Pomidoro участвует в складчине.

      30 июн 2017

    Последние важные события

    1. skladchik.com

      Цена складчины составляет 0р.

      14 апр 2016
  3. Крыжовник

    Крыжовник Крыжовник ЧКЧлен клуба

  4. Василий Сергеевич

    Василий Сергеевич Василий Сергеевич ОргОрганизатор

  5. nerve

    nerve nerve ЧКЧлен клуба (П)

  6. filfany

    filfany filfany БанЗабанен

  7. bonzaza

    bonzaza bonzaza ЧКЧлен клуба

    Интересует автоматизация процесса веб разработки? Записывайтесь на оригинальную книгу: automating your workflow!
     

Поделиться этой страницей

  1. Сбор взносов (Программирование):
  2. Новые складчины (Программирование):
  3. Нужен организатор (Программирование):