Your Mobile Apps Look Bad and You Should Feel Bad

Posted in HowTos, Tips, Usability, Web Design, WordPress4 weeks ago • Written by 1 Comment

Mobile application design and development has been ‘the thing’ as of late. With the growing prominence of smartphones, more and more applications are developed. It’s like, we have an app for everything, right?

What makes it even more amazing is that this year, the projected number of smartphone users will be 1.75 billion. This staggering number resulted into 2.6 million apps in app-stores (iOS, Android, Blackberry and Windows phones combined).

If there is one thing certain about these huge statistics, it would be that mobile application development and design is a big and newly-discovered gold mine to plow. There are a lot of opportunities waiting for developers as mobile apps continue on growing as the age of smartphones conquer the market.

Your Mobile Apps Look Bad and You Should Feel Bad Read More

How To Do Your Best Work by Working Smarter, Not Harder!

Posted in Freelance, HowTos, Web Design3 months ago • Written by 1 Comment

Would you like to know how you could be so productive that in two hours you could get done what takes for most people a whole day?

I have always been interested to discover “long-term shortcuts”, shortcuts which will keep me productive and healthy for years to come! Sure, there are short-term shortcuts like drinking huge amounts of caffeine, using drugs, pills, energy drinks, cigarettes, but these things will seriously mess up your health and well-being in long term.

Do you know story about hare and tortoise – “Slow and steady wins the race”? That’s right I don’t want to be hare, I am all about boring and un-sexy rituals which will make all the difference in long-term! If you are looking for magic bullet or get quick rich scheme you should go somewhere else.

Long-Term Shortcuts outlined here will get you ahead of everybody else, they will help you to get tasks done better, faster and with less effort! That’s what you call best work!

How To Do Your Best Work by Working Smarter, Not Harder! Read More

What You Should Know When Choosing the Best Web Host

Posted in HowTos, Quick Tips, Tips, Tools, Usability3 months ago • Written by 1 Comment

Every designer or  developer who has worked with websites knows the importance of hosting. Web hosting is among the top important things that you have to consider before starting the website creation. Selecting a really good web hosting company can do your half of the work.

Many people talk about how a website should be designed or how to hire the best designer but, the importance of having the best web host is often not considered an important topic to discuss.

So, why do designers and developers need a web host?

  • Assurance. In order to make your website go live on the Internet, web hosting is required. If you think that registering for a domain name is enough than you are mistaken.
  • Accessibility. Having a website hosting company will make it sure that your website is accessible by everyone around the world. You can surely design a website but if you don’t have a web host, no one can access your website.
What You Should Know When Choosing the Best Web Host Read More

Visualize Data Beautifully With Chart.js Library

Posted in Coding, HowTos, Tutorials, Tutorials3 months ago • Written by

Creating charts that look presentable can be a bit of a pain sometimes. Most often, web designers or developers use graphics to display data using Photoshop or Illustrator, which may take a lot time to be done.

Good thing, there are many available free JavaScript libraries online that web designers or developers can use to display data beautifully. The web designer or developer can then present data without creating graphics in Photoshop or Illustrator.

Chart.js library is one of the great online JavaScript libraries which builds data using HTML5 canvas element to draw graphs and charts, complete with documentation.

To see chart.js in action, we’re going to build the following charts using web programming languages as our labels with their fictional data.

Visualize Data Beautifully With Chart.js Library Read More

Typography Designs Using CSS3 and Lettering.js

Posted in Coding, HowTos, HTML & CSS, Tutorials4 months ago • Written by 2 Comments

Web typography has become even more popular on the Internet in recent years.  In the past, this was ignored, but with the different screens nowadays, this is an essential topic that should be dealt with. These days, with the options to use Web fonts like Google Fonts and Typekit, you can achieve cross-browser, stunning and high resolution web texts without worrying the screen sizes.

However, with all these available technologies, there’s a key ingredient missing for typographers: Kerning.

Kerning is the process of adjusting the spacing between characters in a proportional font. Thanks to the power of CSS3 and jQuery, it’s now possible to structure a well-designed typography with complete control of the text and animation quickly and easily.

