Skip to content

Latest commit

 

History

History
373 lines (198 loc) · 10.6 KB

STYLING_TOOLS.md

File metadata and controls

373 lines (198 loc) · 10.6 KB



BASIC TOOLS


Fonts 🍦



SCSS related




There are over a billion websites on the Internet. Many of them are made a long time ago and have not been updated with HTML features. As such, search engines move past these websites, and viewers find these websites difficult to read.
One of the most important features of HTML5 is its semantics. Semantic HTML refers to syntax that makes the HTML more comprehensible by better defining the different sections and layout of web pages. It makes web pages more informative and adaptable, allowing browsers and search engines to better interpret content. For example, instead of using div id="header" you can use a header tag.



Colors



Gradients 🌈

What are gradients?

Radial Gradients



Gradients inspirational websites


SCSS Colors Functions


Interesting



HTML Symbols ⬅️

Icons 🐿️


JPEG and SVG both are a type of image format to store images. JPEG is a raster image format and uses lossy compression algorithm and image may lost some of its data whereas SVG is a text based image format and uses mathematical structures to represent a image and is highly scalable.

Animated Icons 👍


How To Use Font Awesome 5 with React


Figma 🍨

Figma is a vector graphics editor and prototyping tool which is primarily web-based, with additional offline features enabled by desktop applications for macOS and Windows. The Figma Mirror companion apps for Android and iOS allow viewing Figma prototypes in real-time on mobile devices


SVG generators 🖐️


  • perfect for something like this:


  • perfect for morphing animations

things you can do


Border-radius

Retouching images to add to your app


Video


IMG styles scss/css



Material UI

MUI provides a simple, customizable, and accessible library of React components. Follow your own design system, or start with Material Design.

Material-UI is simply a library that allows us to import and use different components to create a user interface in our React applications. This saves a significant amount of time since the developers do not need to write everything from scratch.


Animations 🌈



Transitions


Transform CSS Generator




Mockups tools



FREE images 🍨



Social media tools

Mega Creator gives you unlimited ways to make astonishing design for every need. Design new stuff with graphics from the in-house production company.




Tutorials


Amazing React Native Tutorials

Catalin Miron 😊 🌈


Schools




Inspiration





Important 🔴





SCSS