UI Gyan

Hello techies,  Here are a few Best free icon libraries Material UI Icons Great set of icons available free to download in SVG and PNG format. Feather Icons Big list of icons with option to change size and color Zondi Icons A few list of standard icons available free to download Hero Icons Variety of icons free to copy as SVG format and can be used within JSX Hero Pattern Good number of SVG patterns available free to download and use for your application. The Noun Project One of the best place to download creative icons but, needs to give credits to creators. .

 If you want to learn Frontend but, you don't know from where to start or if you're a beginner and wanted to explore more in web or if you're a developer but, struggling with learning some new advance concepts within frontend. I personally recommend below three best available platforms for your learning. 1.  FreeCodeCamp 2. Codeacademy 3. TheOdinProject

This South Korean survival drama television series making headlines. It's a personal choice. I don't encourage anyone to go and watch. This post I'm just sharing my personal experience and perspectives. There are many redemptions after each game but, as a viewer you're still want continue ignoring all other things. There are many things I've noted from design side which makes it different from other series.  Uniqueness Mysterious dystopian thriller with uniqueness in every character and every game Limited colors Very limited colors used throughout series In depth research In depth research done for each character Characters Compelling characters includes all age groups Shapes/ Layouts Different shapes everywhere, each game has different layout and design Simple Simple Old traditional games Background Unique background with depth Content Very simple easily understandable predictable content Brand Focus on branding apart from normal story telling techniques Life is li

Here are a few Best React libraries that I found very useful to developers in 2021. 1. React Query If you know how to work with promises or async/await, then you already know how to use React Query. There's no global state to manage, reducers, normalization systems, or heavy configurations to understand. Simply pass a function that resolves your data. I t provides us with all of the data that we require without having to declare a state variable. 2. React Hook Form It Reducing the amount of code you need to write, and removing unnecessary re-renders are some of the primary goals of React Hook Form.  3. Rebass A very simple and easy-to-implement  UI components library capable of creating a very powerful set of theme-able UI elements. A whole set of customization and theme you can apply and play with. 4. Grommet grommet is a   react -based framework that provides accessibility, modularity, responsiveness, and themes in a tidy package 5. Fluent UI Fluent UI's robust, up-to-date we

 

Keyframes A couple of very user-friendly and simple visual tools to help you generate CSS (animations, shadows, colors) for your projects. Clippy Clippy is another amazing tool that you can use for image clipping. CSS Stats Very useful to get CSS Stats of the webpage. It provides a report with deep analytics and visualizations for your stylesheets. CSS Hell Common mistakes developers make Color Leap Website to get good combinations of color pallets based on paintings. HTML DOM A handy DOM-related knowledge database for developers Animista The best site for getting animation keyframes. It contains lots of cool examples with code. Blush Easily create stunning and beautiful illustrations with collections made by artists across the globe. .