For fun I am re-teaching myself SCSS after not doing any since 2015. Learning curve will be steep at first, but it will be worth it.

#scss #RelearningStuff #webdev

为了把 package.json 从园子扬掉,正在用 #SCSS 重写 #Hermeneutics ……

王政复古这一块

Bulma modularity is great for saving resources, but it's hard to know what should be imported to make things work.

https://bulma.io/documentation/start/modular/

I struggle to make modals work. Some imports are obviously missing, but which ones, that is the question 🤔

#Bulma #CSS #SCSS #SASS #WebDesign #WebDevelopment

Modularity in Bulma

An overview of what Bulma as a framework is all about

Un test simple pour un effet "fixe" à une certaine position - Très bien pour faire des sommaires : Grid + block sticky - Si ça peux resservir ? Tant mieux ! #scss #css #sticky

https://codepen.io/BKaernel/pen/OPXwmqO

Grid + Block Sticky

...

Hmm, is there a way to use sass combinators with attribute string concatenation for the value?

Here are my outputs:

data-class="Form-status--complete"
data-class="Form-status--in-progress"
data-class="Form-status--expired"

I want to do something like this:

[data-class='Form'] {
&-status {
&--complete {
color: $c-state-orange;
}

&--in-progress {
color: $notice-icon-pending;
}

&--expired {
color: $c-state-gray;
}
}
}

Of course that doesn't work. But I am not sure if I can avoid repeating myself

I am assuming you can't just open the square brackets and wrap them around your logic like:

[data-class='Form {
&-status {
...
}']

#css #sass #scss #stylesheets #html #FrontEnd #FrontEndHelp #WebDev

Bogdan's Blog – From Microsoft to Microslop to Linux: Why I Made the Switch

Broken updates, Copilot shoved everywhere, and my system bricking itself. Here's why I finally escaped to Linux.

Bogdan's Blog

#Charlicature v1.1 - Fait avec Wordpress, un peu de #php de #wordpress et #scss évidemment... #caricaturiste #artist

https://caricaturiste-animation.com/galerie

Galerie

Caricaturiste Animation

Charli

One of my earliest #CSS #3D demos on @codepen: how to (de)construct a dodecahedron https://codepen.io/thebabydino/pen/ALQVQe

A dodecahedron is one of the 5 regular polyhedra = made up of only identical regular polygon faces. Regular polygons have all edge lengths and vertex angles equal.

#geometry #Maths #code #coding #css3D #cssTransforms #transform #frontend #polyhedron #polyhedra #PlatonicSolid #dodecahedron #cssAnimation #web #dev #webDev #webDevelopment #trigonometry #Sass #SCSS

What do you do when you run out of time?
Me: I build my own clock. 😅

https://codepen.io/art-eque/pen/eYoRgxp

#html5 #css #scss #javascript😩

Uhr

...

Подборка вопросов для собеседования Frontend-разработчика

Статья представляет собой подборку актуальных вопросов и ответов, которые часто встречаются на собеседованиях по фронтенд-разработке. Материал охватывает ключевые темы: HTML, CSS, JavaScript, Typescript, React и Next.js. Каждая секция содержит практические вопросы с разбором правильных решений, пояснениями и примерами кода, что позволяет читателю не только подготовиться к собеседованию, но и углубить понимание основных принципов фронтенд-разработки. Статья будет полезна как начинающим, так и опытным разработчикам, желающим систематизировать знания и освежить навыки перед интервью.

https://habr.com/ru/articles/973072/

#nextjs #react #html #css #javascript #scss

Подборка вопросов для собеседования Frontend-разработчика

Вводные вопросы В какой компании ты работал и что приходилось там делать? Как проходил код-ревью на прошлом месте работы? Сколько людей было в команде? На каком стеке работали? Как вы делали задачи?...

Хабр