Today, I’ll show you how to create stunning typography designs with CSS3 and a jQuery plugin called Lettering.js, a simple, lightweight, and easy-to-use jQuery plugin that gives complete control on web typography.

Typography Designs Using CSS3 and Lettering.js Read More

How to Create Smooth CSS3 Animation Styles and Effects with Ease

Posted in Coding, HowTos, Tutorials, Tutorials, Web Interface5 months ago • Written by 14 Comments

With the newest capability of CSS3, transition from one style to another without using JavaScript or Flash becomes possible. It allows elements to change values over a specified duration, animating the property changes instead of having them static and leaving them dead. CSS3 animation styles and effects give your more freedom to create the design you want.

Today, I’m going to introduce to you different transitions and effects that can be done using only CSS3. So get ready and let’s rock!

How to Create Smooth CSS3 Animation Styles and Effects with Ease Read More

How to Use UI Kits – Plus Free UI Kits to Choose From!

Posted in HowTos, Quick Tips, Tutorials, Web Interface, WordPress7 months ago • Written by 2 Comments

UI kits can be seen anywhere on the Web. But what is this UI kit thing? Do you know how to use UI kits? You can see a lot of resources with beautiful interface elements such as buttons, sliders, breadcrumbs, media players, forms and the likes. Perhaps it crossed your mind how these elements came to be.

Let me give you first a brief introduction about UI kits. A UI kit stands for “User Interface Kit”, which are PSD files that are composed of user interface elements. These come in a variety of colors, patterns and asl files that are being integrated on web and mobile designs. Though sometimes there are UI elements that are included on the package that you don’t think you will be using. That being said, UI kits will vary according to your web design needs. Usually the premium versions of UI kits come with a lot of user interface elements than the free ones.

Using UI kits is all about improving and speeding up the workflow without giving a lot of time thinking what to design. This allows you to focus more on the functionality and usability of the website you are working on.

How to Use UI Kits – Plus Free UI Kits to Choose From! Read More

How These 11 WordPress Scripts Will Stop North Korea And Improve Your Blog

Posted in HowTos, WordPress1 year ago • Written by 23 Comments

In this post you will get 11 WordPress scripts that will help improve your blog’s performance and that may or may not stop North Korea from terrorizing us.

Either way, you will find these little WordPress hacks very useful for your daily blogging needs, which can help you save lots of precious time!

If you’re eager to enhance or improve the functionality of your WordPress site, then below are powerful WordPress scripts that will definitely give you a great head start.

How These 11 WordPress Scripts Will Stop North Korea And Improve Your Blog Read More

Build a Custom WordPress Home Page with Custom Widget Areas

Posted in HowTos, Themes, WordPress1 year ago • Written by 19 Comments

In this video tutorial I will teach you how to build a WordPress website with custom widget areas the easy way. Even if you haven’t touched a single line of code before, this tutorial is simple enough to walk you through every code.

This tutorial goes hand in hand with Christian’s video tutorial on how to create a website from scratch using HTML5 and CSS3. The goal is to help you understand how easy it is to create the same layout (from Christian’s tutorial) in WordPress using custom widget areas. Although you will need to put the pieces together a little, it’s a fun learning experience nonetheless!

Build a Custom WordPress Home Page with Custom Widget Areas Read More

Create Your Responsive WordPress Site In Less Than 5 Minutes + Bonus Tutorial

Posted in HowTos, WordPress1 year ago • Written by 34 Comments

In this video post I will guide you through the whole process of how to create a responsive WordPress site without you touching a single code. Well, at least for the first part.

The first video focuses on how to setup a responsive WordPress site using Bluehost as your host, and along with it is a special discount for 1WD readers. Second part is a little more technical where I will teach you how to create a child theme for the WordPress theme called Responsive and basically redesign the whole theme to your liking.

Create Your Responsive WordPress Site In Less Than 5 Minutes + Bonus Tutorial Read More
54.83.228.89 - unknown - unknown - US