Skip to content

Uvacoder/uva-tips-cheatsheets-collection

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

web development resources

Web development resources

A list of open source front-end tools and resources for web designers and developers.


Table of contents


Wiki

Name Description
W3C standards W3C standards define an Open Web Platform for application development that has the unprecedented potential to enable developers to build rich interactive experiences, powered by vast data stores, that are available on any device.
cssdb A comprehensive list of CSS features and their positions in the process of becoming implemented web standards.
MDN Web Docs Resources for developers, by developers.
Google Web Developers Build the next generation of web experiences.
W3Schools Online web tutorials.
CSS-Tricks Daily articles about CSS, HTML, JavaScript, and all things related to web design and development.
Smashing Magazine For web designers and developers.

↥ Back to top

Frameworks

Name Description
HTML5 Boilerplate The web's most popular front-end template.
Bootstrap Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
Foundation The most advanced responsive front-end framework in the world.
- -
Base A Rock Solid, Responsive HTML/CSS Framework.
Basscss Low-level CSS toolkit.
Bulma A modern CSS framework based on Flexbox.
Concise Framework A lightweight front-end framework that provides a number of great features without the bloat.
Cardinal Cardinal is a modular, "mobile-first" CSS framework built with performance and scalability in mind.
Furtive CSS A forward-thinking, CSS micro-framework.
Juiced a Flexbox CSS Framework.
Material Design Lite An implementation of Material Design components in vanilla CSS, JS, and HTML
Materialize A modern responsive front-end framework based on Material Design.
Photon The fastest way to build beautiful Electron apps using simple HTML and CSS.
Primer CSS The GitHub Design Systems team builds and maintains Primer.
Pure A set of small, responsive CSS modules that you can use in every web project.
Responsive A powerful, accessible, developer friendly framework for building responsive websites.
Semantic UI A development framework that helps create beautiful, responsive layouts using human-friendly HTML.
Skel A lightweight responsive framework for the www.
Skeleton A dead simple, responsive boilerplate.
Tailwind CSS A utility-first CSS framework for rapidly building custom designs.
UIkit A lightweight and modular front-end framework for developing fast and powerful web interfaces.

↥ Back to top

Mobile Web apps frameworks

Name Description
Onsen UI The most beautiful and efficient way to develop HTML5 hybrid and mobile web apps.

↥ Back to top

Front-end components

Name Description
Formstone Formstone is a collection of front end components.
Le Wagon UI components -

↥ Back to top

HTML5 themes

Name Description
Bootstrap Starter Free Bootstrap starter themes & templates to kickstart your project.
HTML5 Blank WordPress Theme The best HTML5 WordPress boilerplate theme, noted by Adobe, Smashing Mag, .NET mag.
HTML5 UP! Responsive HTML5 and CSS3 site templates.
Start Bootstrap A library of free to download Bootstrap themes and templates.

↥ Back to top

HTML preprocessor

Name Description
Haml HTML abstraction markup language
Markdown A text-to-HTML conversion tool for web writers.
Slim A lightweight templating engine.
Jade Node template engine.

↥ Back to top

CSS preprocessor

Name Description
LESS Node CSS pre-processor
SCSS / Sass The most mature, stable, and powerful professional grade CSS extension language in the world.
Stylus Expressive, dynamic, robust, feature-rich CSS preprocessor.
PostCSS A tool for transforming CSS with JavaScript.

↥ Back to top

JavaScript preprocessor

Name Description
CoffeeScript A little language that compiles into JavaScript.
LiveScript A language which compiles to JavaScript.
TypeScript JavaScript that scales.
Babel The compiler for writing next generation JavaScript.

↥ Back to top

Sass frameworks

Name Description
Bourbon A simple and lightweight mixin library for Sass.
Compass An open-source CSS Authoring Framework.
Susy Custom layout engine for Sass.

↥ Back to top

Node.js feature module and bundler

