Skip to main content

Divjoy - The React Codebase Generator

Our mission is to be the best way to get started with your next web app. We believe devs spend way too much time wrestling with technical choices and rebuilding the same basic layouts. Divjoy lets you skip all that so you can spend more time focused on what makes your web app unique.

Looks like a nice launchpad for my React adventures.

Adactio: Journal - Split

But the split that worries the most is this: The people who make the web vs. the people who are excluded from making the web.

Excellent article by Jeremy Keith!

nip.io - wildcard DNS for any IP Address

Stop editing your etc/hosts file with custom hostname and IP address mappings. nip.io allows you to do that by mapping any IP Address to a hostname.

This is really handy.

Cypht

All your E-mail, from all your accounts, in one place. Cypht is not your father's webmail. Unless you are one of my daughters, in which case it is your father's webmail.

Quite an interesting concept.

ngrok - secure introspectable tunnels to localhost

ngrok allows you to expose a web server running on your local machine to the internet. Just tell ngrok what port your web server is listening on.

This looks quite helpful for web development. Found in the @bitsundso picks.

Sim Daltonism

From the perspective of a color blind person, some colors are impossible to distinguish. Sim Daltonism lets you visualize colors as they are perceived with various types of color blindness. Use the camera on your iOS device, or use the Mac app to filter a region of the screen.

Tenon.io

Tenon.io can identify 508 and WCAG 2.0 issues in any environment - even on your developer's laptop. Because production is a bad place to discover bugs.

Check your website for accessibility issues.

WebAIM: Color Contrast Checker

Ensure a proper contrast when choosing colors for your design.

StackBlitz

The online IDE for web applications. Powered by VS Code.

.0

CodePen

Front End Developer Playground & Code Editor in the Browser

WPO Stats

Case studies and experiments demonstrating the impact of web performance optimization (WPO) on user experience and business metrics.

If you have to tell your manager why you want to optimize the speed of your site.

Responsive Image Breakpoints Generator by Cloudinary

Easily generate the optimal responsive image dimensions. One image for all screen resolutions and different devices is not enough. An image per pixel is too much - so how can someone automatically choose the optimal responsive image sizes?

Dareboost

Website Speed Test and Quality Check

Charles Web Debugging Proxy

Charles is an HTTP proxy / HTTP monitor / Reverse Proxy that enables a developer to view all of the HTTP and SSL / HTTPS traffic between their machine and the Internet. This includes requests, responses and the HTTP headers (which contain the cookies and caching information).

Harry Roberts: Why Fast Matters

With more and more emerging markets coming online, and more and more apps moving to the web platform, we’re reaching an intersection where connections are getting slower and websites are getting heavier. In this talk, we’ll learn just what these emerging markets mean to us, and how we can begin to move in the right direction.

Accessibility Wins: Google Chrome’s Color Contrast Debugger

Chrome Canary’s developer tools have an experiment where you can debug color contrast right in the style inspector.

Request Map Generator

Submit a URL to generate a node map of all of the requests on the page. Rapidly identify what third-parties are on your site, where your transmitted bytes are coming from and how slow your domains are!

builder4impress - extremely WYSIWYG editor for impress.js

This tool allows WYSIWYG editing of impress.js presentations.

Alpha version, though. A bit rough around the edges.