Web Design

40 New and Free Icon Sets

Posted on July 30, 2013 at 3:56 pm

Here at Speckyboy we do love our free resources. But, there is one resource we love above everything else, and that is free icon sets. And today we have another fantastic selection for you today.

As you would expect all of the sets below have been professionally designed and are perfect for any project. You will find web icon sets, glyphs, pictograms, mini-icons, social service icons, a few new iOS 7 icons sets and plenty more in-between.

Here they are:

Simplicity Vector Icon Set (50 Icons, PNG & PSD)

Simplicity Vector Icon Set - 50 Icons, PNG & PSD - Free Icon Sets


Posted in Web Design

Turn Your Web Design Agency Around By Raising Rates by 500%

Posted on July 28, 2013 at 3:56 pm

One day at our modest design agency, we raised our rates.

Like, astronomically. I’m talking about a 500% increase, out of the clear blue.

And it was scary as hell. But guess what? It worked.

This is our story.

Our initial business plan for Madtown was based on a simple numbers game, as it is for most young design agencies.

We figured that if we charged $2k/website and designed five or six of them a month, we’d be running one hell of a successful design agency. Plus, we could charge each client $25/month for hosting, giving us ongoing residual income. We even had a plan for growth, which involved hiring a business developer and paying him 25% commissions.

In our first few years, we got a lot of business, but not as much as we’d anticipated. We strategized, we planned Adwords budgets, we came up with all kinds of nifty little ways to boost our income. But we were never truly profitable.

It wasn’t an SEO problem, if that’s what you’re thinking. We ranked first for all of our keywords for several years. It didn’t matter-we were still unable to achieve the workload volume our entire business plan hinged on.

Before the start of 2012, our team sat down to talk about what it would take to turn Madtown into a profitable design agency. And that’s when we took the biggest risk in our business’s young life. We raised our rates. A lot.

The Idea

Around the time of our life-altering strategy session, I came across a blog post by Blair Enns, from his website Win Without Pitching. If you’re a young designer or a small design agency, Enns’ manifesto
is a must read. But this particular post specifically discussed premium pricing and how it improves commitment with clients.

When you’re doing websites at $2k a pop, you don’t get much commitment from your clients. They’re just not financially invested enough to be emotionally invested. They’re flaky, they beat you up over price, and they make it clear that you’re low on their priority list.

They also don’t see you as a big-time designer, so they’re more likely to walk all over you. These are the clients who request 1,000 changes to their sites, including changes that make no business sense or that completely reverse a previously requested change. You know them: the clients who suck.

After reading Enns’ manifesto and thoughts on premium pricing, I brought his ideas to our team, and we made the change the very next day. From that moment forward, we were charging $10k minimum on all of our projects.

I know this is a very scary proposition for most. Like I said, we were scared as hell. I mean, we had families, bills, and business expenses to take care of, just like everyone else.

But we did it anyway. And it worked.

How We Pulled It Off

We knew we weren’t going to be able to raise our rates that significantly without changing a thing about our services. To get the $10k clients we wanted, we had to up our value.

We realized that, in today’s business environment, designers aren’t just being hired to design-they’re being hired to bring new perspective to business problems. Businesses don’t just need new websites-they need new strategy, delivered through their websites.

And there was our value.

Instead of just making cool-looking websites, we started tackling business problems. We created an entire diagnostic progress, through which we’d learn as much as we could about a business and then present a plan outlining how that business could overcome its problems and move forward. We started charging $5k as a flat fee for this service.

In addition to giving us a foothold into a more premium market, this new service allowed us to take the time to get to know and understand our clients’ businesses. It also got our clients more invested in the process, which resulted in smoother, more successful projects.

Here are some other things we did:

  • Defined and implemented a design process, start to finish, that we followed with every client.
  • Focused on working with only a small number of clients each year.
  • Stopped writing proposals. We haven’t created a proposal in almost two years now, and the amount of time and energy we’ve saved is astronomical.
  • Started building our expertise in thought leadership and contributing regularly to the market conversation online.
  • Eliminated all the clients who did not fit our new pricing model. (If they didn’t value our expertise, they had to go.)
  • Identified any deficiencies in our expertise and resolved them immediately.
  • Stopped letting clients dictate our process or design choices.

The Transformation

I know. At this point you’re thinking, “That actually worked?”

