CSS Practice

I’ve decided to practice converting some landing page and design to code

This master will help me be a better css coder


VPN landing page

Final Version

Links

Luan Links

Lais Links

“copy”, rebuild by youself this websites

dribble

videos resources:

images

search related images on internet

Responsive testing and development

Remove things from image

Responsive

We can divide css in many parts

Linked from
  • CSSAvoid 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…
  • Design Practiceinteractive learning are almost games focused in teaching you something CSS Practice
  • GapWhen you go to creativity work, you get to it because of Taste But there is a GAP, where you have the taste, but you produce bad things You need to do a lot of work, in a lot of…
  • Why am I learning CSS?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…
Links to
  • ResponsiveResponsive Read There are many things that you need to consider to make a website responsive layout images video CSS Book Responsive patterns
Shares tags with
  • "Simple" PagesA 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,…
  • CSS Thread
  • Design SystemDesign 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…
  • Reading experienceWhen 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
  • Building from Scratch?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…

Sign in with GitHub to reply.

Select any passage to quote it.

Comments