Name Description
npm The package manager for JavaScript.
- -
Browserify browser-side require() the node way
Grunt The JavaScript task runner
Gulp The streaming build system
Parcel Blazing fast, zero configuration web application bundler.
Rollup Next-generation ES module bundler.
Webpack A bundler for javascript and friends.
- -
ESLint Find and fix problems in your JavaScript code.
Prettier Prettier is an opinionated code formatter.
stylelint A mighty, modern linter that helps you avoid errors and enforce conventions in your styles.
commitlint 📓 Lint commit messages
linkinator A super simple site crawler and broken link checker.
- -
Browsersync Keep multiple browsers & devices in sync when building websites.
http-server A simple, zero-configuration command-line http server.
serve Static file serving and directory listing.
server.js Simple and powerful server for Node.js
- -
Chokidar An efficient wrapper around node.js fs.watch / fs.watchFile / FSEvents.
nodemon Monitor for any changes in your node.js application and automatically restart the server - perfect for development.
onchange Use glob patterns to watch file sets and run a command when anything is added, changed or deleted.
- -
Concurrently Run commands concurrently. Like npm run watch-js & npm run watch-less but better.
npm-run-all A CLI tool to run multiple npm-scripts in parallel or sequential.
Parallel Shell A super simple npm module to run shell commands in parallel.
- -
Concat Concatenate multiple files.
cpy-cli Copy files for node.
del Delete files and directories using globs.
express Fast, unopinionated, minimalist web framework for node.
node-sass It allows you to natively compile .scss files to css at incredible speed and automatically via a connect middleware.
npm-check-updates Upgrades your package.json dependencies to the latest versions, ignoring specified versions.
PurgeCSS PurgeCSS is a tool to remove unused CSS.
rimraf The UNIX command rm -rf for node.
- -
Bower [Depreciated] A package manager for the web.

↥ Back to top

JavaScript library

Name Description
jQuery The write less, do more, JavaScript library.
Modernizr Modernizr tells you what HTML, CSS and JavaScript features the user’s browser has to offer.
- -
Bliss.js Want to use Vanilla JS but find native APIs a bit unwieldy? Bliss is for you.
Umbrella JS ☔ Lightweight javascript library for DOM manipulation and events.
Zepto JS Zepto is a minimalist JavaScript library for modern browsers with a largely jQuery-compatible API.
Cash JS An absurdly small jQuery alternative for modern browsers.
Chibi JS A tiny JavaScript micro-library

↥ Back to top

Name Description
Anchor.js Add deep anchor links to your docs.
Anime.js Anime.js (/ˈæn.ə.meɪ/) is a lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes and JavaScript Objects.
Chart.js Simple, clean and engaging charts for designers and developers.
Chartist.js Simple responsive charts.
(a) Darkmode.js
(b) Dark Mode Switch
🌓 Add a dark-mode / night-mode to your website in a few seconds
Velocity.js Accelerated JavaScript animation.
Favico.js Make use of your favicon with badges, images or videos.
FluidVids.js Fluid width (responsive) videos module, 1KB, custom players, dynamic elements/XHR support.
Highlight.js Highlight.js is a syntax highlighter written in JavaScript.
Headroom.js Hide your header until you need it.
Holder.js Client side image placeholders.
lazysizes.js High performance and SEO friendly lazy loader for images (responsive and normal), iframes and more.
littlefoot.js Littlefoot is a lightweight JavaScript library that creates exceptional footnotes.
lunr.js Simple full-text search in your browser.
NProgress.js A nanoscopic progress bar.
Pace.js An automatic web page progress bar.
Prism.js Prism is a lightweight, robust, elegant syntax highlighting library.
react-burger-menu An off-canvas sidebar React component with a collection of effects and styles using CSS transitions and SVG path animations.
Responsive nav Responsive navigation plugin without library dependencies and with fast touch screen support.
Slideout.js A touch slideout navigation menu for your mobile web apps.
Smartcrop.js Content aware image cropping.
Tabella.js Responsive table.
Tether A JavaScript library for efficiently making an absolutely positioned element stay next to another element on the page.
Tippy.js A lightweight, vanilla JavaScript tooltip library.
Tooltip.js Tooltip.js is a Javascript and CSS library for creating styleable tooltips.
Turbolinks Turbolinks® makes navigating your web application faster.
Typeset A ty­po­graphic pre-proces­sor for your HTML which uses zero client-side JavaScript.
ZeroClipboard.js An easy way to copy text to the clipboard.

↥ Back to top

jQuery plugins

Name Description
Formstone - Background A jQuery plugin for full-frame image and video backgrounds.
Bigfoot.js A jQuery plugin for empowering footnotes.
bigSlide.js A tiny slide panel navigation jQuery plugin with big dreams.
FitVids.js A lightweight, easy-to-use jQuery plugin for fluid width video embeds.
fullPage.js One page scroll sections site plugin.
Lazy Load Lazy Load is delays loading of images in long web pages.
Lity A ultra-lightweight, accessible and responsive lightbox plugin which supports images, iframes and inline content out of the box.

↥ Back to top

