modulare Webentwicklung

Hugo speaks from experience and gives us his personal suggestions on how to deal with a messy codebase, whether it's our own old project or something inherited.

The focus was on improving our Front End skills through a two-day workshop, but the experience gave us more than a bunch of technical skills and knowledge. Writing CSS is very simple.

There's 5 things that helped me shape up the way I code my designs enormously: coding guidelines, itcss, namespaced CSS, BEM and documentation in a front-end style guide.

Before the refactor, my CSS weighed 111kb. After the refactor, it weighed 27kb.

“Object-oriented CSS” is the idea of treating page elements as objects, giving all these objects classes, treating objects’ classes as single entities in style sheets, and taking it from there. I reviewed the old OOCSS site and Smashing Magazine’s introduction.

BEM — Block Element Modifier is a methodology, that helps you to achieve reusable components and code sharing in the front-end.

Editor's note: This article is part of our Code Optimization series, where we take a look at how to optimize coding for better efficiency in a bid to be

A blog post titled Things To Avoid When Writing CSS caught our attention a few days ago. We appreciate the author's point of view, but we just couldn't bring ourselves to agree on all the points raised.

Preface: In my original post about all the things I think you shouldn’t do when writing CSS, I condemned nesting, using pixel units…

Disclaimer: You may disagree with some of the things I’ve written in the ensuing article. That is okay. I do not claim to represent you…

Lesen Sie, wie Microservices die Skalierung agiler Prozesse mit Hilfe der Software-Architektur ermöglichen.

Erfahren Sie in diesem Artikel, wie wichtig die Berücksichtigung von verschiedenen Arten der Skalierbarkeit bei der Wahl einer Software-Architektur ist.

CSS methodologies help you create maintainable/scalable stylesheets. Also, following a set of guidelines/best practices for your projects has many benefits.

How to style specific components when they’re in specific locations

Developers have been organizing their CSS by using multiple sheets or only a single sheet, and so we weight the pros and cons of each one.

Matt goes through what we need from a good front-end architecture and outlines how we can create the structure for it.

Raise a Banner. Take up the Torch. It's time to make Front-end Architecture matter! #frontendarch - micahgodbolt/front-end-architecture

Principles for writing consistent, clean, friendly Sass - anthonyshort/idiomatic-sass

Principles of writing consistent, idiomatic CSS. Contribute to necolas/idiomatic-css development by creating an account on GitHub.

An outline of the Front-end architecture to be used by a project - klamping/Front-end-Architecture-Outline

At its core, the Etsy marketplace is powered by its sellers. The Shop Management team at Etsy is comprised of engineers, designers, product managers, usability researchers, and data analysts who wo…

Learn how to create and maintain digital design systems, allowing your team to roll out higher quality, more consistent UIs faster than ever before.

Presentational markup for everyone.