50 Beautiful Web Typography Examples

Posted in Inspiration, Typography, WordPress3 hours ago • Written by Leave a comment

We all love beautiful web typography because it can convey the message we want in a very artistic manner. As the world of web design evolves, the use of letters and words to send a message has become more efficient and more beautiful. Many websites usually pair big and bold colors or photographs with the beautiful use of letters.

We looked for some websites where you can get some great inspiration for your designs. These are examples that tell you that letters are never boring; it could even make the design beautiful. So, here they are!

50 Beautiful Web Typography Examples Read More

Cherry on Top: Cherry Framework Review

Posted in Showcase, Themes, Tools, WordPress2 days ago • Written by Leave a comment

WordPress theme frameworks are overwhelmingly available and famous nowadays because most designers find them easy to use, functional yet fully customizable. Using child themes that are supported by the parent framework, ‘personalized’ themes have become more attainable. There is a new framework in town- the Cherry Framework. This article is basically a Cherry Framework review.

Now, most theme frameworks come in premium versions, meaning, you have to pay some bucks just to get your WordPress site personalized. However, the spending doesn’t end there. After buying your framework, you would still be troubled by the child themes that you are going to install. Most of these child themes are not free.

TemplateMonster unleashed a new product called Cherry Framework, a theme framework that would suit all your personalization needs. The best part of this particular framework is it is free, along with some child themes!

Cherry on Top: Cherry Framework Review Read More

Retina-fy: Creating High Density Retina Displays for Your Website

Posted in Coding, Coding, HTML & CSS, Tutorials, Tutorials5 days ago • Written by 1 Comment

High density retina displays or screens, like Apple’s Retina Display, have lots of pixels in a small space that it is almost impossible see the pixelation, thus, displaying smoother images and texts. Although Apple offered it first on the market, manufacturers have been releasing similar devices recently to compete with Apple.

When using Retina Display devices, you can see that other sites online appear blurry. This is because of the low-resolution images being stretched to fill the screen that makes the site look disgusting. A Retina Display scales 1px to 2px, making the size double.

Retina-fy: Creating High Density Retina Displays for Your Website Read More

Create a Sliding Navigation Menu in CSS3 and jQuery 4 Easy Steps

Posted in Coding, HTML & CSS, Tutorials1 week ago • Written by 4 Comments

There are many ways to create a navigation menu for the Web. One of the most popular navigation menus is the accordion look drop-down navigation that slides up and down, showing its sub-menus when toggled.

In this tutorial, we’re going to build a sliding navigation menu using CSS3, along with some jQuery codes to manage the sliding animation.

Let’s get started.

Create a Sliding Navigation Menu in CSS3 and jQuery 4 Easy Steps Read More

11 Minimalist Office Setups

Posted in Illustration, Inspiration, Showcase, Tools1 week ago • Written by Leave a comment

Less is more

This quote is becoming more sensible, especially for designers who have adapted the minimalist design approach. Over the years, minimalism, or the act of putting away irrelevant things to make space for the relevant ones, has become a regular part of every modern design principle. As web designers, we too, practice the same maxim. In fact, we even want to make this philosophy for living our lives. We strive to achieve such state that we even want our office setups or work space to reflect what we believe in.

For one, having a minimalist design in your office setup has its advantages:

  • It makes us focus more on ‘work’ than goofing around
  • It lessens the distraction and makes you think that you have fewer tasks to accomplish
  • It is beautiful to the eyes
  • You can actually make a small room bigger
11 Minimalist Office Setups Read More

30 Stunning WebGL Examples and Demos in Action

Posted in 3D Effects, Inspiration, Showcase, Web Interfaces2 weeks ago • Written by Leave a comment

WebGL(Web Graphics Library) was released  on the Web early last year. Its ability to use HTML5 Canvas elements to generate graphics dynamically made it easy for web designers and developers to create smooth 2D and 3D effects. Here are some WebGL examples and demos you should look at.

WebGL is a branch of OpenGL based on OpenGL Embedded Systems (ES). It is a JavaScript API for drawing 2D and 3D graphics in a compatible web browser of an HTML5 canvas without the use of plugins.

This Javascript API is managed by the consortium of non-profit technology Khronos Group and work together with Mozilla Foundation. Since early 2009 they develop prototypes and deploy such technology.

30 Stunning WebGL Examples and Demos in Action Read More

Creating a Responsive Email Template

Posted in Coding, Coding, HTML & CSS, Tutorials, Tutorials2 weeks ago • Written by 9 Comments

As smart phones and tablets have become popular, more and more people are have been reading their emails regularly on their small screen devices. According to Campaign Monitor, mobile surpassed web and desktop client usage last July 2012. As the mobile email usage grows, web developers and designer must consider optimizing the look of their email newsletters on phones and tablet.

Email clients such as Outlook (Windows), Mail (OSX), etc. use different HTML engines. Many have some rules and regulations. That being said, some CSS might work while some might not.

So, in making an email template, it is highly recommended to use a different approach. Many email clients completely remove the head and strip out styles while some support a limited set of inline and internal styles for formatting. To many, an old-school table layout is the best way to go.

Creating a Responsive Email Template Read More

Creating Shapes with SVG : An SVG Tutorial

Posted in Coding, Coding, Tutorials, Tutorials2 weeks ago • Written by 4 Comments

Have you tried using the SVG image format? Here is an SVG tutorial to help you delve deeper on how to use this image format to your full advantage.

In the past, the only image format that was supported by all browsers was the GIF, an image file developed by CompuServe. Then came the JPEG image file, which offered lousy compression without the loss of details, but the size is really small compared to the GIF file image.

After some time, the aim for advance 2-dimensional vector computer graphics on the Web came into being. With so much competing formats that were submitted to W3C, SVG was finally developed in 1999.

Creating Shapes with SVG : An SVG Tutorial Read More

10 Scientifically Proven and Human-Tested Ways to Become Happier

Posted in Freelance, Tips3 weeks ago • Written by 16 Comments

In this growing age of technology and consumption, many people have forgotten the simple, ancient secrets of being happy. People have forgotten the simple ways to become happier. Depression is one of the most common mental illnesses.

In order to solve this massive problem, more often we are reminded of the long-known principles of a happy life, like spending enough time outdoors and having a good night sleep. Perhaps they aren’t enough to make a modern human happy since scientists keep on searching more extraordinary ways to boost happiness.

Today, let’s look at the weirdest scientifically proven things that can make us happier.

10 Scientifically Proven and Human-Tested Ways to Become Happier Read More

What is the Future of Online Education?

Posted in Freelance, News, Social Media, Web Design3 weeks ago • Written by 2 Comments

Think of the job you have now and imagine losing interest in it. I love writing, but for the sake of this example, let’s say, I’m already on the brink of giving up. I’m 24 years old, turning 25 in a couple of months, and I want to start fresh. Do something different. But at this age, enrolling in a college to earn a new degree is impractical, both money-wise and time-wise. That leads me to consider online education as part of my learning.

It’s not always sunshine and rainbows. Very few people talk about this issue for the sake of keeping appearances, but everyone will encounter it at one point. Including you, no matter how much you love your job right now.

What is the Future of Online Education? Read More
54.81.170.136 - unknown - unknown - US