Track Web Development Resources Updates Daily

Awesome Web Development Resources.

🏠 Home · 🔍 Search · 🔥 Feed · 📮 Subscribe · ❤️ Sponsor · 😺 markodenic/web-development-resources · ⭐ 5.6K · 🏷️ Front-End Development

[ Daily / Weekly / Overview ]

Mar 13, 2023

Photos:

• Website: https://freeforcommercialuse.net

Mar 11, 2023

Icons:

• Website: https://tabler-icons.io

Feb 19, 2023

Learning Platforms:

• Website: https://tutoriac.com/

Feb 05, 2023

Hosting:

• Website: https://docs.gitlab.com/ee/user/project/pages/

  Description: GitLab Pages - static websites directly from a repository in GitLab. To publish a website one can use any static site generator or any plain written HTML, CSS, and JavaScript.

Learning Platforms:

• Website: https://www.freecodecamp.org/

• Website: https://www.frontendmentor.io

• Website: https://www.coursera.org

• Website: https://www.edx.org/

Coding Challenge Platforms:

• Website: https://www.codewars.com/

• Website: https://www.codingame.com/start

• Website: https://exercism.org

Freelancing platforms:

• Website: https://www.freelancer.com

• Website: https://www.envato.com

• Website: https://gun.io

Remote Jobs:

• Website: https://www.remotefrontendjobs.com/

• Website: https://www.flexjobs.com

• Website: https://startup.jobs/remote-jobs

Photos:

• Website: https://freephotos.cc/en

Illustrations:

• Website: https://www.drawkit.com

Icons:

• Website: https://www.iconfinder.com

• Website: https://icons.holasvg.com

Fonts:

• Website: https://www.1001fonts.com

• Website: https://www.fontsquirrel.com

• Website: https://www.fontfabric.com

UI Inspiration:

• Website: https://tympanus.net/codrops

Docs:

• Website: https://developer.mozilla.org/en-US/

Website Optimization Tools:

• Website: Google PageSpeed Insights

• Website: Yslow

Newsletters:

• Website: UI Dev Newsletter

  Topics: User Interface development.

Online Tools:

• Website: Codepng

  Description: Convert your source code into awesome shareable images

Vue UI libraries:

• Website: Vue Material

  Description: Simple, lightweight and built exactly according to the Google Material Design specs.

React UI libraries:

• Website: Material-UI

  Description: Simple and customizable component library to build faster, beautiful, and more accessible React applications.

Jan 30, 2023

UI Components:

• Website: Flowbite

  Description: Open-source UI component library based on Tailwind CSS featuring dark mode and interactive elements

Jan 28, 2023

Learning Platforms:

• Website: https://code.org/

Jan 18, 2023

Remote Jobs:

• Website: https://jobstache.com

Dec 28, 2022

Remote Jobs:

• Website: https://remotescout.ch

Dec 27, 2022

UI Inspiration:

• Website: https://landings.dev

Dec 11, 2022

UI Inspiration:

• Website: https://landingexam.com

Nov 17, 2022

Learning Platforms:

• Website: https://www.scaler.com/topics/

Color Palettes:

• Website: https://branition.com/colors

Oct 05, 2022

Videos:

• Website: https://www.splitshire.com

• Website: https://dareful.com

• Website: https://www.videvo.net

• Website: https://www.videezy.com

• Website: https://pixabay.com/videos

• Website: https://mixkit.co

• Website: https://www.vidsplay.com

• Website: https://mazwai.com

• Website: https://lifeofvids.com

• Website: https://www.pexels.com

• Website: https://coverr.co

• Website: https://www.clipstill.com

Oct 04, 2022

Hosting:

• Website: https://supabase.com

  Description: Supabase is an open source Firebase alternative. Start your project with a Postgres Database, Authentication, instant APIs, Realtime subscriptions and Storage.

• Website: https://railway.app/

  Description: Railway is an infrastructure platform where you can provision infrastructure, develop with that infrastructure locally, and then deploy to the cloud.

Oct 03, 2022

Learning Platforms:

• Website: https://css-tricks.com/

Oct 02, 2022

Remote Jobs:

• Website: https://www.remotehub.com

Sep 20, 2022

Learning Platforms:

• Website: https://learn.microsoft.com/en-gb/training/

Aug 22, 2022

