Learning SASS: A Beginner’s Guide to SASS

Posted in Coding, Coding, HTML & CSS, Tutorials7 months ago • Written by 13 Comments

Writing a lot of CSS can be overwhelming that is why learning SASS and LESS can make  any web developer and designer’s life much easier. For a beginner, you might find it fine but as time goes by and your CSS skills are improving. You begin to wonder if there is a way so that you don’t need to repeat a lot of CSS codes in your style sheet. The good news is, there is one! Thanks to the CSS pre – processor, it’s now possible to write concise CSS codes without repeating each of them again and again. It is even formatted nicely. You can perform computations and do dynamic styling using these pre-processing methods. There are two pre-processing methods that I will tackle: SASS and LESS. For this tutorial I will talk about SASS first and then on a separate tutorial, I’ll talk about LESS.

Learning SASS: A Beginner’s Guide to SASS 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

Simple Yet Important Cross-Browser Styling Tips Everyone Should Know

Posted in Coding, Coding, HTML & CSS, Tutorials7 months ago • Written by 7 Comments

Many have been searching for cross-browser styling tips that can help them solve their browser compatibility problems. After all, creating a website can be easy but developing one that looks the same on all browsers can be tough. For many years, browser compatibility is one of the hardest parts of web development.

Simple Yet Important Cross-Browser Styling Tips Everyone Should Know Read More

10 Portfolio Websites that Will Make You Say Wow

Posted in Illustration, Inspiration, Photography, Typography7 months ago • Written by 8 Comments

Why is it necessary to have a portfolio website? Is it a requisite for all designers? Here are 10 portfolio websites that can lead you to the answers.

10 Portfolio Websites that Will Make You Say Wow Read More

Get ‘Layed’: What You Need to Know about Photoshop Layers

Posted in Photo Effects, Quick Tips, Text Effects, Tutorials, Web Interface7 months ago • Written by

Photoshop is revered as one of the best digital multimedia solutions software. So there is no question on what you need to know about Photoshop layers because there is always something to be learnt about this amazing software. It basically encompasses every design need there is. Artists consider using it because of its flexibility. It can be utilized by any artist notwithstanding their design inclinations. Most photographers use the software in editing their photos. Some digital artists use Photoshop, (if not, Illustrator) in their designs. Meanwhile, most web designers use this software in building the visuals of their designs. Truly, with these uses, Adobe’s carrier software has been the one-man-wrecking-machine software that solved most of our digital problems.

Get ‘Layed’: What You Need to Know about Photoshop Layers Read More

How to Ace Your Freelancing Career

Posted in Blogging, Freelance, WordPress8 months ago • Written by 10 Comments

Has it ever occur to you how to ace your freelancing career? Freelance web designing is not an ordinary job. If you dip in the puddle of the freelance industry, you’ll discover that these people are a lot more creative and productive than those who work at desks and offices. Surely, they don’t earn the way people at desk jobs do but freelancers have the absolute and ultimate liberty on how well they utilize their time, and, in most cases, where they utilize it.

As a freelancer, you can work anywhere, anytime. You can design your website in a desk, an office, a coffee shop, in the bathroom – you name it. Freelancers have the greatest gift of all: Freedom. However, this freedom isn’t really that ‘free’. As a freelance web designer, you need to work with people, deadlines and the greatest enemy of all time, procrastination.

How to Ace Your Freelancing Career Read More

10 Easy To Understand Photoshop Tutorials on Lighting Effects

Posted in Illustration, Inspiration, Photo Effects, Photography, Text Effects, Typography8 months ago • Written by 4 Comments

Most designers find Photoshop very versatile. Photoshop tutorials on lighting effects is highly sought after. Although mainly used in photography, this favorite software of designers bridges different kinds of needs, from typography to web design.

Not to exaggerate, Photoshop can supply all your design needs. Today, we will be highlighting a very particular need. This article is directed mainly to graphic designers and photo enthusiasts but could be a very good springboard to web designers too. With lightning effects added in your photos, you will be able to add more dynamism and professionalism in your designs. In short, it would make your awesome website more awesome. How cool is that?

10 Easy To Understand Photoshop Tutorials on Lighting Effects Read More

Jimmy Neutron and The Anatomy of the Atomic Design

Posted in HTML & CSS, Web Interfaces8 months ago • Written by 1 Comment

If Jimmy Neutron were real, could he become a pretty decent web designer? Of course, he would.  For starters, he knows the anatomy of the Atomic Design. He could be designing the best web pages you will ever see, and make your eyes shed blood out of extreme admiration of his designs. And you’ll probably wonder why he is that good.

Well, for one thing, Jimmy Neutron understands a fundamental yet commonly unappreciated principle in web design. He knows how to work on a very potent tool to his full advantage. Using this tool, he could easily design mock-ups and code them without difficulty.

Jimmy Neutron and The Anatomy of the Atomic Design Read More

10 Things Web Designers Should Know to Become a Master

Posted in Tips, Web Design8 months ago • Written by 22 Comments

It is truly a nice feeling to be called a ‘Master’ at something. It gives value to your name, talent and  skills. In addition to that, people will begin respecting you because of what you know about the field that you are an expert in. Truly, being called a master adds weight to your name, but there is more to value than just the name. What things web designers should know is vital here.

10 Things Web Designers Should Know to Become a Master Read More

70 Best Web Design Tutorials of 2013

Posted in Coding, Quick Tips, Tutorials, Web Interface8 months ago • Written by 28 Comments

2013 has ended with a great blast and I’m pretty sure that everyone has done their countdowns and throwback blog posts, tweets and even status updates. It’s a pretty cool thing to do because you get to remember all the awesome things 2013 has given you. You look back at how bad you were design-wise last year and how well you’ve improved. With this, you get to assess yourself how much more you could exert and, in turn, how much more money you could earn. Retrospection also tells you what more could you learn. Seeing what you’re weak at will also allow you to see where you could trained. That is why self-correction and openness to new things is a great habit for a designer.

70 Best Web Design Tutorials of 2013 Read More
54.237.32.10 - unknown - unknown - US