Знайомство з Styled components

Пропонуємо вашій увазі переклад свіжої ознайомчої статті Саші Грифа (Sacha Greif), співавтора книги «Discover Meteor», про специфіку роботи з бібліотекою Styled components.
«СЅЅ – дивна штука. Його основам можна навчитися за 15 хвилин, але на те, щоб знайти хороший спосіб організації стилів, можуть піти роки.



Почасти це пояснюється особливостями самого мови. У своєму початковому вигляді CSS досить обмежений — ніяких змінних, циклів або функцій. У той же час, він розв'язує вам руки, забезпечуючи можливість задавати стиль елементах, класах, ID або будь-яким їх комбінаціям.

Читати далі →

Як прокрастинировать ефективно: 6 корисних онлайн-сервісів



Прокрастинація — явище, жертвою якого стають усі, навіть тварини не можуть йому протистояти. Кілька років тому проблему яскраво описав Тім Урбан на сторінках свого блогу Wait But Why. І раз вже прокрастинація неминуча, варто постаратися отримати користь і з неї — я склав добірку з шести онлайн-сервісів (та їх альтернатив), які допоможуть навчитися чомусь новому, навіть коли працювати немає ніяких сил.
Читати далі →

Нова сітка на inline-block: опис, приклад використання, плюси і мінуси

Для сучасної верстки використання сітки не новина. Практично всі html-фреймвоки використовують ту або іншу сітку. Я зустрічала 3 види сітки:

  • сітка на float;
  • сітка на inline-block;
  • сітка на flexbox.
Сітка на inline-block має свої особливості, плюси і мінуси, які слід розглянути.

Читати далі →

Дайджест свіжих матеріалів зі світу фронтенда за останній тиждень №249 (6 — 12 лютого 2017)

Пропонуємо вашій увазі підбірку з посиланнями на корисні ресурси і цікаві матеріали з області фронтенда.


Читати далі →

Пишемо самий простий і швидкий input type file

Доброго часу доби, мій дорогий друже. В мережі, так і на Хабре, є безліч статей на тему створення свого input type=«file», але всі вони відрізняються великою кількістю милиць і великою кількістю коду, що, як мені здається, не є добре. Бо, як би це не було парадоксально, менше — краще.



Читати далі →

Робота з Flexbox в гіфці

Flexbox так і напрошується на те, щоб створювати з нього візуальні шпаргалки. Сьогодні ми пропонуємо вам переклад статті Скотта Домеса «Як працює Flexbox – у великих, яскравих анімованих гіфці», свого роду наочний посібник.



Flexbox обіцяє позбавити нас від недоліків стандартного CSS (таких як вертикальне вирівнювання).
Слід визнати, що Flexbox дійсно справляється з поставленим завданням. Однак освоєння цієї нової моделі може викликати деякі труднощі.
Спробуємо продемонструвати, як функціонує Flexbox, дозволяючи створювати більш досконалі макети сторінок.

Читати далі →

Дайджест свіжих матеріалів зі світу фронтенда за останній тиждень №248 (30 січня — 5 лютого 2017)

Пропонуємо вашій увазі підбірку з посиланнями на корисні ресурси і цікаві матеріали з області фронтенда.


Читати далі →