Here’s a Quick Way to Find WordPress Developers When You Need One

Posted in Tips, Web Design • Posted on Leave a comment

You’re a business owner but why would you bother to find WordPress developers?

Being a business owner, you know that having a website is one great way to ensure profitability. Moreover, you know that you should not settle for generic themes.

Okay, you also realize that some things are learned over time- but that is one luxury you do not have.

What should you do? Of course, one of the best ways is to know which job board really caters to WP development and post your listing there.

With so many job boards to look online, how would you know that you are getting the best your money can buy?

Here’s a Quick Way to Find WordPress Developers When You Need One Read More

Telltale Signs That You Might Be a Bad Boss

Posted in Blogging, Tips, Web Design • Posted on 1 Comment

Bosses  can be pretty infuriating at times. But do you know what can really ruin your day? A bad boss.

In your web design career, you surely have experienced being administered by the boss. You take orders and requests, do and finish them and earn money at paydays.

If this is not the case, you might be the boss. You are the one who sends payments, administers people, and sanctions them if they do something wrong.

This can be very difficult at times, especially when you think of the times when you were still at the bottom of the chain. Everyone saw you as a friend more than a foe back then.  One moment, you still enjoy having coffee with your co-workers in the pantry. The day you were promoted, people looked at you with angry gazes.

Is this perfectly normal? What would you do? How did all this happen?

Telltale Signs That You Might Be a Bad Boss Read More

Waste Time Productively with These Blogs

Posted in Blogging, Freelance, Web Design • Posted on 3 Comments

It seems paradoxical to say that you can waste time productively. Productivity and procrastination are often conceived as two opposing forces that affect the lives of freelancers.

However, there is a slight glitch in this system. Given fair thought and immense amount of dedication, you can actually waste their time productively.

For web designers like you, there are some things you can do while you goof around your free time. You can:

  • Create freebies that could boost your portfolio
  • Look for more clients
  • Read more blogs that could actually help you in the future
Waste Time Productively with These Blogs Read More

Texturize It: How to Create Textured Text Using CSS

Posted in Coding, HTML & CSS, Tutorials • Posted on Leave a comment

Still remember the old days where in you are just starting out with Photoshop? You designed an image-based text and then just uploaded it on your website?

Instead of doing this with Photoshop, the good news is, it is now possible to create textured text using CSS3. Webkit now supports the background-clip CSS3 property that does exactly what Photoshop does.

Aside from that, you can also use the mask-image CSS property to do almost the same effect; however, this property clips the visible portion of an element according to the transparency of the mask images.

In today’s tutorial, you will learn how to apply these effects and create a cool textured text using CSS3 and HTML5.

Texturize It: How to Create Textured Text Using CSS Read More

30 More Android Applications You Mustn’t Miss This Year

Posted in Showcase, Tools • Posted on Leave a comment

Android, as we all know, is the world’s most popular mobile operating system. However, it was considered as the second choice after Apple’s OSX. But, with its functionality, it has gained wonderful popularity for the last five years. No doubt, there is no replacement for a laptop or a computer, but working on-the-go may allow you to settle for some Android applications.

Whether you are a designer, developer or a freelancer, you have to work with codes, designs and projects on daily basis to achieve something.

With powerful smart phones and tablets releasing every year, more and more tools are coming to help out developers and designers in their work. The thing which makes all these devices useful for the developers is their compatibility with the Android apps.

However, with thousands of Android apps available to download, it can be very hard to choose the most useful one for you. To help you out, we have collected 30 Android apps that you shouldn’t miss out as a designer, developer or freelancer.

30 More Android Applications You Mustn’t Miss This Year Read More

Internet Is Down: What Will I do?

Posted in Inspiration, Quick Tips, Tips • Posted on 4 Comments

Facebook, Twitter, Gmail, 1stwebdesigner. Not too long ago, these four websites loaded together in each tab in harmony. Then everything changed when the Internet got down. Only the service provider can fix this, but then, that service provider vanished.

What will you do now that the Internet Is Down?

I know nothing can really be as infuriating than a down Internet connection. As a web designer, this is very frustrating because most of your tasks are online and you will not get anything done until the connection goes back.