JavaScript compressor toolkit

Name Description
Terser 🗜 JavaScript parser, mangler and compressor toolkit for ES6+
UglifyJS UglifyJS is a JavaScript parser, minifier, compressor and beautifier toolkit.

↥ Back to top

CSS library

Name Description
Animate.css A cross-browser library of CSS animations.
CSSgram A tiny (<1kb gzipped!) library for recreating Instagram filters with CSS filters and blend modes.
CSS Filters Playground Play with the new CSS3 Filter Effects.
EQCSS A spec for a container-style element query syntax in CSS.
Flex Grid A grid system based on the flex display property.
Mastering the :nth-child CSS3 pseudo classes and :nth-child ranges.
Eric Meyer CSS reset Eric Meyer CSS reset
Graaf Pure CSS grid overlays for designing.
Hamburgers Tasty CSS-animated Hamburgers.
Mueller Grid System A modular grid system for responsive/adaptive and non–responsive layouts, based on Compass.
Normalize.css A modern, HTML5-ready alternative to CSS resets.
RTLCSS Framework for converting Left-To-Right (LTR) Cascading Style Sheets(CSS) to Right-To-Left (RTL).
Toast Insane, no-nonsense CSS grid.
CSSWand It’s really just a handful of simple, pure CSS-based animation library
Water.css collection of styles to make simple websites
Raisin CSS An Utility CSS only library.
Spectrum CSS standard CSS implementation of the Spectrum design language for internal and 3rd party
Box-shadows.css Mianly based on box shadows

↥ Back to top

SVG, PNG, and Font icons library

Name Description
How to work with SVG icons -
Align SVG Icons to Text and Say Goodbye to Font Icons -
- -
Bootstrap Icons Bootstrap Icons are SVGs, so they scale quickly and easily and can be styled with CSS. While they're built for Bootstrap, they'll work in any project.
Creative Commons license icons Download SVG, EPS, and PNG Creative Commons license icons to use in your site.
Flaticon The largest database of free icons available in PNG, SVG, EPS, PSD and BASE 64 formats.
Feather Feather is a collection of simply beautiful open source icons.
Font Awesome The iconic font and CSS toolkit.
Font-Awesome-SVG-PNG Font Awesome split to individual SVG and PNG files of different sizes along with Node.JS based generator.
FontForge A free and open source font editor brought to you by a community of fellow type lovers.
Fontello An easy way to create a custom icon font for your site. Select images from our large collection, and make a webfont pack with one click.
IcoMoon IcoMoon provides a package of vector icons, along with a free HTML5 app for making custom icon fonts or SVG sprites. Browse among thousands of pixel perfect icons or import your own vectors.
Ionicons The premium icon font for Ionic Framework.
Material Design Icons View all the Material Design icons and more from the community.
The Big List of Flat Icons & Icon Fonts by CSS-Triks There are many such roundups. This one is mine.
Noun Project - Icons for everything Nearly a million curated icons, created by a global community.
Octicons A scalable icon font handcrafted with <3 by GitHub.
Perfect Icons The easiest way to create resolution independent social icons.
Simple Icons Free SVG icons for popular brands.
svg-icon An ultimate SVG icons collection DONE RIGHT.
SVG Icons Ready to use SVG icons for the web.
Vector Icons Roundup A side-by-side comparison between popular icon fonts.
We Love Icon Fonts A free & open source icon fonts hosting service for testing purposes.

↥ Back to top

HTML forms

Name Description
Chartspree Make charts in seconds.
Formspree Functional HTML forms for static sites.
Gridspree Display your spreadsheet data however you like right on your static site with Google Spreadsheet.
JotForm Form builder
WTF, forms? Friendlier HTML form controls with a little CSS magic. Designed for IE9+, as well as the latest Chrome, Safari, and Firefox.
Wufoo Online form builder with cloud storage database.

↥ Back to top

Web tools