And the answer is yes. Within the first two weeks, we secured a project worth not just $10k, but $20k-our largest ever. We were also saving tons of time and money by not writing proposals or pitches, chasing after businesses we never had a chance of getting under our previous business model. (One of our huge lessons learned was that if someone really wanted to work with us, they wouldn’t bother with the proposal writing process. And there was no need to waste our time on people who didn’t really want to work with us.)

By the end of 2012, Madtown’s revenues were up over 100%, and we’re going strong into 2013.

More Money, More Pressure, Better Results

It’s basic human nature: someone who’s paid more has more incentive to perform at a higher level.

The designers who are willing to slash their prices to win clients are only in it for the money. Whether their clients grow as successful businesses isn’t really on their radar.

But when we charge a premium, it’s not about the money anymore. It’s about creating something great for our clients-something that will transform their businesses.

Now that I’m paid a rate I’m happy with, I feel more pressure to perform exceptionally well for my clients and make sure they are getting real results.

Save Yourself: Raise Your Rates

Looking back, I don’t understand how any designer can get away with charging $1-2k for a website.

If a typical project takes 100-200 hours, that’s only $10-$20 an hour. When you’re working for yourself, you can’t just charge the hourly rate you might get if you worked for someone else. You have to charge enough to take care of expenses, education, and healthcare, grow the business, and make a profit.

Profits are the true validation that your business is successful. If you’re only making enough to break even each month, you’re just one bad client away from going broke.

So please: take a leap of faith and raise your rates.

Of course, you can only raise your rates successfully if you are willing to turn down business. And yes, it’s definitely scary, but the rewards are plentiful.

These days, I turn down 90% of our potential business. Even if people can meet our minimum financial requirement, I’ll turn them away if they seem difficult to work with. In web design, as in so many other businesses, the best results come from an exchange of services between two parties that are well matched. As much as I want to be the right fit for my clients, I also want them to be the right fit for me.

Give your design company the best shot at success by charging what it takes to do it right. Ditch the disrespectful, cheapskate clients who pay you unsustainable rates, and you’ll discover a whole new sense of satisfaction in your work. You’ll also discover that, suddenly, you’re doing the best work of your career.

Posted in Web Design

Weekly Web & Mobile Creativity n.21

Posted on July 26, 2013 at 3:56 pm

It is that time of the week again, a chance for you to sit back and enjoy some of our favorite web and mobile designs from this past week. And of course, don’t forget to click the ‘Change Viewport’ button to explore each site in detail.

Squarespace - Responsive - Web & Mobile Creativity


Posted in Web Design

It’s Relationship Building, Not Networking

Posted on July 24, 2013 at 3:56 pm

Networking is an awkward word. It connotes connecting with people in an impersonal way in order to get something out of the connection. On the surface,that’s ok, but there’s more to networking than finding people who will help to advance your career.

That’s why I’m a bigger fan of “relationship building” than “networking.” Yes, it’s a matter of semantics, but it’s also an important distinction. Relationship building means you’re meeting people who can potentially be helpful for your career but who are also interesting in their own right.

You’re willing to get to know them and help out when you can, even if you don’t ever get anything out of the relationship. You probably will, but that’s not the point. The point is meeting new people, and then seeing if there’s any way to help one another out in the future.

So I prefer talking about relationship building more than networking, but no matter what you call it, networking or relationship building is important for every freelancer (which you can learn more about in these posts: 8 Networking Skills Every Freelancer Needs to Have and Networking for Designers 101: How to Network Properly).


Because who you know determines largely who you’ll work for. When people you know need design work done, they’re inclined to work with people they already know, and when their friends need to get design work done, they’re likely to recommend the people that they know.

Image Source: My Smart Technology via Shutterstock

So freelancers benefit from getting to know more people. The more people they know, the more work they’re likely to get, and the more times they’re likely to get referred. It’s as simple as that.

But there’s more to building relationships than just handing out business cards. That’s the kind of networking that’s annoying. Yes, more people will know you exist, which is a good thing, but a relationship isn’t being built, and it’s very likely the card will get dropped into the nearest trash can.

Instead of busines-card spamming, freelancers should focus on building relationships. They should focus on meeting people who potentially can hire them for work and who can refer them to others to generate more work. They should focus on getting to know a smaller group of people who will become an active part of their client and referral network.

