Articles by Ioanni Mitsakis

Design

Gutenberg: Web Typography for Everyone

February 25th, 2016
by
Gutenberg: Web Typography for Everyone

Gutenberg is a starter kit for better web typography. Its developer Matej Latin provides an easy way of creating prettier content that is easier to read. This is mainly achieved by a consequent orientation of all contents towards a baseline which is defined depending on the text size. Gutenberg’s Web Typography is Handsome Good typography is a rare sight on the web. Of course,...

(Free) Services

Foodshot: Free Images of – well – Food

February 24th, 2016
by
Foodshot: Free Images of - well - Food

Recently, a new service for free grocery images named Foodshot has launched. The array of photos is still rather negligible; the quality is already high. Let’s take a closer look, shall we? Many Photo Platforms, Few Food Images This undoubtedly took a while. When I created a platform for free grocery pictures in 2008 as a reaction to the wave of problems a popular...

Development

Test my CSS Helps You Optimize Your Stylesheets

February 20th, 2016
by
Test my CSS Helps You Optimize Your Stylesheets

A free online tool gives a clear overview of all problems that your CSS stylesheets may or may not contain. This quickly shows you what you need to work on. Test my CSS also informs you of why each problem is a problem and gives advice on how to remove it. All you need is the URL of the stylesheet to be inspected. A...

Development

CSS Custom Properties: How to Use Variables in Chrome 49

February 19th, 2016
by
CSS Custom Properties: How to Use Variables in Chrome 49

Starting with version 49, Chrome supports custom properties, namely CSS Variables. Now, another central element of professional programming is ported to the browser without any additional requirements. Variables: Central Element of Structured Programming Variables are an irreplaceable part of professional programming. Just imagine having to manually redefine the values for every single application area instead of having them managed as variables from one central...

Business Online

Adsvise: Common Advertising Formats at Hand

February 17th, 2016
by
Adsvise: Common Advertising Formats at Your Hand

This is useful. Adsvise is a free-to-use website, that makes the content specifications of the different services out there available as clear and concise as possible. You are not sure which formats, measurements, and sizes you can use for an HTML5 ad on Google Adwords? Ask Adsvise. “Stopping advertising to save money is like stopping your watch to save time.” – Henry Ford Designers...

Business Online

Performance Budget: Free Online Tool for Page Optimization

February 14th, 2016
by
performance-budget-teaser_EN

The free online tool Performance Budget made by the London-based web developer Jonathan Fielding quickly estimates the size your pages are allowed to have to still be loaded quickly under different web conditions. This is not an accurate science, but a really great reference point to consider for your design. Using the tool is so uncomplicated, that it almost doesn’t require any additional time....

Development

Loud Links: JavaScript Adds Sound to Your Website

February 13th, 2016
by
Loud Links: JavaScript Adds Sound to Your Website

The small JavaScript Loud Links adds sounds to your website by making links and other elements audible via HTML5 audio elements that will provide audible feedback on click or hover. All you need for that are sound files as MP3 and OGG. The solution works on all common browsers. Sounds and Websites: A Question of Taste Of course, of course. You don’t need to...

Business Online

16 Fresh Free eBooks for Designers and Developers

December 18th, 2015
by
free-ebooks-teaser_EN

Being a designer or developer means that you’ll never be able to stop learning. Learning is like your second leg. You can still move with only one but won’t win any contests any longer. Free eBooks are perfect in helping you staying updated as they usually offer knowledge in a very compact form. That way they don’t take up too much of your time,...

Tips, Tricks & Tutorials

Inside WordPress: An Introduction to Custom Post Types

June 17th, 2015
by
wordpress-custom-post-types

Most people who work with WordPress have already heard of custom post types. Unfortunately, only a few web designers and bloggers know what this function actually is and how to make use of it. Custom post types are something like the icing on the cake and one of the reasons for WordPress’ popularity. Let’s have a look at custom post types and see what...

Inspiration

Best Practice: 30 Websites with Video Backgrounds

June 8th, 2015
by
video-websites-teaser_EN

Video backgrounds are growing in popularity. Now with the first services offering HD videos for free commercial use popularity will increase further and faster. Pexels, known for its free imgaes, has entered the market that before had only had Mazwai as a source for free video material. Other than Mazwai where backlinks are mandatory, Pexels offers its material under CC0. While we will also...

Inspiration

Pure Inspiration: 33 New and Award-Winning Websites

May 31st, 2015
by
pureinspiration-teaser_EN

Creativity needs inspiration. Even the greatest designers on earth are nothing without some inspiration from here or there. Look at Android and iOS for example. Armies of designers work on both and yet – isn’t there a slight similarity? Anyway, that’s not the point. To fuel your creativity we have roamed the web fpr new and award-winning piecesof web craftsmanship. Look what we have...

Apps

Origami: Free Design Prototyping for iOS, Android, and the Web

May 17th, 2015
by
Origami: Free Design Prototyping for iOS, Android, and the Web

Prototyping is an important element of the app development process. Animations and layer links need to be correct and tested before finishing the actual development process and uploading the app into the app store. Origami is a design framework developed by Facebook. It’s aimed at simplifying prototyping of iPhone and iPad apps, paying particular attention to the integration of interactions and animations. [Image of...

Plugins

Increasing Conversion: 7 Great WordPress Plugins for A/B Testing

April 17th, 2015
by
Increasing Conversion: 7 Great WordPress Plugins for A/B Testing

Split-testing is an important task, but one rarely done wholeheartedly. It’s quite remarkable because as a matter of fact it’s a proven way to get you more website traffic and to convert those visitors into loyal readers, customers or whatever you may call them. Which in no way applies to e-commerce websites only. A split test is called A/B testing. For instance, you could test...

Boilerplates & Other Tools

In Vogue: 9 Material Design Frameworks for Cutting-Edge Websites

April 8th, 2015
by
In Vogue: 9 Material Design Frameworks for Cutting-Edge Websites

When introducing its Material Design for Android, Google triggered one of the biggest current design trends. It took some time, but Android looks nice at long last. Some say it can even keep up with iOS others claim it has been more beautiful than Apple’s iteration anyway. And Material Design does more than supporting mobile apps. A growing number of websites use it, too....