Chrome Extensions:

• Website: GitHunt

• Website: React Developer

Aug 20, 2022

CSS Generators:

• Website: Neumorphism

  Description: A free online tool for designing attractive UI with colors, gradients and shadows..

Aug 17, 2022

Fonts:

• Website: https://fonts.bunny.net

Aug 10, 2022

Learning Platforms:

• Website: https://www.interviewbit.com/

Jul 07, 2022

Remote Jobs:

• Website: https://jobboardsearch.com

Jun 27, 2022

Hosting:

• Website: https://netlify.com

  Description: Netlify unites an entire ecosystem of modern tools and services into a single, simple workflow for building high performance sites and apps.

• Website: https://firebase.google.com

  Description: Firebase helps you build and run successful apps. It is backed by Google and loved by app development teams - from startups to global enterprises

• Website: https://aws.amazon.com

  Description: Amazon Web Services offers a broad set of global cloud-based products and services help organizations move faster, lower IT costs, and scale.

• Website: https://pages.github.com

  Description: GitHub Pages are websites for you and your projects. It is hosted directly from your GitHub repository. You just have to edit, push, and your changes are live.

• Website: https://vercel.com

  Description: Vercel combines the best developer experience with an obsessive focus on end-user performance. It enables frontend teams to do their best work. You just have to develop preview and ship.

• Website: https://surge.sh

  Description: Surge is static web publishing for Front-End Developers. It is simple, single-command web publishing. It publishes HTML, CSS, and JS for free, without leaving the command line.

• Website: https://render.com

  Description: Render is a unified cloud to build and run all your apps and websites with free TLS certificates, a global CDN, DDoS protection, private networks, and auto deploys from Git.

• Website: https://stormkit.io

  Description: Stormkit can easily manage your frontend infrastructure. It integrates perfectly with your git flow. It helps you build, deploy and scale your web apps seamlessly.

• Website: https://www.digitalocean.com/

  Description: DigitalOcean has the cloud computing services you need, with predictable pricing, robust documentation, and scalability to support your growth at any stage. It is simpler cloud for happier devs to have better results.

• Website: https://www.000webhost.com/

  Description: 000webhostapp is zero cost website hosting with PHP, MySQL, Cpanel & no ads. Its servers use advanced firewalls and include DDoS protection.

• Website: https://infinityfree.net/

  Description: InfinityFree is fully featured, completely free website hosting with PHP, MySQL and no ads on site.

• Website: https://pages.cloudflare.com/

  Description: Cloudflare Pages is a JAMstack platform for frontend developers to collaborate and deploy websites. It offers free unlimited bandwidth.

Learning Platforms:

• Website: https://www.lambdatest.com/learning-hub/

• Website: https://codecademy.com

• Website: https://javascript30.com

• Website: https://testautomationu.applitools.com

• Website: https://khanacademy.org

• Website: https://sololearn.com

• Website: https://www.theodinproject.com

• Website: https://javascript.info/

• Website: https://vueschool.io/

• Website: https://www.guru99.com/

• Website: https://trailhead.salesforce.com/

• Website: https://ocw.mit.edu/

• Website: https://open.appacademy.io/

• Website: https://web.dev/

• Website: https://scrimba.com

• Website: https://thegymnasium.com

• Website: https://www.amigoscode.com

• Website: https://cssbattle.dev/

• Website: https://bento.io/

• Website: https://fullstackopen.com/en/

• Website: https://upskillcourses.com/courses

• Website: https://www.geeksforgeeks.org/web-development/

• Website: https://hackdesign.org/lessons

• Website: https://javatpoint.com

• Website: https://www.codementor.io/events

• Website: https://eloquentjavascript.net/

• Website: https://skillcombo.com/courses/development/web-development/free/

Coding Challenge Platforms:

• Website: https://topcoder.com

• Website: https://hackerrank.com

• Website: https://projecteuler.net

• Website: https://coderbyte.com

• Website: https://codechef.com

• Website: https://leetcode.com

• Website: https://spoj.com

• Website: https://codeforces.com

• Website: https://codesignal.com

• Website: https://frontendmentor.io

• Website: https://devchallenges.io

• Website: https://www.hackerearth.com

• Website: https://www.frontendpractice.com

• Website: https://css-challenges.com