Yet there’s something else to consider: how to connect with people online. With so many freelancers working remotely, it’s not easy to meet new people andmake new connections. You may be working from home for most of the week with few opportunities to meet new people. That’s why today’s freelancers need to perfect the art of building relationships online.

Surprisingly, it can be done.

If you’ve found yourself in the boat of needing to building relationships online, here are seven things to keep in mind.

Tip #1: Say hi

The first step is to introduce yourself. If you don’t say hi, people won’t know that you exist. And in the same way you say “hi” to introduce yourself in a coffee shop or at a conference, you can say “hi” to people online by sending e-mails or tweets. Here’s what it can look like:

First, you start reading a famous entrepreneurs blog. He seems really busy, but he would be a great person to get to know. After you get over the thought that he wouldn’t want to hear from you, you reach out and send him an e-mail.

The first one is a simple introduction to let him know that you admire his work. Now he knows that you exist and that you like the stuff he does. He also may check out your website that’s attached to your signature or view your Twitter profile to find out more about what you do.

As long as you aren’t annoying and don’t ask for anything in the first e-mail, most people won’t mind that you’re saying hi and getting in touch. In fact, they may be flattered, which leads us to the next point…

Tip #2: Send compliments

The next thing you want to do is stay in touch by complimenting them on the things they do. If you really like an update they make to their website, let them know. If you think a new project they’re working on is amazing, again, let them know.

You never want to be obseqious by being overly complimentary, but you do want to reach out and compliment them on good work and things you’re impressed with. The point is to find a way to stay in touch without being annoying. If you get in touch to ask for something, that’s annoying. If you get in touch to provide a compliment, that will be appreciated.

The more you contact them, the more they’ll be reminded that you exist, and the wider the door will be opened for the time you do actually ask for help,advice, or work.

Tip #3: Get “coffee”

The next thing you can do is ask to go out for the digital equivalent of coffee. In the real world, you can actually go out and get coffee; in the digital world, it’s more likely that you’ll hang out on Skype or conduct a call via Twitter.

Unless the person is really busy, there’s a good chance they’ll have time to talk, especially if they’re a peer. A lot of people try only networking with famous people, but they obviously won’t have a lot of free time. If you reach out to talented peers who aren’t famous, there’s a better chance they’ll have time for a call and will be interested in “hanging out.”

But don’t let this deter you from ever calling up someone famous or really busy (and by famous I mean a somewhat well known online entrepreneur and not Tom Cruise). I’ve had success getting through to CEOs and entrepreneurs who are really busy but happy to help young entrepreneurs and business owners out. However, if you do decide to ask to get coffee with someone in this category, it’s best to have a specific question in mind. Maybe you want to learn more about their business or you want advice on how to grow yours. Either way, famous people are likely to commit if you have something specific you’re askingabout.

Tip #4: Offer help

The obvious thing to say at this point is that you need to follow up. But again, that’s obvious. You definitely need to follow up and say how much you appreciated the call, but you also need to continue to stay in touch. One way to do this is by offering help.

Maybe you notice something’s not working on their site so you let them know. Maybe you realize they’ve made a typo on their homepage so you reach out so it can get fixed. Or maybe you read an article that’s perfect for them and will help their business. All of these are great ways to stay in touch and to let them know you still appreciate what they do and that you want to help them succeed.

The fine line here is that you need to make sure what you’re doing isn’t annoying. Correcting things too frequently or too strongly will be obnoxious. You don’t want to over use this as a way to stay in touch, but if something big or obvious comes up, make sure to reach out and let them know you’ve got their back and you’re happy to help out.

Tip #5: Send referrals

Another great way to stay in touch is to send referrals. Not only are you hoping the person you’ve met will be able to send business your way, but you also want to be a contributor to the relationship and send business their way as well. You can e-mail them directly about business opportunities, or you can refer people and ask them to mention that you put the in touch.

Sharing content is another way to send referrals. Whenever you share something, you’ll spread content that was painstakingly created and send more visitors to your friend’s site. Eventually, the person you’re building a relationship with won’t necessarily owe you, but they’ll appreciate your support and be more likely to help out in the future.

Image Source: Abstract City via Shutterstock


No matter what you eventually decide to do, the most important thing to remember is that the point of networking is to meet people, to get to know them, and to build arelationship. Once you like them and they like you, there’s a better chance you’ll find ways to help each other in a mutually beneficial way.