Name Description
Abstract API's A suite of simple yet powerful utility API's for developers, such as email validation, user avatar generator, image compression, and more. All API's have a free version.
AutoDraw Fast drawing for everyone. AutoDraw pairs machine learning with drawings from talented artists to help you draw stuff fast.
Binary Translator Free binary code translator, translate binary code to text.
Base16 An architecture for building themes based on carefully chosen syntax highlighting using a base of sixteen colors.
Colors.css Better default colors for the web. A collection of skin classes for faster prototyping and nicer looking sites.
Color Hex Color Codes Color-hex gives information about colors including color models (RGB,HSL,HSV and CMYK), Triadic colors, monochromatic colors and analogous colors calculated in color page.
Color Hunt Curated collection of beautiful colors, updated daily.
CSS3 Generator CSS3 classics
CSSmatic The ultimate CSS tools for web designers.
Draw.io Draw.io is free online diagram software for making flowcharts, process diagrams, org charts, UML, ER and network diagrams.
Flat Colors Browse over 11,000 flat colors in over 2,300 flat color palettes. Copy them or download the .ACO file for use in Photoshop.
Gradient Backgrounds As a curated list of the best gradient websites across the internet, Gradient Backgrounds allows you to explore, try and choose from hundreds of beautiful blended color palettes.
Styling Wizard: Google Maps APIs Customize colors, roads, labels, and more. Then use your custom style in your Google Maps Platform project.
Snazzy Maps A repository of different styles for Google Maps aimed towards web designers and developers.
Solarized - Precision colors for machines and people Solarized is a sixteen color palette (eight monotones, eight accent colors) designed for use with terminal and gui applications.
SRI Hash Generator Use of SRI is recommended as a best-practice, whenever libraries are loaded from a third-party source.
Superdomain Check domain availability.
Create LaTeX tables online Quickly create even complex LaTeX tables with online generator - cells merging is supported together with borders editing.
uiGradients A handpicked collection of beautiful colour gradients for designers and developers.
Unminify Free online tool to unminify (unpack, deobfuscate) JavaScript, CSS and HTML code, making it readable and pretty.
Web Code Tools CSS3, HTML5, Microdata, Open Graph and Twitter Card Generators
What's My Screen Resolution An Online tool to check screen resolution of any display device.
WebGradients Free collection of background gradients that you can use as content backdrops in any part of your website.
Bootstrap 5 Cheat Sheet An interactive list of Bootstrap 5 classes, variables, and mixins.

↥ Back to top

CDN library

Name Description
BootstrapCDN The recommended CDN for Bootstrap, Font Awesome and Bootswatch.
cdnjs The free and open source CDN for web related libraries to speed up your website!
CoralCDN A free and open content distribution network based around peer-to-peer technologies, comprised of a world-wide network of web proxies and nameservers.
FontCDN A search tool for Google web fonts.
Google Fonts Hundreds of free, open-source fonts optimized for the web.
Google Hosted Libraries A stable, reliable, high-speed, globally available content distribution network for the most popular, open-source JavaScript libraries.
jsDelivr A free super-fast CDN for developers and webmasters.
Microsoft Ajax CDN Popular third party JavaScript libraries such as jQuery and enables you to easily add them to your Web applications.
Open Source Software CDN Open source software CDN by MaxCDN.
Yandex CDN Service hosts JavaScript libraries that provides site developers with access to the Yandex content delivery (CDN) and can handle a variety of open source JavaScript-frameworks and libraries from Yandex servers.

↥ Back to top

Browser compatibility wiki

Name Description
Can I Use Check the browser compatibility of CSS3 and HTML5 properties.
Should I Prefix Simply show what prefixes are needed for a newer CSS property.

↥ Back to top

Responsiveness testing tools

Name Description
Am I Responsive? See how your site looks on desktop, laptop, ipad & iphone.
BrowserStack Use the browser device tester and download Internet Explorer images for your VM.
Deviceponsive Show a quick preview of your website's responsive to different device resolutions like Macbook, iPad, or iPhone. share this preview with your client.
Responsively App A must-have devtool for web developers for quicker responsive web development. 🚀

↥ Back to top

Performance testing tools

Name Description
Google PageSpeed Tools The PageSpeed tools analyze and optimize your site following web best practices.
WebPagetest Run a free website speed test from multiple locations around the globe using real browsers and at real consumer connection speeds.
Website speed test Use this free Website Speed Test to analyze the load speed of your websites, and learn how to make them faster.

↥ Back to top

Placeholder

Name Description
JSONPlaceholder Fake Online REST API for Testing and Prototyping
Lorem Ipsum Lorem Ipsum is simply dummy text of the printing and typesetting industry.
lorempixel Placeholder images for every case.
Placehold.it A quick and simple image placeholder service.

↥ Back to top

Mockup placeholder

Name Description
Placeit The best one to drop your project in any device context.

↥ Back to top

Website icons for browsers

