Track Web Development Resources Updates Daily
Awesome Web Development Resources.
🏠 Home · 🔍 Search · 🔥 Feed · 📮 Subscribe · ❤️ Sponsor · 😺 markodenic/web-development-resources · ⭐ 7.1K · 🏷️ Front-End Development
Aug 17, 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.
Remote Jobs:
- Website: https://okjob.io
- Website: https://www.realworkfromanywhere.com
- Website: https://www.moaijobs.com
Youtube Channels:
- Website: Code with Harry
UI Inspiration:
- Website: https://websitevice.com/
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.
May 04, 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 09, 2024
Code Editors:
- Website: CodeLobster
Nov 06, 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
Nov 04, 2023
Remote Jobs:
- Website: https://workremote.cc/
Icons:
- Website: https://svgmix.com
Oct 25, 2023
Angular UI libraries:
Website: Angular Material
Description: Angular Material is a UI library component developed by Google in 2014.
Oct 13, 2023
Chrome Extensions:
- Website: React Developer Tools
- Website: Vue Developer Tools
Oct 10, 2023
Website Optimization Tools:
- Website: SEOTester
Oct 07, 2023
Coding Challenge Platforms:
- Website: https://divize.io/challenges
Animation Libraries:
- Website: Motion One
Oct 04, 2023
Remote Jobs:
- Website: https://web3.career/remote-jobs
Oct 02, 2023
Remote Jobs:
- Website: https://echojobs.io
- Website: https://AiJobsTracker.com/remote
Icons:
Youtube Channels:
- Website: Corey Schafer
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.
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
Sep 26, 2023
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 20, 2023
Remote Jobs:
- Website: https://www.remote.io
Jun 05, 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, 2023
CSS Generators:
Website: Scrollbar.app
Description: A simple online tool for creating custom scrollbars for the web.
May 27, 2023
HTML/CSS/JavaScript templates:
- Website: https://builtatlightspeed.com
- Website: https://web3templates.com
May 23, 2023
Youtube Channels:
- Website: LearnCode.academy
Chrome Extensions:
React UI libraries:
Website: Prime React
Description: The ultimate collection of design-agnostic, flexible and accessible React UI Components.
May 19, 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 10, 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 30, 2023
Coding Challenge Platforms:
- Website: https://lab.reaal.me/jsrobot/
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.
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/
Dec 27, 2022
UI Inspiration:
- Website: https://landings.dev
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://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:
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://codecademy.com
- Website: https://javascript30.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://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
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.colorion.co
- 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: 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
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!
Jun 02, 2022
Illustrations:
May 19, 2022
Coding Challenge Platforms:
- Website: https://www.w3schools.com/codegame
Freelancing platforms:
- Website: https://www.truelancer.com
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