• Website: https://100dayscss.com

• Website: https://codepip.com

• Website: https://triplebyte.com

• Website: https://edabit.com

• Website: https://www.jschallenger.com

• Website: https://www.codingninjas.com

Freelancing platforms:

• Website: https://toptal.com

• Website: https://upwork.com

• Website: https://peopleperhour.com

• Website: https://simplyhired.com

• Website: https://guru.com

• Website: https://fiverr.com

• Website: https://hireable.com

• Website: https://6nomads.com

• Website: https://www.refrens.com

Remote Jobs:

• Website: https://remote.co/remote-jobs

• Website: https://justremote.co

• Website: https://weworkremotely.com

• Website: https://remoteok.io

• Website: https://himalayas.app

• Website: https://jobspresso.co

• Website: https://wfh.io

• Website: https://4dayweek.io

• Website: https://www.hiretechladies.com

• Website: https://nowhiteboard.org

• Website: https://www.coolstartupjobs.com

• Website: https://angel.co

Photos:

• Website: https://unsplash.com

• Website: https://pixabay.com

• Website: https://pexels.com

• Website: https://reshot.com

• Website: https://librestock.com

• Website: https://visualhunt.com

• Website: https://picjumbo.com

• Website: https://www.pxfuel.com

Illustrations:

• Website: https://icons8.com/illustrations

• Website: https://www.opendoodles.com

• Website: https://undraw.co/illustrations

• Website: https://icons8.com/ouch

• Website: https://iradesign.io

• Website: https://interfacer.xyz

• Website: https://blush.design

• Website: https://storyset.com

• Website: https://themeisle.com/illustrations

• Website: https://www.manypixels.co/gallery

• Website: https://www.artify.co/illustrations-figma

Icons:

• Website: https://fontawesome.com

• Website: https://flaticon.com

• Website: https://icons8.com

• Website: https://material.io/resources/icons

• Website: https://iconmonstr.com

• Website: https://heroicons.com

• Website: https://boxicons.com

• Website: https://css.gg

• Website: https://lineicons.com

• Website: https://remixicon.com

• Website: https://simpleicons.org

• Website: https://feathericons.com

• Website: https://svgrepo.com

• Website: https://iconic.app

• Website: https://icomoon.io

• Website: https://iconscout.com/unicons

• Website: https://fontello.com

• Website: https://fontastic.me

• Website: https://ionic.io/ionicons

• Website: https://icons.getbootstrap.com

• Website: https://www.iconspedia.com

• Website: https://favicons.beaubus.com/

• Website: https://www.3dicons.com/

Fonts:

• Website: https://fonts.google.com

• Website: https://fontspace.com

• Website: https://ffonts.net

• Website: https://urbanfonts.com

• Website: https://www.fontpair.co

Youtube Channels:

• Website: Traversy Media

• Website: freeCodeCamp.org

• Website: The Net Ninja

• Website: Google Chrome Developers

• Website: Derek Banas

• Website: Academind

• Website: CodingTech

• Website: Codú Community

• Website: Web Dev Simplified

• Website: Dev Ed

• Website: CodeSTACKr

• Website: Coding Addict

• Website: Kevin Powell

• Website: Code with Ania Kubów

• Website: The Coding Train

• Website: kudvenkat

• Website: Program With Erik

• Website: Coder Coder

• Website: JavaScript Mastery

• Website: Adrian Twarog

• Website: Wes Bos

• Website: DesignCourse

• Website: codedamn

• Website: ProgrammingWithMosh

• Website: Fireship

• Website: Codevolution

• Website: Buddy

• Website: CSS Weekly

Podcasts:

• Website: Syntax

• Website: Fullstack radio

• Website: The Changelog

• Website: The Laracasts Snippet

• Website: Front End Happy Hour

• Website: JavaScript Jabber

• Website: Commit Your Code!

• Website: Shop Talk

• Website: Ladybug Podcast

• Website: CodePen Radio

• Website: JAMStack Radio

• Website: DevDiscuss

• Website: DevNews

• Website: React Native Radio

• Website: Html All The Things

• Website: The CSS Podcast

• Website: The Stack Overflow Podcast

Code Editors:

• Website: VS Code

• Website: Sublime Text

• Website: Brackets

• Website: emacs

• Website: Vim

• Website: Spacemacs

