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.
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.
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.
Steven is a digital creative from Stockton-on-Tees, UK. An experienced Head of UX, Steven has written a number of articles on web design and front-end development, as well as delivering a talk at CSSConf Budapest on the potential of CSS animations. He is currently Head of UX at Aero Commerce.