It’s also important to realize that people can only know and help so many people at a time. The number of relationships any one person can manage is limited. Thus, if you reach out to really busy people, they may not actually have time to get to know you and send business your way, but if you reach out to someone who’s not as busy, they’re more likely to be flattered and to be interested in learning more about you.

For most freelancers, it’s more valuable to build a smaller network of people that are really interested in what you do and are invested in your success than chasing after thousands upon thousands of Twitter followers. You’d be surprised what developing real relationships with 15 to 25 people can do for your business.

If you have any questions about online relationship building, feel free to leave them below. I hope this post has been helpful and look forward to discussing it in the comments.

Posted in Web Design

Deal of the Week: Korpo Serif Font (10 Variants) – from only $7!

Posted on July 22, 2013 at 3:56 pm

Isn’t it funny how a simple font choice can completely change how a reader interprets what they’re reading? No matter what the actual context, if a font is harsh and angular, it can evoke an aggressive tone. Soft and rounded and it exudes gentleness. So if you’re looking for a nice friendly font, with a unique yet familiar feel, take a look at the Korpo Serif Family.

Korpo Serif Family Screenshots

Korpo Serif Family Highlights:

  • Friendly Font
    Designed by Mateusz Machalski, Korpo Serif is a real friendly font based off of the Serif font style, giving off an Egyptian or slab style in feel.
  • Choice of 10 Variants
    Choice from 10 different font styles: Korpo, Korpo Italic, Korpo Alt, Korpo Alt Italic, Korpo Bold, Korpo Bold Italic, Korpo Alt Bold, Korpo Alt Bold Italic, Korpo CAP, and Korpo CAP Italic. You have the option to purchase each style individually or to get the whole family.
  • Multiple Glyphs
    Each of the 10 variants comes with two different “a” and “g” glyphs per style. Korpo also contains Small CAPS in two of its styles for some interesting results.
  • Perfect for Headlines
    With a low contrast and high x height, Korpo Serif is a perfect font choice to use with longer text pieces as well as headlines.


The full Korpo Serif Family font family, which includes all 10 styles, normally sells for $150 (Desktop or Web Font versions), but for a limited time only, you can get either the Desktop or Web font version of the entire Korpo Serif Family for just $27! OR get both the Desktop and Web versions together for just $37! That’s almost 90% off the regular price!

Or, if you’d prefer to purchase just one style, you have the option to get each style individually for just $7, for both the Desktop + Web font versions together, instead of the regular price of $50 – a savings of 86% off the regular price!

Click the “buy” button to choose your preference.

Posted in Web Design

Should You Write An Ebook?

Posted on July 20, 2013 at 3:56 pm

Gone are the days when publishing houses were the gate keepers of the book industry. We are in the midst of a revolution. The book industry is being turned upside down. If you have a message to convey to the world, the time has never been better to do so. The Internet has provided everybody with a stage and a mic. How large this stage may stretch or how big the speakers will become is entirely up to you.

Image Source: E-book Reader via Shutterstock.

This article is intended towards those who are in some sort of online business like bloggers, website owners, freelance writers, etc. But even if you are a newbie to the online world and are contemplating writing an e-book, you will find some useful tips in here as well.

1. Work Once, Earn Forever

There are few businesses that allow you to earn forever by working only once. Writing a book is one of them.

Once you have written an e-book and uploaded it to the necessary online stores like Amazon or iTunes, you don’t have to do any more writing. Whenever somebody buys your e-book the money will automatically be credited into your account. And this will continue happening forever and ever. (Okay not actually forever; only until the author’s copyright expires but that is usually more than the author’s life. In fact even after the author dies, there are provisions that the author’s family may receive the royalties.)

Image Source: Money Icons via Shutterstock.

I must mention that although you won’t have to do any more writing after your book is completed, but you may have to do marketing if you want to sell more copies. So it’s not like, write a book, upload on Amazon, and sit back while the cash flows in. You should do some book promotion.

But still it cannot be denied that books grant you an evergreen income. William Shakespeare is not alive to do any marketing yet his books sell like hot cakes.

2. No Costs Involved

Writing an e-book is free. You just have to write it in a text editor like Word, format it for the website you are intending to sell it on, and then upload it. Online stores charge nothing for accepting and adding your e-book to their library. (If any site does, don’t use it. Most probably it’s a scam.)

If you have written your manuscript with a pen on paper and you want to hire someone to convert it into a digital format, or if you don’t know how to format it for the online store, you may need to hire an editor for that.