Most of the times, you’ll be pictured as the person who observes his router like a hunter observing a gazelle. Sometimes, you are seen pressing F5 every single minute, hoping it would soon load properly. Other times, you try and debate with your ISP over the phone and realize that there is no hope. Heck, you even plan on making rituals for the Internet gods to bring your connection back.

Internet Is Down: What Will I do? Read More

20+ Killer WordPress Form Plugins Just For You!

Posted in Plugins, Showcase, WordPress • Posted on 5 Comments

With plenty of tools and plugins, blogging has become so easy today that just about anyone can do it. With enormous amount of competition, you might want to get help from any source you can find.

Plugins are surely one of those help. These can make any process faster and smoother, something that is an advantage to you or your readers.

Having forms plugin that has an easy-to-use interface will make the creation of custom forms effortless. When we talk about websites, forms are one of the most important parts.

Creating forms once required HTML coding experience but plugins have made this very easy. Now, anyone can set-up forms and even the most complex forms as well.

Why do you need a form plugin?

  • User feedback
  • Acceptance of guest posts
  • Selling of products
  • For the comment section

All of these functions require a form plugin. However with so many form plugins available on the Internet, it can be difficult to choose the right one for your site. In today’s post, we have collected 25 best WordPress form plugins to help you make the right decision.

20+ Killer WordPress Form Plugins Just For You! Read More

The Beginner’s Road Map to PHP Success

Posted in Tips, Web Design • Posted on 5 Comments

Learning something from scratch can be intimidating sometimes. Oftentimes, you simply have no idea where to start or how to learn all what you want to learn within a specific amount of time. One such example is PHP. A lot of people are still figuring out PHP success at the moment.

Although PHP is one of the easiest languages to learn out there, it is somewhat difficult to master.

There are some instances wherein there is a plenty of ways to do a PHP program but only two or three are accepted as valid answers within the PHP Community.

This may vary according to opinions and concepts of different PHP developers. For some logical programmers, learning PHP is only skin on the pig.

The Beginner’s Road Map to PHP Success Read More

Basic Principles of Flat Design – And Resources to Get You Started!

Posted in Tips, Web Design • Posted on 26 Comments

In case that you have been stuck in a cave for the past few years, let me tell you this nice news: flat design is the current craze. We should now say goodbye to those intricate designs dominated by brushes, gradients, drop shadows and all those kinds of designs. I repeat, flat is the new trend.

The flat design is an emerging design style that uses flat shapes and icons. It basically revolves around the use of rectangles, circles, triangles and others shapes with the absence of other design elements like shadows, strokes and gradients. It was made popular by Microsoft in their computer systems, especially their new operating system they call Windows 8. Basically, the flat design style is rooted on two principles: simplicity and readability. These two principles guide the designers in formulating stylish web layouts, software designs, posters and many more.



Photo from Michael Kelsinger

Flat Design’s Simplicity

It is the state of a design that refrains from the use of intricacies. Simple flat designs turn away from the use of drop shadows, strokes and other design elements. The reason behind this is that people now appreciate simple and easy to recognize styles. Also, with the advent of mobile browsing, where the screen space is limited, the use of simple images would maximize the use of the pixels on the screen. The minimalist style is also applied as the designers focus on wide spacing between icons, images and all the other elements of a web page or application. Furthermore, simple and flat images tend to load faster than intricately designed ones because the browser would not load the design elements packed together with the main image.

Meanwhile, the principle of readability comes in together with the minimalist style. With more ‘white-spaces’ (or empty spaces), the text is seen well. Also, the absence of drop shadows, strokes and gradients will ensure the readability of the texts placed within a page.

Facebook is one of the first to adapt the design format. In the past weeks, Facebook has evidently changed their design schemes, allowing users to see simple icons, designs and more eye-friendly visuals. Google has also followed the lead by changing its icons to colorful yet flat images.

Truly, the flat design trend has slowly but surely invaded our web pages, apps and computers. Soon enough it will totally influence us. And before that happens, let’s familiarize ourselves with the philosophy of the flat Design. We’ll talk about the elements of the design and how are they used to fully utilize the screen space.
There are actually five elements. They are:

  1. Absence of depth
  2. Use of simple elements
  3. Typography
  4. Color
  5. Minimalism

Photo source: The World is Flat

The Death of Depth

