Connect With WRD
feed via e-mail
feed via e-mail

Loader/spinner icons are a part of almost any web project that involves ajax requests.

Lea Verou, an inspiring web designer has recently shared a simplistic solution to create a spinner with pure CSS.

CSS Spinner

There are already other solutions but this one is the cleanest of them all, uses only 2 elements and not much of CSS.

Everything is sized with ems, so it can be resized however preferred, it works on all modern browsers and has a fallback text for others.

Enabling users to view all sides of a product is a common UI pattern, mostly, in e-commerce websites.

jQuery Interactive 3D is a plugin that allows us to accomplish a similar functionality using multiple images.

jQuery Interactive 3D

It is so easy to use and works with a simple function and a list of specifically-named images.

And, there are options for customization like the cursor icon, speed, touch support, auto-play and more.

Although there are many free icons around, there is really never “much of them” as every new one is an option to find the best that matches what we are looking for.

SM-Artists has created a slick and free weather icon set that is flat and mono-colored.

Vector Weather Icons

The set has 42 vector items which are available for Photoshop + Illustrator.

Items included cover most of the weather-related scenarios, temperature and more.

For any small business or freelancer, keeping track of the client invoices and payments is a job that is handled personally.

Using an online invoicing solution can help minimizing the effort spent on the task and, FusionInvoice, a free + open source invoicing app can help.

FusionInvoice is built with PHP/MySQL and has a simple-yet-nice interface.


Using the app, we can define clients, send quotes, convert quotes to invoices or create and send the invoices directly. Invoices can be set as “recurring” as well.

As a payment system, there is only support for PayPal and any other payment provider will require some custom coding.

In the dashboard, it is possible to filter records, view reports and also create guest users (like clients) which only has read permissions so that they can view their invoices and payments too.

Inky Deals is running an exciting giveaway and here are the details:

By entering this contest, you’ll automatically receive a pack of premium resources worth $55 for free. It comes from the Inky Deals best seller Full Design Library: $3,860 worth of Premium Resources for Only $49.

About Inky Deals

Inky Deals is one of the leading deals websites in the design community, with an extended family of more than 300,000 design enthusiasts.

It’s the place to go if you want to buy premium resources at unbeatable prices, whether you’re a graphic or web designer, developer, or business owner looking to improve yourself and your work.

They’re the only ones who offer a 200% money back guarantee on every product. This means that if you’re not happy with it, you get your money back and you also get to keep the product.

Because Inky (the lovable little ink blob) and his team enjoy giving back to the community, they’ve launched this unique giveaway where you can win an iPad Air and 5 design deals of your choice from the website. Take advantage of this opportunity to freshen up your personal library of resources for 2014!


Inky Deals Testimonials

What can you win?

By entering this contest, you’ll automatically receive for free a pack of premium resources worth $55. This pack comes from the best seller Full Design Library: $3,860 worth of Premium Resources for Only $49 and you’ll get it through email, the same day you enter the giveaway.

Inky Deals Prizes Read the rest of this entry »

There are many metrics and information on the web that we may be following regularly: tweets, number of followers, Facebook messages, GitHub activity and much more.

Reportr is a free and open source web application (with an alternative hosted version) that allows us to track any data and make it all visible from a single dashboard.


It is built with Nodejs, uses MongoDB for storage and comes with various ready-to-use trackers like Facebook, Twitter, GitHub, Foursquare and even Runkeeper or Fitbit.

Reportr has a simple REST API and adding new trackers is pretty simple.

With all the unforeseeable fluctuations in traffic and download rate, websites either sink or they swim.

As far as you’re concerned, it’s important that your site “stays afloat” regardless of how many readers are drawn to your articles at any specific point in time.

Actually, you want as many visitors as possible, so when your wish does come true, those visitors better not be waiting too long or staring at a temporarily offline page and an apology note – the anticlimax may steer them away for good!

It is now common knowledge that a fast site loading time is the heaviest argument for a good SERP (search engine ranking position), because anything over 3 seconds kills the visitor’s interest.

A Content Delivery Network takes a lot of weight off the frail shoulders of your web host’s server, and this usually happens for a far more affordable price than the instance where you upgrade the existing hosting plan.

Basically, one such service gives you the chance to store images, CSS, and Java Script on its own hardware, and then insert links that the CDN generates straight into your articles. Hence, your articles can be accessed from anywhere in the world – it will always load lightning-fast.


MaxCDN Network

MaxCDN has earned the reputation of being a five-star CDN, as data centers are spread in around 90 countries worldwide, and complements WordPress websites perfectly (integrated with W3 Total Cache/ WP Super Cache). It is so easy to use:

  • Takes little over 5 minutes to install
  • Users can operate their charming control panel on-the-go (from an iPad)
  • Ask for help anytime, via chat, email, or ticket system – 24/7
maxCDN Dashboard
MaxCDN Stats

Here’s what you get from having MaxCDN on your side:

  • Speed is the operative word – watch as your website performance skyrockets to well over 300%. Since you entrust their servers with the static files of your ever-expanding content, your server will have no problem whatsoever in making your website perform at its best potential
  • It provides caching of databases, posts, pages, and RSS feeds;
  • With the Gzipping feature, you may compress files and thus save more space
MaxCDN Pricing

In terms of pricing, MaxCDN stands out by means of its affordability and cost-effectiveness.

A set of five plans are available on a monthly or an annual basis with the guarantee of 100%SLA and with the opportunity to change your mind during the first 30 days.

The most popular plan is ‘plus’, which includes 500 GB/month and 3 websites (zones) for a price of $39 per month.

Coupons can cut a lot off the standard prices – presently, there is an offer which enables a 20% discount by using code “max20”.

I don’t have any idea how long this offer is available and is definitely a good opportunity in case you want to add CDN support to your sites.

Native mobile apps usually work faster, smoother and these result in a better user experience.

And, web designers/developers always look for new ways to catch this performance with web technologies.

Ionic, a front-end framework, a helps building native-like mobile apps with HTML5, CSS3 and JavaScript.

Ionic Front-end Framework

It is not a replacement for PhoneGap or a JavaScript framework but the focus is on the UI interactions and design.

The framework ships with SASS and various AngularJS extensions (optional) and many components like buttons, toggle, header/footer, tab bar and more.

Ionic is well-documented with tutorials and examples to start with.

DynoSRC is a module for Nodejs apps that enables us to minimize HTTP requests by removing the need to serve JavaScript files.

The library loads the JavaScript files inline in HTML and stores them with localStorage so that they won’t be re-requested until a change happens.


And, if the contents of a JavaScript file is changed, only the changes are served which is again a gain in the file size.

Also, it is possible to serve DynoSRC itself inline and no requests will be made for JS files.

MightyDeals LogoWordPress is a beautiful CMS with all the simplicity, plugins, themes and community.

However, there are still areas that it can be improved.

MightyDeals is offering a discount on MotoPress, a plugin that transforms the WordPress content editor into a more flexible one.

MotoPress WordPress plugin

It allows creating and editing content with drag ‘n drops and with support for images, galleries, videos, custom codes and more.

The editor is responsive and works in all resolutions. Also, there is support for custom post types and extending it further with shortcodes.

MotoPress is normally priced $29 but it is discounted to $9 which is a good deal to anyone looking for a different-yet-powerful content editor.

Uptime Robot