Guide to: Using Transparency (Opacity) In Web Design
Transparency is an effect that allows us to see what is underneath. In design, transparency could create the illusion of an area looking more spacious than it really is. If done right, it could even...
View ArticleUsing WP_Query In WordPress
If you’ve been around WordPress for a while, you’ll know how difficult it used to be to create lists of posts based on complex criteria while also conforming to WordPress’ standards. Over the course...
View ArticleMaintainable Code: Using White Space For Readability In HTML And CSS
Right up front, I’ll offer some simple advice: In production, your code should be as performance-friendly as possible. This means, Gzip’ing, concatenating and minifying as many assets as possible,...
View ArticleA look Into: Using Encoded Image In CSS (background-image)
As designers, adding background image via CSS is definetely a no-brainer to you. Traditionally, or typically, here’s how we do it – using background-image property and link directly to the image source...
View ArticleHow to Recover From Penguin 2.0 Using Only Free Tools
Editor’s note: This article is contributed by Fairuze Shahari. When he’s not furiously downing G&T’s, Fairuze writes for CloudRock.asia, a web design and SEO company with a presence in Singapore...
View ArticleTransform Your PSD into CSS Faster Using CSS Hat
Slicing your Photoshop layers to web elements is indeed tiring. And if you aim to translate all those Photoshop layer effects into CSS, it could be even more tedious. “What CSS properties should I use...
View ArticleAnalyzing Network Characteristics Using JavaScript And The DOM, Part 2
In Part 1 of this series, we had a look at how the underlying protocols of the Web work, and how we can use JavaScript to estimate their performance characteristics. In this second part, we’ll look...
View ArticleA Look Into: Using CSS Variables
Variables finally come to CSS. Yes, the CSS that we use everyday for styling webpages. We have disccused several times on using variables with CSS Pre-processors in our previos posts. Today, we are...
View ArticleTrade Secondhand Items via Smartphone Using Carousell
We sometimes own too many clothes or sneakers to cycle its usage, so the best way to get rid of them is to sell them, secondhand. There are many ways to sell your secondhand goods, even online, but it...
View ArticleAutomatically Toggle Your Android Phone’s Silent Mode Using Silence
Are you bored of having to switch your phone to silent mode every time you start work? Do you have a date and you want your phone to automatically go silent just in case you forget to do it yourself...
View ArticleSchedule Events Using WordPress Cron
I don’t know about you, but I wake up every morning with at least 10 emails that I didn’t have when I went to sleep. While most people probably know that these emails aren’t being sent manually by...
View ArticleUsing Brainwriting For Rapid Idea Generation
When a group wants to generate ideas for a new product or to solve a problem, you will usually hear the clarion call, “Let’s brainstorm!” You assemble a group, spell out the basic ground rules for...
View ArticleUsing Bootstrap 3 With Sass
Bootstrap comes with Responsive Grids, and a few common web components that we can pick up to build a responsive website quickly. If you have seen our previous posts on Bootstrap, you probably know...
View ArticleHow to Use Blog Using Evernote
We have many options for blogging such as WordPress, Blogger, Tumblr, and Medium to name a few. But what if I say if you can actually blog with Evernote. Aside from being the most popular note-taking...
View ArticleA Guide To Video And Audio Conversion Using FFmpeg
FFmpeg is a very powerful and great command line tool used for performing various conversion operations on audio and video files. The good thing about this tool is that it is absolutely free to use. It...
View ArticleHow To Build A Static Blog Using Assemble
Today, we are going to take a look at Assemble, a Grunt plugin that allows us create and manage static sites with ease. Assemble may be slightly similar to Jekyll, but it brings more flexibility and...
View ArticleUsing Brainwriting For Rapid Idea Generation
When a group wants to generate ideas for a new product or to solve a problem, you will usually hear the clarion call, “Let’s brainstorm!” You assemble a group, spell out the basic ground rules for...
View ArticleUsing Bootstrap 3 With Sass
Bootstrap comes with Responsive Grids, and a few common web components that we can pick up to build a responsive website quickly. If you have seen our previous posts on Bootstrap, you probably know...
View ArticleOMG: British boys using more text speak in classroom than girls
LONDON — You might expect to see GR8, IRL, IMHO and BTW in text or Whatsapp messages, but one in seven British school boys uses text speak in the classroom. See also: The Evolution of Texting in...
View ArticleHow to Enable SSL for Localhost using MAMP
Having an SSL (Socket Secure Layer) installed is one way to secure your website. Basically, SSL will encrypt data transactions between the browser and the server. Thus, you would probably want to test...
View Article