• Website: Neovim

• Website: Fleet

Color Palettes:

• Website: https://coolors.co

• Website: https://colorhunt.co

• Website: https://paletton.com

• Website: https://color-hex.com

• Website: https://mycolor.space

• Website: https://flatuicolors.com

• Website: https://color.adobe.com

• Website: https://htmlcolorcodes.com

• Website: https://colorsinspo.com

• Website: https://uigradients.com

• Website: https://www.colorion.co

• Website: https://www.gradientos.app

• Website: https://cssgradient.io

• Website: https://www.0to255.com

UI Inspiration:

• Website: https://uigarage.net

• Website: https://collectui.com

• Website: https://httpster.net

• Website: https://dribbble.com

• Website: https://onepagelove.com

• Website: https://www.behance.net

Docs:

• Website: https://w3schools.com

• Website: https://w3docs.com

• Website: https://devdocs.io

Animation Libraries:

• Website: CSShake

• Website: Animate.css

• Website: AnimeJS

• Website: GreenSock (GSAP)

• Website: Magic Animations

• Website: Hover css

• Website: AniJS

• Website: Wicked CSS

• Website: Tuesday

• Website: Mo.js

• Website: AOS

• Website: Velocity.js

• Website: Popmotion

• Website: Snap.svg

• Website: Animista

• Website: Lottie-Player

• Website: Framer motion

Charts:

• Website: Chart.js

• Website: D3.js

• Website: three.js

• Website: amCharts

• Website: Charts.css

Chrome Extensions:

• Website: Web Developer

• Website: CSSViewer

• Website: Wappalyzer

• Website: JSONView

• Website: Lorem Ipsum Generator

• Website: Lighthouse

• Website: Checkbot - SEO, speed & security checker

• Website: Performance-Analyser

• Website: WhatFont

• Website: Visbug

• Website: Colorzilla

• Website: Window Resizer

Website Optimization Tools:

• Website: GTmetrix

• Website: WebPageTest

• Website: web.dev

• Website: Optimizilla

HTML/CSS/JavaScript templates:

• Website: https://htmlrev.com

• Website: https://www.tooplate.com

• Website: https://html5up.net

• Website: https://templatemo.com

• Website: https://uideck.com

• Website: https://freehtml5.co

• Website: https://www.zerotheme.com

• Website: https://bootstrapmade.com

• Website: https://graygrids.com

• Website: https://themeselection.com

Newsletters:

• Website: Smashing Newsletter

  Topics: Front-end and UX.

• Website: Frontend Focus

  Topics: HTML, CSS, WebGL, Canvas, browser tech, and more.

• Website: CSS Weekly

  Topics: CSS.

• Website: JavaScript Weekly

  Topics: JavaScript.

• Website: Accessibility Weekly

  Topics: Accessibility.

• Website: JAMstacked

  Topics: JAMstack ecosystem.

• Website: Go Make Things

  Topics: Daily Vanilla JavaScript.

CSS Generators:

• Website: Glassmorphism Generators

  Description: Use Glassmorphism Generator to create a stunning effect for your projects.

• Website: Buttons Generator

  Description: An online gallery of 100+ button designs you can easily copy and use in your projects.

• Website: Layoutit Grid

  Description: Quickly design web layouts, and get HTML and CSS code. Learn CSS Grid visually and build web layouts with our interactive CSS Grid Generator.

• Website: CSS Gradient Editor

  Description: You may only need this tool for creating CSS gradients and patterns.

• Website: Hola SVG Loaders Generator

  Description: SVG Loaders Generator with Sass and SMIL options

• Website: Shape Divider

  Description: A free tool to make it easier for designers and developers to export a beautiful SVG shape divider for their latest project.

• Website: BEAUBUS Patterns

  Description: 150+ free SVG patterns and CSS background images generator

• Website: 9elements - Fancy Border Radius

  Description: 9elements is a little tool, that helps you create your very own organic shape. When you use four/eight values specifying border-radius in CSS, you can create organic looking shapes.

• Website: Blobmaker

  Description: Blobmaker is a free generative design tool made with 💕 by z creative labs, to help you quickly create random, unique, and organic-looking SVG shapes.

• Website: Toptal CSS3 Generator

  Description: A free online tool for quickly generating CSS3 snippets, such as for effects, gradients and animations.

