frontend

A call "simple" pages: landing pages, blog posts, simple websites. These "simple" pages have a high level complexity of CSS and animations, 2 skills that I'm not so good yet,…

why am I building my blog post from scratch? The idea is to learn all about the details to create great ux and dx I'd like to feel all the pain of writing everything in pure html…

Most modern apps can’t be built without dependencies, so we need to analyze the final bundle of our application to make sure we are not shipping unnecessary code We can also use…

Avoid having too much CSS/styles in the product code Your Design System should use functional css to make it possible to extend it Your design system should have constraints to…

I've decided to practice converting some landing page and design to code This master will help me be a better css coder Smart Home System VPN landing page Final Version Links Luan…

Design system contain the building blocks of UI elements/atoms to build your product UI It should allow extensions using functional CSS Design system should define list of fonts…

Content Editable is an attribute that let any element to be editable Content Editable is usually use to build rich text editors, or markdown editors, or any kind of editors. The…

Redux single immutable atom for the whole UI hard to code split hard to optimize Selector: useSelector Recoiljs multiple immutable atoms for the UI it works with sync and async…

We need to resize images to different formats and devices to provide the best user experience Right now we use thumbor docker from Globo, that uses python to provide their tool. I…

nextjs gatsby expo apollo can I use <leak framework <thing outside <leak framewok can I use expo video outside expo? can I use next < outside next? can I use gatsby…

When designing a blog post with text content you need to think about the line length and the correct css unit to handle it Good defaults 70ch 35-40em Links CSS Design References

Responsive Read There are many things that you need to consider to make a website responsive layout images video CSS Book Responsive patterns

You first need to undestand the concept of frontend tests. You should not test the implementation but the behavior You test like the end user For instance, imagine a login screen…

Plain Text We have a plain text when we don't have any formatting, all text are the same Rich Text Rich text is when we have formatting for part of the text. When you enable…

If you are used to what I share on my blog posts, newsletter and twitter you would be surprised that I "go back" to learn the basics of CSS man, you can do AST codemods stuff, why…