Name Description
Favicon Generator Online Favicon Generator. For real.
Build My Pinned Site Online tool to create a custom Windows Start Screen tile for your site in less than a minute.
Pinned site enhancements on Windows / Creating custom tiles for IE11 websites Setting up live tiles and notifications for Windows
Configuring Web Applications for Apple Conceptual information and techniques on creating effective web content for Safari and WebKit using HTML and CSS.
Installable Web Apps with the Web App Manifest in Chrome for Android / Manifest File Format Use the web app manifest to control how your web app launches.

↥ Back to top

Free inspirational snippets and tutorials

Name Description
CodeMyUI Handpicked code snippets you can use in your web projects. Find web design inspiration with code samples.
CodyHouse A free library of HTML, CSS, JS nuggets.
Codrops Codrops is a web design and development blog that publishes articles and tutorials about the latest web trends, techniques and new possibilities.
Moving to HTTPS Migrate from HTTP to HTTPS with ease.
NavNav A ton of CSS, jQuery, and JavaScript responsive navigation examples, demos, and tutorials from all over the web.
Papersizes.io - The best resource for Paper Sizes A simple, free resource for finding the international standards for paper sizes in metric and imperial.
PDF Candy Edit PDF files with PDF Candy - a free online PDF editor. Convert PDF to Word, PDF to JPG, merge PDF, split PDF, compress PDF, etc.
Scotch A web development blog discussing all things programming, development, web and life.
Smashing Magazine An online magazine for professional Web designers and developers, with a focus on useful techniques, best practices and valuable resources.
W3Schools Online Web Tutorials The world's largest web developer site.

↥ Back to top

CSS reference

Name
Mozilla Web Docs
CSS Reference
CSS Dev Docs
CSS Reference - Codrops
Layout:
Flexbox - CSS Tricks
CSS Grid - CSS Tricks
CSS Flexbox Playground by Gabi
Flexbox Froggy
CSS Grid Garden
CSS animations:
Using CSS Animation - MDN
Animation - CSS Tricks

↥ Back to top

CSS tutorials

Name Description
Browser safe fonts Common fonts to all versions of Windows & Mac equivalents.
CSS Font Stack A complete collection of web safe CSS font stacks.
CSS outline property - outline: none and outline: 0 The CSS outline property is an accessibility requirement, yet often abused by many web designers, why do they do it?
CSS Selector Reference In CSS, selectors are patterns used to select the element(s) you want to style.
CSS Specificity CSS Specificity. CSS specificity assigns a numerical representation of a selector in order to compare in case there are style conflicts. Web poster displays CSS specificity with icons from Stanley Kubrick's 'The Shining' film.
Grid by Example Everything you need to learn CSS Grid Layout.
Grid Garden A game for learning CSS grid.
Griddy Learn the CSS Grid!
Hash tag links that don't headbutt the browser window CSS-Tricks post by Chris Coyier.
Learn CSS Grid A guide to learning CSS grid.
Learn CSS Grid A lot of fantastic resources out there by Jen Simmons.
Learn CSS Layout This site teaches the CSS fundamentals that are used in any website's layout.
Overriding the default text selection color with CSS CSS-Tricks post by Chris Coyier.
Smarter link underlines for every website Post by Adam Schwartz.
What is the browser-default background color when selecting text? Answer on Stack Overflow
Why I switched from LESS to Sass? Post by Hugo Giraudel.

↥ Back to top

Infographics

Name Description
Home Office Posters Home Office repository of posters covering different topics - research, access needs, accessibility, design.

↥ Back to top

Design inspiration

Name
Admire The Web
Awwwards
Behance
Best Website Gallery
CodePen
CSS Gallery
CSS Winner
Design Fridge
DeviantArt
Dribble
Favourite Website Awards (FWA)
GoodUI
Google Design
html inspiration
Inspiration for Search UI Effects
One Page Love
Nice One I Like
Siiimple
The Best Designs
Very nice sites
Web Design Inspirations
webdesign - Tumblr Search

↥ Back to top

The type system

Name Description
Exploring Responsive Type Scales Finding your (Appropriate, Multi-Device and Vertical) Rhythm
Font Pair Font Pair helps designers pair Google Fonts together. Beautiful Google Font combinations and pairs.
Generate Type Scales With Stackswell Save time with Stackswell’s latest release and create type systems in seconds!
Material design type system Use typography to present your design and content as clearly and efficiently as possible.
Modular Scale Calculate, visualize, and learn about modular scales.
Type Connection Type Connection is a game that helps you learn how to pair typefaces.
Typography for Developers This is intended as a practical guide for developers to learn web typography.
Typewolf What’s Trending in Type
Type Scale - A Visual Calculator Preview and choose the right type scale for your project. Experiment with font size, scale and different webfonts.
WhatFont - Chrome Extension The easiest way to identify fonts on web pages.

