Web Development Resources

02/28/2024

Background

I got this idea from this site. I will be adding to this list as time goes on.

Content

  1. Colors
  2. CSS
  3. JavaScript
  4. Icons
  5. HTML
  6. Publications
  7. APIs
  8. Images
  9. Design Resource Lists
  10. Bootstrap Extensions

Colors

Source Description
Granim.js Create fluid and interactive gradient animations with this small JavaScript library.
Color Hunt Color Palettes for Designers and Artists
Color Claim Created Tobias van Schneider with the goal to collect & combine unique colors for future projects.
Colorsinspo Thousands of beautiful color palettes you can use it directly by one click.
Coolors Create the perfect palette or get inspired by thousands of beautiful color schemes.
Extended Color Keywords List of all the HTML color keywords with examples.
Hero Patterns A collection of repeatable SVG background patterns for you to use on your web projects.
Lol Colors Curated color palette inspiration.

CSS

Source Description
Animate CSS A cross-browser library of CSS animations
Text Input Effects Simple ideas for enhancing text input interactions
Hamburgers Tasty CSS-animated hamburgers
CSS Effects Snippets A collection of CSS effects made with Vue.js
Pretty Checkbox A pure CSS library to beautify check-box and radio buttons
Skeleton Elements UI for improved perceived performance

JavaScript

Source Description
Flatpickr lightweight, powerful JavaScript datetime picker with no dependencies
Select2 The jQuery replacement for select boxes.
Prism front-end syntax highlighter
Cleave.js Format your <input /> content when you are typing.
TypeIt The most versatile JavaScript animated typing utility on the planet.
jQuery Cheat Sheet Simple jQuery cheat-sheet
Chart.js Simple HTML5 Charts using the <canvas> tag.
iText2Img Convert latex equations into images to embed in websites.
MathJax A JavaScript display engine for mathematics that works in all browsers.
TableSort A small & simple sorting component for tables written in JavaScript.
HTML Table Search Simple table text search highlighter.
Jquery Toast Plugin Highly customizable jQuery plug-in to show toast messages
Autosize A small, stand-alone script to automatically adjust text-area height.
Bootstrap Notify Turns standard Bootstrap alerts into "Growl-like" notifications.
Luxon A powerful, modern, and friendly wrapper for JavaScript dates and times.
FilePond A flexible and fun JavaScript file upload library.
UUID Generate RFC-compliant UUIDs in JavaScript.

Icons

Source Description
Boxicons High Quality web friendly icons
Devicon Set of icons representing programming languages, designing & development tools
Ion Icons The premium icon font for Ionic Framework and web apps everywhere
Favicon Create a favicon in few simple clicks.
Zondicons A set of free premium SVG icons for you to use on your digital products.
Material Design Icons Material Design icons by Google
Tabler Icons 859 Fully customizable free SVG icons

HTML

Source Description
HTML character codes All HTML character codes of text fonts and symbols from � to &#65535

Publications

Source Description
CSS Code Guide Standards for developing consistent, flexible, and sustainable HTML and CSS by Mark Otto, the creator of Bootstrap.
Design Tips A collection of web design tips by Steve Schoger
JavaScript: The Right Way A collection of articles, tips, and tricks from top JavaScript developers
Common Webpage Design Mistakes 30 tips to help avoid common design mistakes.
UI Design Daily Free weekly UI resources
Checklist Design A collection of the best UX and UI practices.
Flexbox Guide A Complete Guide to Flexbox.
Eloquent JavaScript A complete e-book about JavaScript
HTML5 For Web Designers E-book by Jeremy Keith on HTML5 Semantics
Free JavaScript Books Big List of Free JavaScript Books.
You might not need jQuery Side-by-side jQuery to JavaScript examples.

APIs

Source Description
IP Address what is my IP Address?
Lucid Index Curated lists of awesome tech resources
Free Formatter Free online tools that include several formatters, validators, code minifiers, string escapers, encoders and decoders, message digesters, web resources and more.
Symbol Search Finding symbols is faster now.
Convert Case Convert upper case to lower case, lower case to upper case and more.

Images

Source Description
Free SVG Illustrations A curated list of websites for free SVG illustrations
Creative Backgrounds websites for creative backgrounds
unDraw Browse to find the images that fit your needs and click to download
Kapwing Online image, video, and GIF editing platform.
Unsplash Over 2 million free high-resolution images brought to you by the world’s most generous community of photographers.
Hero Images Premium royalty-free images.
Pixelmob Find, Sort And Save Photos From Multiple Sources Across The Web.

Design Resource Lists

Source Description
Design Resources Design Resources
Web Dev Resources Created to organize the resources I've accumulated over the last 3 years or so
Dev Resourc Dev Resources has everything for your developer journey, all presented in curated lists

Bootstrap Extensions

Extensions built specifically for Bootstrap 4.

Source Description
Bootstrap Table An extended table to integration with some of the most widely used CSS frameworks.
Bootstrap Select The jQuery plugin that brings select elements into the 21st century
Select2 Bootstrap Theme A Select2 v4 Theme for Bootstrap 3
Bootstrap Dropdown Menus Enhancement Enhancing functionality of dropdown menus.
Bootstrap Datepicker A datepicker for twitter bootstrap
Bootstrap Resources A curated list of quality Bootstrap resources and Bootstrap plugins.

© 2024 by Ryan Rickgauer