But if you are a savvy, publishing an e-book is free of cost.

3. You Can Add the Term “Author” to your Resume

It is not that only the traditionally published people that have the right to call themselves authors. Oxford Advanced Learner’s defines an author as “a person who writes books or the person who wrote a particular book.”

Image Source: Education Icons via Shutterstock.

So if you have written an e-book you can rightfully call yourself as an author, a word which will make a stronger resume and cast a good impression in your job interview.

4. You Will Become an Authority

If you want your book to sell a huge amount of copies and if you want to be read, you must do enough research about the topic on which you are writing. This research can take many forms – reading books, reading news reports, reading blog posts, searching encyclopedias, interviewing academics, watching documentaries, etc. In all this process you will gain a lot of knowledge and wisdom and this will happen even if you already know the topic. It’s a different thing to know a topic, it’s different to actually sit down and write a long, serious, coherent piece on it.

Image Source: Education Icons via Shutterstock.

Also, you will begin to command more respect in society because of being an author and if your book is good and is getting positive reviews you will be treated as an authority in your niche.

5. You Can Discuss the Topic Completely

Blog posts are good to read for fixing minor problems like how to install WordPress on a webhost or how to exclude your own visits from Google Analytics. But they do not have the space to discuss bigger issues like provide you with a complete guide on how to blog. E-books are the way to go for such complete analysis.

Image Source: Education Icons via Shutterstock.

Blog posts provide you with only pieces of the complete puzzle. An e-book, on the other hand, provides a complete solution.

This is what Darren Rowse was referring to when he said:

“The Digital Photography School blog is a ‘how to’ type blog that gives free tips on how to use cameras — but many of the topics our readers want to learn about are a lot bigger than we could fully cover in a single post.
For example, a topic like ‘Portrait Photography’ is fairly large — a single post might cover one aspect of it, but to cover the topic comprehensively, an eBook of 20,000+ words is going to serve readers a lot better.”

6. E-books are More Secure and Won’t Die Off Like Blog Posts

Trina Holden makes a very good point about why you should write e-books:

“Blog posts have a very short life span. No matter how much work you put into that post, it’s going to eventually get bumped into your archives. You can try to resurrect it, but it’s still just a blog post that people are going to have to be willing to follow a link trail to read.
On the other hand, a book is not so easily lost. It can live right in your sidebar with a cute graphic, be shared regularly with other bloggers via reviews or giveaways, and be easily linked to in current posts.”

Agreed that there have been cases when a blogger suddenly starts getting large traffic to one of their older blog posts but such things only happen occasionally. What usually happens is that the activity on a post dies off exponentially after its publication. Perhaps the main reason is that in a blog, articles are arranged chronologically with the latest one going on top of the page and the older ones being pushed down.

But that doesn’t happen with e-books for the reasons mentioned in Trina’s quote.

Also e-books are more secure than blog posts.

You put in a lot of time and effort in writing your blog posts but what if your servers couldn’t handle the load of the traffic and your site goes down? What if a hacker inflicts your site with a virus?

These may seem like wild ramblings but these incidents have really taken place and affected many bloggers.

But e-books remain secure from these mishaps. If your site goes down your e-book will continue to sell in online stores and readers who like it can pass it onto their friends through e-mail attachments, etc.

7. E-books Can Be Taken Anywhere

Again e-books have an edge over blog posts in that, once downloaded, they don’t require an Internet connection to read them. Therefore you can carry them in your tablet to any place you like.

Image Source: Ebook Icons via Shutterstock.

In fact if you are on a holiday, lying on a beach and sun bathing, what will you prefer to read? A novel in your favorite genre or a blog post on how to install Google Analytics?

8. You May Find a Publisher

Yes publishers are no longer the gate keepers, yes you don’t need them to publish your book but for many writers getting a book deal with a reputed publisher is the holy grail of their career. Just imagine the feeling of walking into the best book store of your town and seeing your books stacked on their wooden shelves.

But getting a book deal with a good publishing house is very difficult nowadays. If you want to get published by a big publisher and have tried hard for that but everyone has rejected you then the wise thing to do is instead of running around finding publishers, divert your energies towards self publishing it as an e-book. If your book really has the potential to sell, and if you are even decent at marketing then your e-book will sell. As Seth Godin said, “Ideas worth spreading, spread.”