↥ Back to top

Webmaster tools

Name Description
Schema.org A collaborative, community activity with a mission to create, maintain, and promote schemas for structured data on the Internet, on web pages, in email messages, and beyond.
Microformats The simplest way to markup structured information in HTML.
Understand how structured data works This documentation describes which properties are required, recommended, or optional for structured data with special meaning to Google Search.
Structured Data Testing Tool by Google Google structured data testing tool.
PageSpeed Insights by Google Make your web pages fast on all devices.
JSON for Linking Data Data is messy and disconnected. JSON-LD organizes and connects it, creating a better Web.
JSON-LD Wiki
Latitude and Longitude Finder Latitude and Longitude are the units that represent the coordinates at geographic coordinate system. To make a search, use the name of a place, city, state, or address, or click the location on the map to find lat long coordinates.

↥ Back to top

Package manager

Name Description
List of software package management systems This is a list of software package management systems, categorized first by package format (binary, source code, hybrid) and then by operating system family.
APT Debian based Linux OS package manager.
Yum Fedora based Linux OS package manager.
Homebrew Homebrew is a package management system that simplifies the installation of software on Apple's macOS operating system and Linux.
winget The Windows Package Manager (aka winget) is a free and open-source package manager designed for Microsoft Windows 10.
Chocolatey Chocolatey is a machine-level package manager and installer for software packages, built for the Windows platform.
goenv goenv aims to be as simple as possible and follow the already established successful version management model of pyenv and rbenv.
npm npm (originally short for Node Package Manager) is a package manager for the JavaScript programming language.
nodenv Use nodenv to pick a Node version for your application and guarantee that your development environment matches production.
pyenv pyenv lets you easily switch between multiple versions of Python.
yarn yarn is a alternative to npm.
rvm RVM is a command-line tool which allows you to easily install, manage, and work with multiple ruby environments from interpreters to sets of gems.
rbenv Use rbenv to pick a Ruby version for your application and guarantee that your development environment matches production.

↥ Back to top

Jamstack

Name Description
Netlify Deploy modern static websites with Netlify. Get CDN, Continuous deployment, 1-click HTTPS, and all the services you need. Get started for free.
StaticGen Top open-source static site generators list.
Staticman Staticman is a Node.js application that receives user-generated content and uploads it as data files to a GitHub and/or GitLab repository.
Gitalk A modern comment component based on Github Issue and Preact.
utterances A lightweight comments widget built on GitHub issues. Use GitHub issues for blog comments, wiki pages and more!

↥ Back to top

List of lists of lists

Name Description
56 Unique Lorem Ipsum Generators Spice up your filler text and design projects with these hilarious lorem ipsum generators.
Abstract Guide to HTTP Status Codes A list and explanation of HTTP Status Codes
Awesome A curated list of awesome lists.
Awesome Awesomeness A curated list of amazingly awesome awesomeness.
Awesome Awesome A curated list of awesome curated lists of many topics.
Bootstrap Resources by Start Bootstrap A comprehensive list of Bootstrap and related resources.
Bootstrap Snippets by Start Bootstrap A curated library of Bootstrap 4 code snippets, perfect for dropping into your project without downloading an entire theme!
Design essentials, GitHub collections This collection of design libraries are the best on the web, and will complete your toolset for designing stunning products.
Design Resources For Developers A curated list of FREE design & UI resources for developers including stock photos, templates, frameworks, UI Kits, online tools and much much more.
GitHub - Open source showcases Browse popular repositories based on the topic that interests you most.
Gradient Backgrounds As a curated list of the best gradient websites across the internet, Gradient Backgrounds allows you to explore, try and choose from hundreds of beautiful blended color palettes.
JavaScript Plugins Repository Vanilla JS tools for writing powerful web applications without jQuery.
Javascript Territory JSter Javascript catalog.
JavaScripting The database of JavaScript libraries, frameworks, and plugins.
Libraries.io The Open Source Discovery Service.
List of HTTP status codes A list of Hypertext Transfer Protocol (HTTP) response status codes.
Social Share URLs This project is intended to help you integrate sharing on social media within your code.
Stock photos that don't suck A list of places to find the best free stock photos.
Text editors, GitHub collections A showcase of some amazingly awesome open source editors.
Unheap A tidy repository of jQuery plugins classified in categories.

↥ Back to top