69 fantastic free web tools

63. CodePen

CodePen is the go-to code playground for most frontend developers. The UI is clean and has support for most of the popular frameworks in HTML, CSS and JavaScript. The ‘Picked Pens’ section on the homepage is a great place to find inspiration and see some of the amazing community creations. 

64. Atom

The GitHub dev team's hackable text editor for modern development, Atom comes full-featured, with packages, themes, smart auto-completion, multiple panes and more. Best of all, it can be fully customised via HTML, CSS and JS.

65. Brackets

Adobe’s contribution to the text editor race is an open source editor with focused visual tools, preprocessor support, and the ability to ease in-browser design through live preview. It also integrates well with Photoshop via the Extract for Brackets extension.

66. Lorem Ipsum Generator

Both designers and developers rely on lorem ipsum text when producing mockups and testing type. loremipsum.io has a host of plugins for text editors and programming languages. The generator’s page has some comical alternatives too.

67. Pastebin

Pastebin is great when you just need to share a snippet of code, you go to the website, paste the code, copy the link and send it. You can add optional settings such as syntax highlighting and choose how long your URL will last.

68. Let's Encrypt

If you’re looking to switch a project over to HTTPS, you’ll want to investigate this option. It's a free, open and automated certificate authority that provides you with a hassle-free way to go secure.

69. Accessible HTML5 Video Player

This is a video player from the PayPal accessibility team. It has custom controls and a keyboard-accessible and screen reader-supported UI. There are no scripting dependencies and it uses HTML5 form controls for volume and progress indicators.

Related articles:

• Top prototyping tools
• The 18 best wireframe tools
• The best colour tools for web designers