Month: September 2013

Code a Single-Page Sliding Website Layout With Fixed Navigation

When constructing a simple webpage, it can often make sense to fit the content into a single layout rather than multiple pages. These single-page websites are beneficial when you have a small project or portfolio which needs some online presence. If you split up content into neat sections, then visitors might use a small sliding… Continue reading Code a Single-Page Sliding Website Layout With Fixed Navigation

Build a Freshly Squeezed Responsive Grid System

I’d like to talk to you about Lemonade. Not the refreshing citrus drink, but a grid system I created. Lemonade is a grid system that was built in order to give designers and developers the confidence to make fully responsive websites, eliminating the frustration of flicking between browsers looking for bugs and errors. Let’s look… Continue reading Build a Freshly Squeezed Responsive Grid System

15 Web Designs Having Beautiful Typography

Typography is undisguisedly one of the most important elements of web design. That’s why, more & more web designers are focusing on it. And with services like Typekit, Fontdeck and Google Fonts, web designers are practicing more freedom than ever to implement creative type in their designs. Today for your inspiration, we are showcasing some… Continue reading 15 Web Designs Having Beautiful Typography

10 Resources and Promotion Facts for Freelance Designers

The most successful freelancers are the ones that do the best job of getting their name out there. Being able to successful showcase and promote your own work is key to gaining more clients and becoming well-known for what you do.   It’s definitely hard to stand out in the crowd sometimes when you’re a… Continue reading 10 Resources and Promotion Facts for Freelance Designers

30 Masonry WordPress Themes

A masonry layout can use jQuery and CSS3 to dynamically position your images and videos in a neat grid that is optimised and changed depending on screen sizes and the displayed content width and height dimensions. Many WordPress theme shops and authors are incorporating masonry layouts into their WordPress themes, this results in a dynamic… Continue reading 30 Masonry WordPress Themes

36 Fresh HTML5-CSS3 Web Design Examples for Inspiration

HTML5 and CSS3 techniques start the new standard with endless possibilities and with a responsive design it is easily usable with any device (Desktop, tablet, mobile phone), without removing any content! Mostly professional business or portfolio websites are know using the latest HTML5 and CSS3 trends for development. HTML5 and CSS3 is popular language amongst web designers because it is being supported… Continue reading 36 Fresh HTML5-CSS3 Web Design Examples for Inspiration

Learn AngularJS With These 5 Practical Examples

By now you’ve probably heard of AngularJS – the exciting open source framework, developed by Google, that changes the way you think about web apps. There has been much written about it, but I have yet to find something that is written for developers who prefer quick and practical examples. This changes today. Below you will… Continue reading Learn AngularJS With These 5 Practical Examples

40+ Beautiful Examples of Flat Web Design

In this article, I have compiled more than 40 stunning flat web design examples for your review. In recent months, flat web design is the talk of the town and the topic is still dominating the internet steadily. From user interface to the newest portfolio update to icons to even the best web design blogs,… Continue reading 40+ Beautiful Examples of Flat Web Design

Using Alignment to Improve Your Designs

Alignment is one of those things that comes hand-in-hand when working with grid systems. The subject of alignment isn’t simply a matter of choosing whether or not you want to align text or images to the left or right of a design (though those decisions obviously still matter), instead, we employ alignment to improve our… Continue reading Using Alignment to Improve Your Designs

Beginners Guide to Working with jQuery Animation

In this tutorial, we are going explore the basics of jQuery animations for you to get prepared for advanced designs. Animations is the core functionality behind the interactive elements in web design. The design of a website plays a major role in attracting visitors on a consistent basis. Interactive designs get more attention compared to the… Continue reading Beginners Guide to Working with jQuery Animation

Create a Delicious Print Ad Using Photo Manipulation Techniques in Photoshop

Print designers often work with digital illustrators and CG artists to help produce their work. In this tutorial, we will continue to develop a character concept from a Cgtuts+ tutorial by Nacho Riesco and show you how to create a print ad by combining photo manipulation techniques with some renders from another tutorial. Let’s get… Continue reading Create a Delicious Print Ad Using Photo Manipulation Techniques in Photoshop

Free Premium Files For September 2013

Each month the Envato marketplace brings you free premium standard files. Envato is a web marketplace where you can get premium files for different areas of your website. My favourite marketplaces is the script marketplace CodeCanyon and the theme marketplace ThemeForest. Here are the files which you can get for free for September 2013. Showcase… Continue reading Free Premium Files For September 2013

25 Fresh Responsive Landing Page Templates

Designer Ledger – A web design blog for designers by designers Few days back we featured startup landing pages for your inspiration and in this post we showcased 25 fresh responsive landing page templates powered by HTML5 and CSS3. All these templates are published recently in 2013. Most of the templates are built using Bootstrap… Continue reading 25 Fresh Responsive Landing Page Templates

50 Most Liked Blogger Templates

Blogging is a creative process, whether you’re blogging about your day to day life or creating an online magazine with the latest fashion news. Potential bloggers may wonder how they can create their very own creative space where they can write just about anything. That’s where the unique platform known as blogger comes into play.… Continue reading 50 Most Liked Blogger Templates

How to Establish a Modular Typographic Scale

Possibly the most obvious typographic question in the hands of a designer is “which typefaces should I use?” The second question, one which rarely gets the kind of attention it ought, is “at what sizes should I set my type?” Establishing a modular scale is the best way to determine typographic sizes, in fact, it… Continue reading How to Establish a Modular Typographic Scale

Freebie: 8 Beautiful & High-res Frosted Backgrounds

Beautifully Blurred Backgrounds for Websites, iOS/Android Apps, and More! This set contains 8 high-res (10 megapixels) frosted backgrounds. If you’re a SparkleStock member, you get 80 backgrounds and they’re 20 megapixels! The set contains both daytime and nighttime photos. Because the photos are defocused in camera (instead of in Photoshop), you get the beautiful bokeh… Continue reading Freebie: 8 Beautiful & High-res Frosted Backgrounds

Create a Shaded, Stylized Text Effect in Photoshop

Typography and text effects are critical in today’s graphic and commercial design. Viewers are becoming more and more overwhelmed with daily information, and as a result they can inadvertently be conditioned to “filter out” messaging that isn’t truly distinctive. Stylized typography is an effective way to regain the attention and appeal that can otherwise be… Continue reading Create a Shaded, Stylized Text Effect in Photoshop

Anatomy of a Perfect Sidebar – The Nuances of a Good Design

In the previous part of the series, we’ve gone through the definition and the importance of the “sidebar” element on WordPress blogs and checked out layouts with one, two, three and four sidebars (and no sidebars). In this second part, we’re going to see how to design a sidebar and order the elements – specifically,… Continue reading Anatomy of a Perfect Sidebar – The Nuances of a Good Design