Depth is now dead. A new design trend is ruling the block. Unlike the previous design trends where we couldn’t live without drop shadows, strokes, bevels and gradients, the new flat design style focuses more on simple 2D blueprint. This philosophy of the flat design totally contradicts the skeuomorphistic design, where images are made to imitate the shape, color and utilization of a real-word object. Skeuomorphistic-designed websites and apps normally have background images which are realistic in nature. These use textures in the real world.

A good example of this kind of design is the iOS6 (and previous versions of iOS) design. Each design is supposed to be an imitation of the real object. The use of 3d computer-generated images, the use of gradients, textures, strokes, bevels and embosses are maximized to make the image look like real-world. The newsstand app looks like an actual newsstand made of wood.

On the contrary, these elements are removed in the flat design. The scheme of the flat layout removes these 3D elements. Drop the depth. Remove all those shadows, gradients and strokes!

Simplicity is Still Beauty

With the removal of depth in the designs, it is but normal for the images, icons and other design elements to become visually simple. Icons are now made to be flat and uses basic geometric shapes like circles, squares and rectangles. This will give a simple and easy to use graphic user interface. The average person will no longer feel the need for a manual because the visuals present themselves as they’re used.


Photo from Hrvoje Grubisi

When you see an F icon placed in a blue square, you’ll easily know it’s Facebook. When you see an icon of a gear, it would easily tell you that it’s a settings menu. Flat design works like that. When you see a diskette shape, you’ll automatically know that it’s the save icon. Or when you see a big yellow letter M placed on a red background, the notion will always be McDonald’s. See, the simpler the logo gets, the better the recognition will be. What you see is what you basically get.


Resources for designing a Timeless Logo:


More on Okilla.com

Typography, as I told you before


Photo by Courtney and Andrew
Typographies have their place in flat designs. It adds style even with the texts and gives you a reader-friendly interface. No more calligraphy. Use crisp and clear font texts with shorter messages and chromatically placed with color and shapes. For more information on this, read our typography tutorial.

Coo-lor Colors

As I mentioned in our typography tutorial, color is important. It can make or break your page. It basically sets the whole feel of your site or page. In the flat design principle, it is advisable to use candy colors which are slightly desaturated because they tend to add aesthetic beauty to your page without making your reader’s eyes bleed because of too much brightness. Candy colors attract the eyes better because they are cute, and can be complemented and contrasted easily with other colors. These colors are normally #e65d5d or #c43434 (for red), #7dc692 or # 508b61 (for green), #dfbc42 (for yellow) and # 3498db for blue. Flatuicolors.com provides a good guide for this.

Just remember that color is everywhere; don’t bore people by choosing the un-cool ones. Gradients are also not cool anymore. Avoid using bright yellow, neon yellow green, neon purple and bright red and bright orange. Don’t make your website visitors glare.


Master Your Colors!

Less is more, lesser is most

Minimalism is the art of de-cluttering your page or screen. This principle originated from the magazines of the print media where white spaces are more evident than the text itself. It gives padding or breathing room for your texts and suggests a typographical peace. Leave a lot of empty spaces. Throw away the unneeded elements and impress people. Less is more. Lesser is most.


Relevant: Why Creating Minimalist Design Makes You a Better Designer

The flat design could be simple as it looks, but creativity is still everything. When thinking of possible usage for this layout, remember to refresh your mind. Think of newer, cuter and sleeker designs. This design style will be still in style, but doing a wreck out of it won’t make it any more famous. Be creative. Try to experiment. View inspiration sites. Try your own style, commit mistakes, correct them and be a better artist!
Know that you know how to be flat. Let us all, go flat!

Basic Principles of Flat Design – And Resources to Get You Started!

How to Create a Simple WordPress Settings Page

Posted in Coding, PHP, Tutorials • Posted on 4 Comments

If you are a WordPress user, you might be familiar with the theme settings page. This page can be found under the Appearance Menu or in the Administrator Menu itself. Basically it allows the administrator to change specific settings like logo, text color, Google Analytics code and so on. Perhaps one of the first things you do is tweak that WordPress settings page, for sure.

Though there are some free WordPress templates that have theme theme settings page, a Premium WordPress theme commonly have this kind of options.

In today’s tutorial, you will learn how to create a simple theme options page for your WordPress theme.

How to Create a Simple WordPress Settings Page Read More
54.166.111.111 - unknown - unknown - US