Useful-Articles.md

Useful-Articles 📰

A place for all the useful tech articles I discovered all along my programming journey.

For all the learning resources go to this file.

For all the useful tools, extensions and other resources go to this file.

(Mostly) Contains posts from Instagram

Web Designing resources

• Webflow

• Figma

• 120 resources for creatives

• Top web designer resources

• 9 super useful tools

Website Resources

• All HTML Tags

• Best UI Icons for your Website

• Best UI Graphics for your Website

• Free Icon Directories

• Best fonts

• CSS Layout

• Sweet Alert

• SVG Background Generator

• Free websites for cool 3D illustrations

• 3D illustrations

• CSS Grid Generator

• CSS Spinners

• Tools for testing Responsive layouts

• Loading spinners

Amazing mini projects (includes HTML, CSS and JS)

• Toggle Button

• How to Code your first Website

• Animations on Scroll

• Share Button Effect

• Image Zoom Effect

• Auto Update Website Footer Copyright

• Useful sidebar menu only with CSS

• Custom text-selection

• The Burst Effect

• Nav-bar on Scroll Select

• Icon Change Animation

• Scroll On Spy

• CSS Search Box Hover Effect

• Auto pausing video with JS

• Password Visibility toggle

• Dark/Light mode toggle

• Signature animation

• Cassie logo animation

• Stopwatch with JS

• Day/Night toggle

• CSS Typing Animation

• CSS Image Hover Effects

• 4 CSS layouts withput media queries

• Realtime Chat app with Socket.io

JavaScript

• JavaScript Callback Functions

• What is this? ()the keyword, in case you are wondering!

• JS Timeouts and Intervals

• Design Patterns in JS

• Regex with JS

• Code Clean JS

• 8 JS Console Methods

• 56 JS Tools & Plugins

• Useful JS Snippets

• Sharing Button Hover Effect

• Social Media Icons Hover Effect

• Copy to clipboard JS

• Image upload with Loading bar

• JS Array methods

• JS math methods

• JS libraries

  • JS Animation Libraries
  • 7 Best JS Animation libraries
  • 7 amazing JS libraries you didn't know
  • 8 JS libraries for Data Visualization
  • 10 Interesting JS libraries
  • Top 5 amazing libraries
  • Trending JS Libraries
  • 8 JS Plugins and Libraries

CSS Stuff

• CSS Pseudo classes

• :Before and :After in CSS

• CSS Animation

• SASS Tutorial

• SASS Advanced

• CSS Gradient Generators

• CSS Media Queries

• Tools for structuring and optimizing CSS code

• Best CSS Animations to recreate

• CSS Keyframes

• SASS learning resources

• CSS Libraries

  • Top 15 Amazing CSS Animation libraries - Part 1
  • Top 15 Amazing CSS Animation libraries - Part 2
  • 10 interesting CSS libraries

React Native stuff

• RN Project structure

• Formik - to handle forms

• Yup - to handle form validation

• Responsive Views

• Top UI Kits for RN

• Awesome React Native Components(All RN components in one place)

• Boilerplates : * React Native Boilerplate (with Navigations, Redux) * React Native Ignite Boilerplates

• React Native Vector Icons : * react-native-vector-icons (repo) * Vector icons list

• React Native SVG : * react-native-svg

• React Native SVG charts: * Examples (part 1) * Example (part 2)

• React Native Material UI Components:

  • Medium Article on Cool Material UI Components
  • Medium Article on Uber Material UI Components
  • Medium Article on Grovy Material UI Components

• Integrate Google Sign-in

• Integrate Facbook Sign-in

• Integrating YouTube in RN

• Step Indicator in RN

• Carousel in RN

• Slider in RN

• Dropdown alerts in RN

• Device information in RN

• Image picker in RN

• Local push notifications in RN

• Modals:

  • React-Native-Modal
  • React-Native-Modal-2
  • React-Native-Modal-3

Misc

• Documenting Projects on GitHub

• What is DNS?

• 5 useful websites for front-end web developers