Learn how to create (real) recurring tasks in Notion. There’s only basic coding skills necessary. Any tech-savvy person can level up from Notion formulas using this tutorial.
Tools (14 Articles)
I recently migrated manu.ninja to Eleventy. Never have I ever had such a pleasant experience with a static site generator. Here’re five snippets from my setup that might be useful for your own Eleventy projects.
How to use Storyblok’s GraphQL endpoint with Vue.js and Apollo
· 3 Minutes / 857 Words
Learn how to use Storyblok’s GraphQL API with Vue.js and Apollo. The full examples in this article let you combine the Headless CMS with Vue.js in just a few minutes.
Coding Meetups Progressive Web Apps Slides Tools Vue.js
Scaffolding a Progressive Web App using Vue CLI 3
· 15 Minutes / 3,756 Words
Vue CLI 3 has been released and it’s completely different from its previous version. Discover how it simplifies your toolchain, reduces configuration fatigue and improves your developer experience.
Learn how to build a Gatsby blog using ButterCMS. The code examples in this article let you combine Gatsby and ButterCMS in just a few minutes, no matter if you are a beginner or an expert.
Coding Business Conferences Slides Tools
Changing the Color of All Links in a Google Slides Presentation with a Google Apps Script
· 3 Minutes / 739 Words
We often use Google Slides at karriere.at for our presentations. To comply with our corporate identity we usually change all colors to our brand color, which is a saturated green. There is one problem, though: The default hyperlink color in Google Slides is a light blue and can not be changed for all slides at once. Luckily, there is Google Apps Script, which allows you to automate Google Slides and other services.
Coding Business Conversion Performance Testing Tools
A/B Testing Using Google Analytics
· 6 Minutes / 1,529 Words
A/B testing allows you to continually improve your product’s user experience or various sales and marketing KPIs, as long as your goals are well-defined and you have a clear hypothesis. This article does not tell you why you should do A/B testing, but focuses on how to track the test and analyze its result using JavaScript and Google Analytics.
Digital Art Coding Games Tools Slides
How to Take a High-DPI Full Page Screenshot in Google Chrome
· 2 Minutes / 668 Words
Whether you want to ask for design feedback from your colleagues, inspect changes between versions, use them in your presentation slides or your marketing folders: There are quite a lot of use-cases for screenshots of your web page. This blog post shows how to take high-DPI full page screenshot right inside of Google Chrome.
5 Chrome Developer Tools Features You Should Start Using Today
· 5 Minutes / 1,200 Words
Developers use the Chrome DevTools on a regular basis. However, most developers limit themselves to a few features that are familiar to them – like changing CSS styles or checking JavaScript errors. It pays off to explore and discover new tools. In this post I’ll show you 5 features you may not yet know, but which I find very helpful in my work.
This tutorial explains using npm for front-end JavaScript package management and writing lightweight automated tests with Browserify, tape and Sinon. It also features transpiling with Babel, handling npm hooks and using npm privately without publishing your package.
This post is for front-end developers who want to start writing tests. People have told them that testing their code is beneficial to their sanity. For some reason, though, they never got started – maybe because there are a lot of lenghty articles and different tools to consider. This article is different: It is a copy & paste guide to your first tests with a steeping time of about 3½ Minutes.
Coding Image Processing Lazy Loading Performance Tools
Dominant Colors for Lazy-Loading Images
· 5 Minutes / 1,233 Words
Pinterest, Google Images and lots of image-heavy sites lazy-load their content. They also calculate the dominant color of each image to use as a placeholder. This post presents a few methods to do the same and helps you understand the GIF file format to make the most of data URIs.
Several people have given me feedback on my grunt-svg-symbols plugin. They especially liked the idea of changing color values to currentColor, so that the icons inherit the text color. Therefore the updated plugin has an option to automatically replace the values of all fill and stroke attributes for you.
I won’t go into detail why an SVG icon system based on symbols is a good choice for your icons, because there are plenty of great articles out there. I will just give you an overview of our solution at karriere.at and show you a tiny Grunt plugin called grunt-svg-symbols, which creates a bunch of SVG icon systems from as many folders full of icons as you like.