Design
HTML5 Canvas or SVG: Choose Wisely
In 2004, the introduction of HTML5 also brought us the JavaScript based drawing method Canvas. The vector-based SVG format has been a thing since 2001. However, it only became truly ...
HTML/CSS
Boilerplates & Other Tools
Mobirise: Responsive Web Design Made Easy (and Free)
Talking about website builders, we have a plethora of options. But those that simply build a site as fast as 123 are few. Mobirise is the quickest builder I ever ran across.
Design
CSS Grid Garden Teaches You CSS Grid in a Playful Way
CSS Grid is the new trend in web design. After the modern browsers have been supporting this set of different CSS attributes for a while now, it is time to look into it. “CSS Grid ...
Design
CSS Icon: Pictograms in Pure CSS, Optionally Animated
The freely usable web app “CSS Icon” does not only deliver pictograms in pure CSS for free, but it also allows you to define animated transitions between any two of the ...
(Free) Services
SITE123: This Intuitive Homepage Builder Delivers Websites in No Time
Today’s website builders are almost too complicated for the average user. SITE123 deliberately avoids the way of maximum freedom and feature overload, focusing more on quick, but ...
Design
CSS: Pretty Buttons With bttn.css
Do you like the current ghost buttons or the ones in Material Design? No matter which flat design concept you prefer, I’m sure the small stylesheet bttn.css has one or two buttons ...
Boilerplates & Other Tools
Fibonacci Flexbox Composer: Comfortable Tool Makes CSS Flexbox Easy
The web app Fibonacci Flexbox Composer by Max Steenbergen from the Netherlands is an immense help when it comes to getting into CSS Flexbox. Basically, no prior knowledge is needed at all.
Design
Cookies & Co.: Storage Options in the Browser
For the longest time, cookies were the only option to store information locally within the browser. Even today they are mainly used in combination with server-side sessions. However, ...
Boilerplates & Other Tools
Datamaps.co: Quickly Create Maps as PNG or SVG
Maps are commonly used to visualize statistical data. Yet, these maps are not always available. Above all else, however, the editing of such datamaps always requires effort. The service ...
Design
MapSVG: Vector-Based Maps for jQuery and WordPress
Maps are always needed, either for the visual extension of statistics or for the display of location. MapSVG is a service that allows you to easily integrate vector-based, interactive ...
Design
Animated and Interactive SVG: Essential Tips
The SVG format has turned into a contemporary alternative to Flash in many regards. Not only is it vector-based, but it also renders animations and interactions possible. Due to the ...
Design
HTML5 and JavaScript: How to Create Mobile Web Apps
Mobile apps don’t always have to come as native apps. We can also use HTML5 and the JavaScript APIs it introduced, to develop mobile web apps that are (almost) equal to the ...
Boilerplates & Other Tools
Simbla 2016: New Data-Driven Website Application Builder
Many homepage builders promise you to be able to create websites without requiring any knowledge of HTML, CSS, and JavaScript. Then you find out that this comes at the cost of having to ...
Design
Mobile Navigation Via Taps and Gestures Instead of the Mouse
Mobile web has strongly influenced our habits of when, how, and where we use the world wide web. The way of how we navigate through websites has changed the most. A few years ago, the ...
Design
CSS: The Perfect Print Stylesheet
Even today, there are still many people that want to print out the entire internet. This can have many reasons. Maybe a team seeks to discuss an article’s content in a meeting. Or ...
Design
CSS Instead of SVG: Creating, Animating, and Morphing Shapes
When it comes to complex shapes and animations, SVG is often the format of choice, and there’s a reason for that. However, thanks to new CSS3 attributes, you get to create and ...