Testing Tools & Services
⁉️ Can I Use
Ever wondered if you could use a css-property or are curious how browser support is for certain file formats? Visit this website to get answers.
🕵️♀️ Page Speed Insights
Google created this speed testing tool for deeper insights and gives you a variety of options to improve website speed.
🏓 Pingdom
We built this Website Speed Test to help you analyze your website load speed. The test is designed to help make your site faster by identifying what about a webpage is fast, slow, too big, and so on.
🧿 Facebook Sharing Debugger
Run tests on how facebook will display your webapp or landingpage when shared and fix issues with your og-tag setup.
🔮 Seobility
Quick overview about the SEO performance of your side. Giving insights to content performance, meta- and og-tags as well as keyword analytics and server performance.
🐧 Kali Linux
Kali Linux is an open-source, Debian-based Linux distribution geared towards various information security tasks, such as Penetration Testing, Security Research, Computer Forensics and Reverse Engineering.
Code Generating
🌊 Webflow
When working with designers prototyping takes a lot of time. With this tool you get a visual editor, which your designer can use like any other prototyping tool (XD, Sketch, Figma etc.). The one huge advantage though is: you can export code with paid plans. You wouldn’t have to deal with HTML & CSS, but can immediately start with frameworks, CMS implementation, animation libraries and so on.
🖍 Grainy Gradient Generator
Generate your custom grainy gradient with a visual editor and export CSS directly. Inline SVG included.
Literature
📔 You Dont Know Javascript (Book Series)
One of the most relevant literature when it comes to JavaScript. Open source e-book which you can read online. Support the project by buying the real edition.
Libraries & Software
🧤 GreenSock Animation Platform
A robust JavaScript toolset that turns developers into animation superheroes. Ready for a lot if integrations or vanilla projects. Focussing on performance, compatibility, and support so that you don't have to.
🗜 Lodash
Lodash makes JavaScript easier by taking the hassle out of working with arrays, numbers, objects, strings. Comes with a lot of well documented functions, f.e. delaying and timing event firing precisely.
🖇 p5.js
p5.js is a JavaScript library for creative coding, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners, and anyone else!
🎲 three.js
JavaScript-based WebGL engine that can run GPU-powered games and other graphics-powered apps straight from the browser. The three.js library provides many features and APIs for drawing 3D scenes in your browser.
Content Management Systems
🌸 Kirby
Kirby comes with a powerful PHP-based template engine. Optimized for speed and equipped with an ultra flexible and intuitive PHP API, you can build your perfect frontend the way you like. Easy to handle, highly maintainable Kirby gives great results with less code, which makes it very developer friendly. Comes with a detailed guide and tutorials.
🔌 ProcessWire
Open source PHP CMS for any environment with a wide variety of free options and a lot of pro solutions. Does a lot with less code and is therefore easily integrated in any web-app. Active community support and tutorials in the processwire forum.
♨️ Twill
Open source PHP CMS for laravel, provides quick results and a very well explained tutorial to get started.
WordPress
💍 Lay Theme
Lay Theme is a highly customizable portfolio theme, which makes code injection very easy. HTML, CSS, CDN integrations, jQuery and JavaScript are supported, what makes it very development-friendly.
🔐 WPScan
Penetration testing tool with a variety of functions. Alongside other features you get general analytics, brute force attacks, elaborating usernames and security issues. Check your own or your client’s WordPress site for weaknesses to avoid vulnerabilities.
View on Github
Information & Discussions
r/webdev – subreddit with a big community for general discussions, getting started with web development or asking for help.
r/learnjavascript – subreddit for learning javascript, exchange and discussions with other developers.
r/Frontend – subreddit for frontend development with a lot of coding examples and experimental projects.