Once your e-book starts selling a decent number of copies it will become very easy for you to land a book deal as publishers are always looking out for books that sell. In fact there have been cases when the publishers themselves have contacted successful e-book authors instead of the other way round.

Amanda Hocking is a classic example of an author who struck a book deal with Macmillan, after selling more than one million (yes!) self published copies on Amazon.

I hope at least some of these tips have inspired you to write an e-book. Go and create something wonderful and when published, give us a heads up about it 🙂

Posted in Web Design

Weekly Web & Mobile Creativity n.20

Posted on July 18, 2013 at 3:56 pm

It is that time of the week again, a chance for you to sit back and enjoy some of our favorite web and mobile designs from this past week. And of course, don’t forget to…

Posted in Web Design

Weekly Design News – Resources, Tutorials and Freebies (N.191)

Posted on July 16, 2013 at 3:56 pm

If you would like to receive our daily updates and keep up to date with the latest and greatest articles and resources from the design community, you can follow us on Twitter, on Facebook or by subscribing to our RSS feed.

Rebuilding a simplified Firefox logo

The Shape of Design by Frank Chimero

Refactoring GitHubs Design by Ian Storm Taylor

Responding to iOS 7

How to Properly Plagiarize a Website by Tomislav Car

Behind the Scenes of Tumblrs Design Process by Cesar Torres

eval() isnt evil, just misunderstood by Nicholas C. Zakas

Go Read: Open-Source Google Reader Clone by Matt Jibson

CodeMemos - Helps Manage Your Code Snippets

Responsive Vertical Timeline with CSS

The Shape of Design by Frank Chimero0

The Shape of Design by Frank Chimero1

The Shape of Design by Frank Chimero2

The Shape of Design by Frank Chimero3

The Shape of Design by Frank Chimero4

The Shape of Design by Frank Chimero5

The Shape of Design by Frank Chimero6

The Shape of Design by Frank Chimero7

The Shape of Design by Frank Chimero8

The Shape of Design by Frank Chimero9

Refactoring GitHubs Design by Ian Storm Taylor0

Refactoring GitHubs Design by Ian Storm Taylor1

Posted in Web Design

Pure CSS from Yahoo! A Minimal & Lightweight Set of CSS Modules

Posted on July 14, 2013 at 3:56 pm

Yahoo! has recently and quietly released Pure CSS, an ultra light-weight and responsive set of CSS modules that you can employ in your web projects very quickly. Maybe not as grand as redesigning Flickr or purchasing Tumblr, but certainly just as impressive.

In this article, I will take a closer look at what Pure CSS has to offer.

Pure CSS Modules: Light-weight Responsive CSS Modules

Here is how Yahoo! describes Pure CSS:

” Pure is ridiculously tiny. The entire set of modules clocks in at 4.2 KB minified and gzipped, without forgoing responsive styles, design, or ease of use. Crafted with mobile devices in mind, it was important to us to keep our file sizes small, and every line of CSS was carefully considered. If you decide to only use a subset of these modules, you’ll save even more bytes.”

Yes, you read that right. Here is the overall break-down (not gzipped):

  • Base: 1.2 KB
  • Grids: 0.7 KB
  • Forms: 1.8 KB
  • Buttons: 0.9 KB
  • Tables: 0.6 KB
  • Menus: 1.1 KB

The roles of each of the above are rather self-explanatory: Grids create columns, Forms deal with search bar, login forms, etc. and so on.

Apart from being super small, Pure CSS modules are based on Normalize.css which is a module well known for enabling consistancy across multiple web browsers. Naturally, Pure CSS also inherits the same cross-browser compatibility and consistency.

Major Features

Pure CSS modules come with several major USPs of their own, such as:

  1. Pure CSS offers styling for native HTML elements and most commonly-used UI components. Of course, as already mentioned, it is cross-browser compatible.
  2. Pure CSS modules are responsive out of the box and have their own Skin Builder to help you get the most out of them. The inclusion of Grids and Menus means you can easily create responsive layouts that work perfectly well across all screen sizes.
  3. It is extremely minimal. You can create your own application styling on top of it, or override the default styles with ease. Pure CSS is meant to stand out of your way when it comes to customization; its minimal and flat design ensures that you can add new rules and tweak the default Pure CSS rules without any hassle.
  4. Pure CSS comes with a BSD License. Details here.

Mode of Operation

