Track Web Development Resources Updates Weekly

Awesome Web Development Resources.

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

[ Daily / Weekly / Overview ]

Oct 21 - Oct 27, 2024

Chrome Extensions:

Website: Visbug

Aug 12 - Aug 18, 2024

Hosting:

Website: https://kinsta.com/static-site-hosting/

Description: Kinsta provides all-in-one cloud hosting for web apps, databases, WordPress sites and static websites. Fast and secure deployments from GitHub, GitLab and Bitbucket to an infrastructure powered by Google Cloud Platform and Cloudflare.

Online Tools:

Website: Markdown Tools

Description: A suite of free tools for converting HTML, CSVs, PDFs, and Excel files to and from Markdown

Website: OnlineInterview.io

Description: Free interviewing platform with shared code editor, drawing board and video chat.

UI Components:

Website: Headless UI

Description: Completely unstyled, fully accessible UI components, designed to integrate with Tailwind CSS.

Others:

Website: PerfectBugReport.io

Description: A simple checklist of the essential items to include in bug reports.

Website: Vue CheatSheet

Description: an interactive cheatsheet of Vue, Vue Router, and Pinia.

Apr 29 - May 05, 2024

UI Components:

Website: shadcn/ui

Description: Open-Source UI components for React projects, that you can easily copy and paste into your apps.

Jan 08 - Jan 14, 2024

Code Editors:

Website: CodeLobster

Nov 06 - Nov 12, 2023

Hosting:

Website: https://fleek.co/

Description: Fleek makes it easy to build websites and apps on the new open web: permissionless, trustless, censorship resistant, and free of centralized gatekeepers.

Coding Challenge Platforms:

Website: https://dapp-world.com/problems

Oct 30 - Nov 05, 2023

Remote Jobs:

Website: https://workremote.cc/

Icons:

Website: https://svgmix.com

Oct 23 - Oct 29, 2023

Angular UI libraries:

Website: Angular Material

Description: Angular Material is a UI library component developed by Google in 2014.

Oct 09 - Oct 15, 2023

Chrome Extensions:

Website: React Developer Tools

Website: Vue Developer Tools

Website Optimization Tools:

Website: SEOTester

Oct 02 - Oct 08, 2023

Coding Challenge Platforms:

Website: https://divize.io/challenges

Remote Jobs:

Website: https://echojobs.io

Website: https://AiJobsTracker.com/remote

Website: https://web3.career/remote-jobs

Icons:

Website: https://free-icons.github.io/free-icons

Youtube Channels:

Website: Corey Schafer

Animation Libraries:

Website: Motion One

CSS Generators:

Website: Code Magic

Description: A free tool to make CSS easier by generating Tailwind and CSS code for effects, gradients and inputs

Vue UI libraries:

Website: Quasar framework

Description: Quasar is an MIT licensed open-source Vue.js based framework. It enables web developers to create responsive++ websites/apps in various formats: SPAs, SSR (+ optional PWA client takeover), PWAs, BEX, Mobile Apps (Android, iOS, etc.), and Multi-platform Desktop Apps (using Electron). Quasar's motto is "write code once, deploy it as a website, Mobile App, and/or Electron App." It provides a state-of-the-art CLI and efficient Quasar web components, eliminating the need for additional heavy libraries like Hammer.js, Moment.js, or Bootstrap.

Sep 25 - Oct 01, 2023

Hosting:

Website: https://fly.io/

Description: Fly is a platform for running full stack apps and databases close to your users. We’ve been hammering on this thing since 2017, and we think it’s pretty great.

Remote Jobs:

Website: https://jobsinjs.com

Icons:

Website: https://flowbite.com/icons/

Youtube Channels:

Website: Dave Gray

Website: Sonny Sangha

CSS Games:

Website: Flexbox froggy

Description: Flexbox Froggy is an interactive game that helps users learn and practice the CSS Flexbox layout.

Website: Knights of the Flexbox Table

Description: Set of challenges where we must use Flexbox properties to position and align elements on the screen to complete a medieval-themed game layout.

Website: Grid garden

Description: A Grid Garden is an interactive game that helps users learn and practice the CSS Grid layout.

Website: Grid attack

Description: Learn and practice the CSS Grid layout