Online Tools:

• Website: PRM

  Description: Project & Profile Readme Maker : easiest way to create amazing readme's for your github projects and profile

• Website: QR Code Generator

  Description: Use QR code generator to easily create a QR code for your project.

• Website: Google Analytics Checker

  Description: Scan your project to ensure that Google Analytcs tag is properly set.

• Website: Gradient Art

  Description: An advanced CSS gradient editor with layering, design tools and free cloud storage

• Website: JSONT

  Description: A simple and powerful JSON formatting tool

• Website: yuyu.ai

  Description: Is a frontend ai tool to generate html and css instantly from a jpg or png file.

UI Components:

• Website: CssLayout

  Description: A site with multiple css code snippets for very frequently used components in day to day web pages

• Website: TailGrids

  Description: 300+ Free and Premium Tailwind CSS UI Components and Sections

• Website: Ayro UI Bootstrap

  Description: Bootstrap UI components, snippets and sections for modern web apps

• Website: UI Hut

  Description: Free (and premium) UI compontents or templates for Bootstrap, figma, XD, PSD etc..

• Website: uiverse

  Description: Open-Source UI elements made with CSS & HTML where anyone can contribute.

Vue UI libraries:

• Website: Vuetify

  Description: Vuetify is a semantic component framework for Vue. It aims to provide clean, semantic and reusable components that make building your application a breeze. Build amazing applications with the power of Vue, Material Design and a massive library of beautifully crafted components and features.

• Website: BootstrapVue

  Description: BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.

React UI libraries:

• Website: Ant Design

  Description: An enterprise-class UI design language and React UI library.

• Website: React Bootstrap

  Description: Bootstrap components built with React.

• Website: Semantic UI React

  Description: Semantic UI React is the official React integration for Semantic UI .

• Website: Chakra UI

  Description: A simple, modular and accessible component library that gives you the building blocks you need to build your React applications

• Website: NativeBase

  Description: NativeBase is an accessible, utility-first component library that helps you build consistent UI across Android, iOS and Web.

Angular UI libraries:

• Website: Taiga UI

  Description: A powerful set of open source components for Angular

Others:

• Website: MDB: Markdwon Badges

  Description: Generate amazing svg markdown badges within few clicks

• Website: Markdown Preview

  Description: Markdown Editor with instant preview using GitHub CSS.

• Website: JavaScript Quiz

  Description: JavaScript Quiz - Check your knowledge by having fun.

• Website: CookieBubble

  Description: The easy way to inform users that your website is using cookies.

• Website: Developer Updates

  Description: Keeps you updated one everything going on in the software developement world

• Website: Boxy SVG Editor

  Description: SVG Editing Tool - Here you can easily edit and save any SVG file

• Website: Cssrepo

  Description: A curated list of awesome frameworks, style guides, and other cool nuggets for writing amazing CSS

• Website: Web Searcher

  Description: Create Open Graph, Twitter and basic meta tags easily

• Website: MakeMeta

  Description: Effortlessly generate Meta Tags for your website!

Jun 02, 2022

Illustrations:

• Website: https://www.artify.co/vector-illustrations

May 19, 2022

Coding Challenge Platforms:

• Website: https://www.w3schools.com/codegame

Freelancing platforms:

• Website: https://www.truelancer.com

Icons:

• Website: https://react-icons.github.io/react-icons

HTML/CSS/JavaScript templates:

• Website: https://tailwindtemplates.co

Mar 28, 2022

Remote Jobs:

• Website: https://www.smartremotejobs.com

Mar 12, 2022

Color Palettes:

• Website: https://www.eggradients.com

Jan 07, 2022

Angular UI libraries:

• Website: PrimeNG

  Description: Angular UI Component Library featuring elegant, high-performance, accessible and fully customizable UI Components.

Dec 29, 2021

Charts:

• Website: ECharts

Sep 05, 2021

Youtube Channels:

• Website: clever programmer

Jun 30, 2021

Coding Challenge Platforms:

• Website: https://www.codementor.io/projects

Mar 05, 2021

Code Editors:

• Website: Emacs

Oct 24, 2020

Chrome Extensions:

• Website: daily.dev - News for Busy Developers

Oct 23, 2020

UI Inspiration:

• Website: https://www.awwwards.com