Web development resources
Collection of links I find on my way about Web development.
Web
CSS frameworks
See my CSS frameworks section.
JavaScript frameworks
See my JavaScript frameworks section.
Design systems
- Ant Design
- A design system with values of Nature and Determinacy for better user experience of enterprise applications
- Material Design
- Create intuitive and beautiful products with Material Design
- Semantic UI
- User Interface is the language of the web
Sites
World Wide Web Consortium (W3C)
- Can I use …
- Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers.
- Web technology for developers | MDN
- Web technology documentation at Mozilla developer network
- HTML Dog
- HTML, CSS and JavaScript tutorials
- Flat UI Colors
- This small web app helps you to copy the colors from [Flat UI].
- MDN - Mozilla Developer Network
- Shared knowledge for the Open Web, in particular see Learning the Web.
- Code Guide by @mdo
- Standards for developing flexible, durable, and sustainable HTML and CSS.
- structure exposed
- View a website’s skeleton by resetting all styling to browser default.
- HTTP STATUS DOGS
- Hypertext Transfer Protocol Response status codes. And dogs.
- HTTP Status Cats API
- Usage:
https://http.cat/[status_code]. If you need for some reason to use an image extension, add .jpg to the URL. - Inclusive Components
- A blog trying to be a pattern library. All about designing inclusive web interfaces, piece by piece.
- Web Accessibility Guide
- A curated collection of web accessibility tips, tricks, and best practices. Let’s make the web a better place for everyone.
CDN
- See also CDNperf
- finds you fast and reliable JavaScript CDNs that make your websites snappy and happy!
- unpkg
- unpkg is a fast, global content delivery network for stuff that is published to npm.
Site templates
- Initializr
- Start an HTML5 project in 15 seconds!
- HTML5 ★ BOILERPLATE
- The web’s most popular front-end template
- TEMPLATED
- A collection of many free CSS and HTML5 site templates, designed & built by Cherry + AJ and released under the Creative Commons.
Do not miss Motherfucking Website and …
Validators
- W3C Markup Validation Service
- Check the markup (HTML, XHTML, …) of Web documents
- W3C CSS Validation Service
- Check Cascading Style Sheets (CSS) and (X)HTML documents with style sheets
- Validator.nu
- HTML5 Validator (by WHATWG)
- PageSpeed Insights
- Make your web pages fast on all devices (by Google).
- The AMP Validator
- Interactive validator for Accelerated Mobile Pages (by Google).
HTTP
HTTP/1.1: Status Code Definitions
Browser testing
- BrowserSync
- Time-saving synchronised browser testing.
- LiveReload
- The Web Developer Wonderland
Fonts
- Google Noto Fonts
- Beautiful and free fonts for all languages
- Type Terms
- If you are new to typography or here to refresh your memory, then Type Terms is the perfect tool for you.
- Hack
- A typeface designed for source code
- Font River
- 20,000 downloadable fonts and dingbats for Windows and Mac
- Fira Sans
- Firefox OS Typeface
- Google Fonts API
- helps you add fonts to any web page, see also all available fonts
- Google Noto Fonts
- Beautiful and free fonts for all languages
- Ubuntu Font Family
- A unique, custom designed font that has a very distinctive look and feel
- Adobe Font - Source Code Pro
- Monospaced font family for user interface and coding environments
- Liberation fonts
- Free font by RedHat, compatible with Microsoft Office
Icons
- b64
- Image optimization and base64 encoding.
- Font Awesome
- THe iconic font and CSS toolkit
- Fontello
- Icon fonts generator
Icon finder
- Iconic
- The definitive icon set designed for the modern web.
- Code Icons
- An icon set of programming languages, frameworks, and coding tools.
- Flat icons
- Free icons for both personal & commercial use.
- Icons8
- 38700 free icons, the largest icons pack ever.
- Simple icons
- Free SVG icons for popular brands
- Super Tiny Social Icons
- Under 1KB each! Super Tiny Icons are miniscule SVG versions of your favourite website and app logos
- svgicons.sparkk.fr
- Ready to use SVG icons for the web.
Favicons
X-Icon editor
Online editors
See Online JavaScript IDE on Wikipedia for a comparison table.
- Codepen
- Front End Developer Playground & Code Editor in the Browser
- Leaveweave
- HTML5, CSS3 & JavaScript playground for web designers & developers
- bl.ocks.org
- viewew for D3 code examples histed on GitHub Gist
- cssdeck
- HTML5, CSS3, JS Demos, Creations and Experiments
- Plunker
- an online community for creating, collaborating on and sharing your web development ideas
- JS Bin
- Collaborative JavaScript Debugging
- Cloud9 IDE
- an online IDE for client and server development
- Bootply
- The Bootstrap Playground
- JSFiddle
- Test your JavaScript, CSS, HTML or CoffeeScript online
- Koding
- an online IDE which allows software developers to program and collaborate online in the browser
- Nitrous.io
- Create a {Node.js, Ruby, Python, Go} Development Environment in 60 seconds
- Codio
- THE WORLD’S MOST POWERFUL WEB IDE
- CodeSandbox
- CodeSandbox makes it easier to create, share and reuse React projects with others
Random stuff
- Unsplash
- Photos for everyone
- Lorem picsum
- Lorem Ipsum… but for photos
Articles
Client side
- Web Design in 4 minutes
- a nice interactive tutorial
Don’t Forget to Cover Your Client Side!
- Working With Intl
- ECMAScript Internationalization API
Remote Desktop Client with AngularJS and Yeoman
7 Principles of Rich Web Applications
Presenting The Most Over-Engineered Blog Ever
Introducing Pokedex.org: a progressive webapp for Pokémon fans
The Complete Guide to Lazy Loading Images
The Essential Meta Tags for Social Media
Server side
Scaling to Millions of Simultaneous Connections
How we built analytics.usa.gov
Hosting
Linode
- Firebase
- Build Realtime Apps
- OPENSHIFT
- The Open Hybrid Cloud Application Platform by Red Hat
Joyent
Cloud At Cost
demos
WebGL
- tanx
- WebGL game on PLAYCANVAS