Website: CSS Diner

Description: Fun and interactive way to learn how to select elements on a web page using CSS.

Website: Guess CSS

Description: Another Fun and interactive way to learn CSS.

Website: CSS Speedrun

Description: A CSS speedrun is a challenge to see how quickly a developer can complete a task using only CSS (Cascading Style Sheets).

Sep 18 - Sep 24, 2023

Remote Jobs:

Website: https://www.remote.io

Jun 05 - Jun 11, 2023

Online Tools:

Website: tablebackend.com

Description: A backend for your simple projects using oowerful canvas-based data grid for handling millions of rows.

May 29 - Jun 04, 2023

CSS Generators:

Website: Scrollbar.app

Description: A simple online tool for creating custom scrollbars for the web.

May 22 - May 28, 2023

Youtube Channels:

Website: LearnCode.academy

Chrome Extensions:

Website: Hackertab.dev - All Developer news in 1 tab

HTML/CSS/JavaScript templates:

Website: https://builtatlightspeed.com

Website: https://web3templates.com

React UI libraries:

Website: Prime React

Description: The ultimate collection of design-agnostic, flexible and accessible React UI Components.

May 15 - May 21, 2023

Remote Jobs:

Website: https://www.showwcase.com/jobs

Videos:

Website: https://photostockeditor.com

Illustrations:

Website: https://cocomaterial.com/

Youtube Channels:

Website: Leon Noel

Color Palettes:

Website: https://materialui.co/colors/

Animation Libraries:

Website: SwiperJS

Online Tools:

Website: JSON Crack

Description: A simple tool to visualize JSON Code in a neat tree structure

Website: Codepng

Description: Convert your source code into awesome shareable images

May 08 - May 14, 2023

Remote Jobs:

Website: https://wellfound.com/

Icons:

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

Newsletters:

Website: Marko Tech Tips

Topics: Useful tech tips, directly to your inbox.

Apr 24 - Apr 30, 2023

Coding Challenge Platforms:

Website: https://lab.reaal.me/jsrobot/

Mar 13 - Mar 19, 2023

Photos:

Website: https://freeforcommercialuse.net

Mar 06 - Mar 12, 2023

Icons:

Website: https://tabler-icons.io

Jan 30 - 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.

UI Components:

Website: Flowbite

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

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 23 - Jan 29, 2023

Learning Platforms:

Website: https://code.org/

Dec 26 - Jan 01, 2022

UI Inspiration:

Website: https://landings.dev

Nov 14 - Nov 20, 2022

Learning Platforms:

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

Color Palettes:

Website: https://branition.com/colors

Oct 03 - Oct 09, 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.

Learning Platforms:

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

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://www.pexels.com

Website: https://coverr.co

Website: https://www.clipstill.com

Sep 26 - Oct 02, 2022

Remote Jobs:

Website: https://www.remotehub.com

Sep 19 - Sep 25, 2022

Learning Platforms:

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

Aug 15 - Aug 21, 2022

Fonts:

Website: https://fonts.bunny.net

CSS Generators:

Website: Neumorphism

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

Aug 08 - Aug 14, 2022

Learning Platforms:

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

Jul 04 - Jul 10, 2022

Remote Jobs:

Website: https://jobboardsearch.com

Jun 27 - Jul 03, 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://web.dev/

Website: https://scrimba.com

Website: https://thegymnasium.com

Website: https://www.amigoscode.com

Website: https://cssbattle.dev/

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/

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://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://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://4dayweek.io

Website: https://www.hiretechladies.com

Website: https://nowhiteboard.org

Website: https://www.coolstartupjobs.com

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://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://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.gradientos.app

Website: https://cssgradient.io

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

UI Inspiration:

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: Lighthouse

Website: Checkbot - SEO, speed & security checker

Website: Performance-Analyser

Website: WhatFont

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://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

UI Components:

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: 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!

May 30 - Jun 05, 2022

Illustrations:

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

May 16 - May 22, 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 - Apr 03, 2022

Remote Jobs:

Website: https://www.smartremotejobs.com

Mar 07 - Mar 13, 2022

Color Palettes:

Website: https://www.eggradients.com

Jan 03 - Jan 09, 2022

Angular UI libraries:

Website: PrimeNG

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