Officiating an Office: Tweaking Your Workplace Productivity

Posted in Inspiration, Tips, Tools5 months ago • Written by

                Workplace \work●place\ noun : a place where work is done.

The Merriam Webster definition says it all: A workplace is basically the spot where you do your ‘thing’. This only means that a workplace is the magical place where you do your stuff. In this area, you enter into the zone, be productive, creative, technical and well, uh… a little less distracted. Of course, a workplace won’t be a workplace if you will play around and be lazy (might as well call it laze-place). How can you improve workplace productivity?

Officiating an Office: Tweaking Your Workplace Productivity Read More

NEWS: Project Naptha – Chrome Extension to Copy Texts from Images

Posted in Freebies, News5 months ago • Written by 7 Comments

What if I told you that you can copy and even translate texts inside images you find on the Internet? Would you believe me?

For those who answered yes, thank you very much. For those who doubted me, I present to you, Project Naptha, a free Google Chrome browser extension developed by Kevin Kwok.

Project Naptha uses a series of optical character recognition (OCR) algorithms that include libraries developed by Microsoft and Google. These algorithms and libraries quickly build a model of text regions, words and letters in nearly any image there is.

NEWS: Project Naptha – Chrome Extension to Copy Texts from Images Read More

50 Beautiful Web Typography Examples

Posted in Inspiration, Typography, WordPress5 months ago • Written by 2 Comments

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, WordPress5 months ago • Written by

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 months 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, Tutorials5 months ago • Written by 6 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, Tools5 months ago • Written by

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 Interfaces5 months ago • Written by

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, Tutorials5 months ago • Written by 10 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, Tutorials5 months 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
54.161.237.3 - unknown - unknown - US