General Blog Posts

Payment SVG Webfont Icons for eCommerce Websites

25 February 2015
3229 Views

Payment webfont icons set is handy for designing eCommerce websites. It’s an SVG webfont full of icons of main payment systems. It includes Mastercard, Maestro, Visa, Visa Electron, American Express, Postepay, Cartasì, Diners Club, Discover, Union Pay, Electronic Cash, TrustE, Amazon, JCB Google Wallet, Stripe, Square, Ogone, VeriSign, Bitcoin (2 glyphs), Ripple, Sofortüberweisung, Gittip, Flattr, Skrill Moneybookers, Cartes Bancaires CB.
Payment SVG Webfont Icons for eCommerce Websites

25 Principles of Mobile Site Design from Google

25 February 2015
3157 Views

Consumers increasingly rely on the mobile web to research and make purchases, which makes it more important than ever for companies to have an effective mobile presence. But what makes a good mobile site?

To answer this question, Google partnered with AnswerLab to research how a range of users interacted with a diverse group of mobile sites. From this research: Principles of Mobile Site Design: Delight Users and Drive Conversions, Google established 25 principles of mobile site design to help companies build mobile sites that delight customers and drive conversions.

25 Principles of Mobile Site Design from Google


Opencall – Open Source Call Tracking Software

16 February 2015
1412 Views

Opencall is the world’s first open source call tracking software. The software is available under the GPL v3 license, is written in PHP and utilises MySQL as the database platform.

Call tracking is a method of monitoring inbound phone calls. It allows you to record conversations, track key statistics such as caller id, call duration, call source and streamline your sales, customer service and marketing. Self-host your call tracking solution – own your data, cut your costs and track calls in any country.

Opencall – Open Source Call Tracking Software

Analyze Your Website Speed and Performance

27 December 2014
1111 Views

Sitespeed.io is an open source tool that helps you analyze your website speed and performance based on performance best practices and metrics. It collects data from multiple pages on your website, analyze the pages using the rules and output the result as HTML or JUnit XML.

You can analyze one site, analyze & compare multiple sites or let it run in your CI tool to make sure that your site is always built the best way for speed. Sitespeed.io is released under the terms of the Apache License Version 2.0.

Analyze Your Website Speed and Performance

Mondrian – Open Source Vector Graphics Web App

27 December 2014
1037 Views

Mondrian is a free vector graphics web app like Adobe Illustrator or Inkscape. Mondrian offers all the tools needed to create, modify, and export simple SVG files. Mondrian also supports undo/redo through a file history API that stores operations.

The entire app is written in Coffeescript. You have to manually compile the app every time you make changes. Mondrian officially supports only the latest desktop stable versions of Chrome, Firefox, and Safari. All of the Mondrian code and documentation is available under the MIT License.

Mondrian – Open Source Vector Graphics Web App

Free Photos for Your Commercial & Personal Works

27 December 2014
780 Views

Every designer needs high quality photos in full resolution. So Viktor has decided to offer his own photos in full quality (mostly 3888 px in wide) to you for free in PicJumbo.

You can use them for many different things. For webdesign, sliders, apps, backgrounds or templates for sell. You are not limited. One thing he would really appreciate is an attribution. It’s up to you, it is not necessary but greatly appreciated.

Free Photos for Your Commercial & Personal Works

Audio Looping with Web Audio API

26 August 2014
1016 Views

Audio looping seems like a basic feature that you’ve probably come to expect from your favorite media player. Web Audio API is an API designed to manipulate and play audio assets on a Web page or application. It is an amazing foundation for games, synthesizers, audio players, trackers and more. All within the comfort of your browser. Support is excellent with Chrome, Opera, Safari and Firefox* all on board.

It probably took more JavaScript than you thought to make simple loops but with just a bit more work you can really kick things up a notch. Visualizers, volume control, special effects and so much more.

Audio Looping with Web Audio API

Solo: A Free Project Management App for Freelancers

26 August 2014
958 Views

Solo is the easiest way to manage your projects. You can create contacts, manage tasks, upload files, track project progress, and keep notes – all in the same place. The interface is simple, elegant, and intuitive.

You can easily keep track of how much time is spent on a task using the task timer. Manually enter time for those cases when work is performed without the timer. It’s easy to use installation wizard to guide you through the process. Requires a linux server, PHP 5.3+, and MySQL. You’ll have full access to the unencrypted source, allowing you to make any changes you like.

Solo: A Free Project Management App for Freelancers

The Simple API for Google Analytics Dashboard

25 August 2014
1085 Views

OOcharts is the Simple API for Google Analytics. It is an awesome little project that makes it easy to embed and share Google Analytics data through charts. API Keys are created to give access to certain Google Analytics profiles. For every request to OOcharts, you will need a valid API Key.

They queue your requests that would normally exceed the Google Analytics™ API limits to ensure you get your data fast and reliably. They also cache requests so you don’t have to waste time waiting for the same report you asked for a couple seconds ago. As soon as you connect your Google™ profile and make an API Key for your site, you can start getting data. You can fork OOcharts on Github too.

The Simple API for Google Analytics Dashboard

Reconstruct Sidebar Menu of Google Nexus 7 Page

22 August 2014
988 Views

Codrops has showed us how to reconstruct theGoogle Nexus Website Menu. It slides out with a really nice effect where some subitems get expanded as well. When hovering over a special menu icon, the sidebar icons will be revealed. When clicking on the icon, the whole sidebar menu will be shown. The first sidebar menu item is a search input which is styled the same way like the other menu items.

We will reconstruct this menu using unordered, nested lists and some CSS transitions. We’ll use JavaScript to apply classes for the opening effects and handling the hover and click events. With the help of a media query, we’ll adjust the size to make sense for smaller devices as well.

Reconstruct Sidebar Menu of Google Nexus 7 Page