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
-
Smart Home System
VPN landing page
Final Version
Links
Luan Links
Lais Links
“copy”, rebuild by youself this websites
- https://www.awwwards.com/awwwards/collections
- https://themeforest.net/category/site-templates/creative
dribble
videos resources:
images
search related images on internet
-
https://www.freecodecamp.org/news/from-zero-to-front-end-hero-part-1-7d4f7f0bff02/
-
Blog Mobile Css Practice
Responsive testing and development
Remove things from image
We can divide css in many parts
-
Layout: style used to control how components/elements lay out in the screen
-
Components: group of reusable elements together to represent something
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