Getting started with Pure CSS is simple. Either host the modules yourself, or call the CSS library from the head of your website:

<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.2.0/pure-min.css">

Beyond that, all the basic inclusions and features are supplemented with detailed documentation, so you will not have much trouble finding your way with things in Pure CSS. For instance, in order to make use of buttons in Pure, simply add the pure-button class name to any <a> or <button> element. Here is a basic example:

<a class="pure-button" href="#">A Pure Button</a><button class="pure-button">A Pure Button</button>

Similarly, to create a primary action button, add the pure-button-primary classname alongside pure-button. Once again, another basic example:

<a class="pure-button pure-button-primary" href="#">A Primary Button</a><button class="pure-button pure-button-primary">A Primary Button</button>

Which will result in this:

You can find further info about other modules such as Tables, Forms, etc. in the Pure CSS documentation itself. Furthermore, you can also choose to pull individual modules. The URLs for the same are as follows:

Also, the Y! CDN can handle combo requests. Thus, you can combine your requests and get a single CSS file in return. Here is the request sample for a combo of Base, Grids and Forms:

<link rel="stylesheet" href="http://yui.yahooapis.com/combo?pure/0.2.0/base-min.css&pure/0.2.0/grids-min.css&pure/0.2.0/forms-min.css">

Considering the fact that Pure CSS modules have been created to serve a wide plethora of web projects, they can be used in different types of layouts. The Pure CSS website itself offers some sample layouts (all responsive, and no JavaScript). Here are two such layouts:

A photo gallery (uses Grids, Menus and Forms):

Responsive email (uses Grids and Menus):

You can view more examples here.


Apart from the above mentioned modules and predefined selectors, Pure CSS is also backed by a very powerfulSkin Builder, and more importantly, the YUI (Yahoo! UI) CSS and JS library.

Plus, Pure CSS plays well with other libraries, such as Twitter Bootstrap and jQuery. Therefore you can employ Pure CSS as a CSS-based framework or foundation, and then include specific Bootstrap modules on the basis of your needs. The advantages of doing so are plenty: not only will your project’s CSS be much smaller, you can also make use of the minimal nature of Pure CSS and combine it with the goodness of Bootstrap.

To learn more about Pure CSS modules, you can fork it on Github. Have fun experimenting, and if you do decide to make use of it in your next web project, do share your experiences with us!

Posted in Web Design

Choosing the Right Web Designers

Posted on July 12, 2013 at 2:37 pm

In today’s fast world, website is the front face of your company. Users go through that website which is more appealing and user-friendly as compared to the one that is outdated and dull. If users or customers don’t get attracted to your website, they don’t stick to it. To make your website attractive and visually appealing for the customers, you need to acquire services of professional and trustworthy web designers Milton Keynes.
There are many web designers Milton Keynes offering quality services. Professional guidance from a reputed designing company can bring positive results. Web development and design may sound easy for users but it includes a lot of planning and efforts to achieve desired results.
There are various factors that will help you to choose the right web designer for your website. Internet is flooded with such companies that offer design services. But you should be careful enough to choose the company that will give you the best services at your price.
Factors to look for before hiring a web designer
Look at the portfolio of the service provider
It is the easiest and quickest way to decide their credibility to offer good services. You can get certain answers to your questions such as do you like their style of web design, is their portfolio work with your purpose, are all the sites of their portfolio have a similar looks, etc.
However, do not go by the first impression and try to go deeper into their portfolio. Check whether they have any customized website design option. Go for the portfolio which has 8 sites and all are different and unique.
Check the cost of the website designer
It is really necessary to do a thorough search about the cost of the services offered by the firms. There are some web designers that provide services at low cost while there are a few that have really expensive price structure. Again there are some designers that pull in their clients with a very low price and end up charging higher recurring fees. Get a clear idea of their rates.
Check the skiils, qualifications and references of the website designer
You should also check for the definite skills before you hire any web development company. You need to understand your needs and then go for the companies that offer the skills such as flash animation, database design, SEO etc.

The above are some of the basic tips to choose a good web designer. You should also search thoroughly to meet your needs. You can also personalize your searches and can get the best services out of those companies that will appear to you the best fit for your job.
You can also ask your friends of a good web designer that they have experienced with. Sometimes references work better. Someone with previous experience of working with specific developers can be in a better position to advice on what to expect from them,

Posted in Web Design

Next Page »