November 19, 2017 — We’ll talk about some of the more recently-released CSS tools you can use now! In this session, we’ll cover some of the hottest, flashiest, and most problem-solvingest CSS standards, their use cases, syntax, and situations where you shouldn’t use them. Even if some of these are unfamiliar, if you haven’t worked on the front-end in a while, or if you’re new to coding, this session is for you. You don’t need to use JavaScript to create cool animations or columns that automatically fill the space – you can do it all with CSS! We’ll cover browser support and some fallbacks you can use to get you started using these new tools today.

In this session, you’ll get an intro to:
Flexbox
CSS Grids
Pseudo elements (:before, :after, :nth-child)
Transitions & Animations
Blend Modes
Textured Typography
Browser Support and Graceful Fallbacks for all of the above!

For some sections of this session, we’ll talk about SCSS mixins. You can also achieve the same results with a little more pure CSS, so while some knowledge of Sass is great, it isn’t necessary. Labeled as “intermediate,” as this session does require a basic knowledge of CSS.

November 19, 2017 — Descripción de algunas de las características y ventajas que presentan los layouts con Grid frente al uso de FlexBox o flotaciones en CSS

Presentation Slides »

October 7, 2017 — We’ve all been there. Your site looks beautiful on mobile, tablet, and desktop but 768 pixels to 900 pixels is a disaster. Creating a truly responsive website experience goes beyond using bootstrap. Frontend Developers consistently find themselves creating elaborate sets of Media Queries that are time consuming to create and difficult to maintain.

This talk will explore browser-compatible innovations in CSS that you should start employing in place of Media Queries. The end result will save time and create more adaptive web experiences.

We will explore practical use cases for the calc() function, Flexbox, and Mozilla’s CSS Grid.

October 7, 2017 — Спецификации JS и CSS стремительно развиваются, существенно облегчая жизнь разработчикам. Однако, что-то заставляет разработчиков отказываться от современных спецификаций в пользу поддержки старых браузеров. Почему? Что мы теряем и из-за кого? Давайте разберёмся с этим вопросом раз и навсегда.

October 7, 2017 — Check out all newest things that CSS can bring to WordPress theme development: CSS Filters, Feature Queries, Native Mixins, Grid Layout, Native Variables, and more. Learn how they work and when to use them. For theme designers.

Presentation Slides »

October 3, 2017 — You always start with the best of intentions. The parent/starter theme you begin your custom site with has a beautifully laid out style.css file. You do your best to keep everything organized and logical, but in the throes of deadlines and CSS frustrations things get ugly. Maybe you’ve heard of Sass and don’t know how to begin. Maybe you’ve used Sass and aren’t quite seeing the light yet. We’ll go over how to begin with Sass and how to use the Inverted Triangle way of organizing Sass to help you keep your sanity throughout the entire project.

Presentation Slides »

October 1, 2017 — Podczas prezentacji Michał pokaże, w jaki sposób możemy wykorzystać zasady znane z tworzenia oprogramowania w różnych językach backendowych, oraz jak zastosować je do tworzenia styli stron internetowych. Dzięki ich wykorzystaniu projekt, nad którym pracujemy, jest bardziej przejrzysty oraz optymalnie napisany, co pozwala na szybsze poprawki w przyszłości.

Presentation Slides »

April 27, 2017 — Tendenze CSS, soluzioni moderne ed introduzione a FlexBox.

Presentation Slides »

March 22, 2017 — There are 50 ways to leave your lover, 8 million stories in the naked city and now FIVE ways to lay out boxes in CSS:

– Floats and clears, the old standby;
– Display: block and inline, still highly useful;
– CSS grids (not ready for prime time)
– Display: table (why?)
– And my new favorite, Flexible boxes (flexbox).

Let’s play!

January 13, 2017 — Данное руководство поможет разобраться, как можно более гибко управлять оформлением виджетов с помощью плагина Widget CSS Classes.

Ссылка на плагин
https://ru.wordpress.org/plugins/widget-css-classes/

Примеры CSS-кода из видео:
.footer-widget-2 .widget_text .widget-title { color: #f00; }

#text-7 .widget-title { color: #00f; }

.red .widget-title { color: #f00; }

.blue .widget-title { color: #00f; }