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.
GitHub’s text editor can be customised to suit your needs
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.
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.
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.
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.
Let's Encrypt will help you switch a project over to HTTPS
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.
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.
Get the Creative Bloq Newsletter
Daily design news, reviews, how-tos and more, as picked by the editors.
Louis is an author, speaker and frontend developer who’s been involved in the web development industry since 2000. He curates the popular newsletter Web Tools Weekly and blogs about code at Impressive Webs.
