Хочешь свой плейлист?
1. AC DC - Back in Black
2. AC DC - HIGWAY TO HELL
3. AC⁄DC - Touch To Much
4. Alle Farben - Bad Ideas
5. Arilena Ara - Nëntori (Bess Remix)
6. Artik pres. Asti - Никому не отдам
7. Ben Delay - I Never Felt so Right (Club Mix)
8. Bob Marley - Three Little Birds
9. Brandon Flowers - Can't Deny My Love
10. Burak Yeter feat. Danelle Sandoval - Tuesday
11. D.idJ - DoIt
12. Deadpool Rap - Sexy Motherfucker
13. Ellie Goulding - Lights
14. Ellie Goulding - Little Dreams
15. Eminem - Ass Like That
16. Estradarada - Вите Надо Выйти
17. Example - Changed The Way You Kiss Me
18. Gutter Brothers - Bitch (Original Mix)
19. IOWA - Нам же нравится одно и тоже (2014)
20. Innerpartysystem - American Trash
21. Jah Khalib feat. Кравц - Do It
22. Justin Timberlake - My Love (feat. T.I.)
23. Kadebostany - Teddy Bear (Astero Remix)
24. Lana Del Rey - Serial Killer
25. Lana Del Rey - Serial Killer (K Theory Remix)
26. M83 - Oblivion
27. METAHESH - Better Than Sex
28. Mapei - Don't Wait
29. Misha Daniels - Run Away (Deep Mix)
30. Moonbeam & Indifferent Guy Eva Pavlova - Follow Me
31. Mos Def And Massive Attack - I Against I
32. Nero - Satisfy (Original Mix)
33. No Limits, Jovan Wilder - Slow Down
34. Oh Wonder - Shark (Illenium Remix)
35. Queen - I Want To Break Free
36. Radio Record - РОДРИГЕС ТИМУР
37. Shakira - Waka Waka (Time for Africa)
38. Snakehips & MØ - Don't Leave
39. The Black Eyed Peas - Meet Me Halfway
40. The Prodigy - Girls
41. The Rolling Stones - God Gave Me Everything
42. The Weeknd ft. Daft Punk - Starboy
43. Vitalic - Poison Lips
44. Wiz Khalifa - Work Hard, Play Hard
45. Баста - Голос (feat. Полина Гагарина)
46. Батишта и Ромади - Формула любви
47. Би - 2 & Чичерина
48. Градусы - Радио дождь
49. Елка - Грею счастье внутри
50. Иван Дорн - Ты всегда в плюсе
51. Каста - Радиосигналы
52. Кравц - Море
53. Марсу Нужны Любовники - Ветер сдувает с крыш
54. Марсу Нужны Любовники - Дальневосток
55. Марсу Нужны Любовники - Её глаза
56. Марсу Нужны Любовники - Застелю Цветами
57. Марсу Нужны Любовники - Скользим
58. Михаил Озеров & Ирина Обрезкова - Лава
59. Моя Мишель - Настя
60. ПИЦЦА & L'One - Мир
61. Пика - Патимейкер
62. Пицца - Романс

Добро пожаловать на DevsAid.Com!

Внимание! Объявляем конкурс на лучший новостной пост!
Получай уведомления в Telegram или по СМС!
Заработай на публикации тем на форуме!


[Дмитрий Лаврик] Мастер класс по FlexBox вёрстке

Тема в разделе "Сайтостроение и веб-дизайн", создана пользователем Dump_Bot, 10 сен 2016.

  1. Название:Мастер класс по FlexBox вёрстке
    Автор:Дмитрий Лаврик

    Основные преимущества FlexBox:
    • полностью резиновая модель вёрстки
    • адаптивный сайт без media-запросов
    • удобные выравнивания элементов по горизонтали и вертикали
    • изменение порядка HTML-элементов прямо из CSS
    • с 2014 года поддержка всеми новыми браузерами
    • простой и лаконичный CSS-код на выходе
    Программа мастер-класса
    Спойлер: Описание далее04.08.2015
    Урок 1 — теория FlexBox
    1. Причины появления FlexBox
    2. Примеры неудобств в привычной вёрстке
    3. Поддержка браузерами
    4. Понимание flex-осей
    5. Резервирование места
    6. Управление сжатием
    7. Управление выравниванием
    8. Изменение направления контента
    9. Изменение порядка элементов
    10. Феерическая адаптивность
    11.08.2015
    Урок 2 — вёрстка макета
    1. Разбор дз с первого урока
    2. Легко прижимаем подвал к низу
    3. Вертикальный поток обёрток
    4. Привычная wrap-техника
    5. Анализ макета: margin vs display: flex
    6. flex: 1 1 auto; — чудеса адаптивной вёрстки
    7. Анализ динамического изменения количества элементов
    8. rem - телефоны скажут спасибо
    9. flex + media-запросы
    10. Примеры, когда не стоит использовать flex
    Часто задаваемые вопросы.
    1. Слышал, что у FlexBox есть проблемы с поддержкой различными браузерами, — это правда?
    Лишь отчасти. Новейшие версии всех браузеров поддерживают FlexBox. Проблем быть не должно, потому что даже девятый "осёл" автоматически обновляется до одиннадцатого. Но, разумеется, ни о какой поддержке <= IE8 речи быть не может. При этом я рекомендую не зацикливаться на старых браузерах, а изучать новые и удобные технологии.

    2. Если FlexBox — это круто, почему dmitrylavrik.ru свёрстан обычным образом?
    Эта вёрстка делалась ещё до того, как FlexBox стал адекватно поддерживаться всеми браузерами. Переделывать исключительно ради принципа? — Оставлю это бредовое занятие перфекционистам. В новых проектах FlexBox используется.

    3. Будет ли домашнее задание?
    Да, именно поэтому мастер-класс и разбит на две части. За неделю, которая будет между уроками, вы сможете поупражняться в вёрстке с помощью FlexBox.
    Продажник:
    Скачать:
     

    Загрузка...
  • Кто мы?

    2 разработчика которые решили помочь другим разработчикам в решении их проблем, а так же пользователям с поиском самых свежих и качественных инфопродуктов. За 4 с небольшим месяца мы создали этот форум на который заходят ежедневно 1500 человек и посещаемость постоянно растёт. Мы создали панель лицензирования для защиты PHP скриптов от воровства и SEO панель для мониторинга наших сайтов и выбора верной стратегии их развития. Мы надеемся что то что мы создали пригодится Вам и возможно Вы поможете нам развиваться и совершенствоваться вместе с Вами.
  • Набираем команду!

    Мы набираем в нашу команду умных и амбициозных людей! Не важно в какой сфере Вы преуспели, Вы можете попасть в нашу команду и развивать с нами действительно достойный ресурс.

    Вступай!