Quantcast
Channel: Web Designer Wall – Design Trends and Tutorials
Browsing all 62 articles
Browse latest View live

Image may be NSFW.
Clik here to view.

UPrinting Business Card Giveaways

This Friday giveaway is sponsored by UPrinting, a shop that provides a wide range of online printing services. We are giving away 3 sets of 250 die-cut UPrinting business card printing to 3 winners....

View Article



Image may be NSFW.
Clik here to view.

CSS3 Image Styles – Part 2

Previously I wrote two tutorials on how to style the image element with CSS3 inset box-shadow and border-radius. The trick is to wrap the image with a span tag and apply the image as background-image....

View Article

Image may be NSFW.
Clik here to view.

Giveaways: 2012 FITC Tickets

I've got two FITC Toronto 2012 festival tickets to giveaway and all you need to do is send one tweet for your chance to win. For those of you who don't know what FITC Toronto is, it's a design and...

View Article

Image may be NSFW.
Clik here to view.

CSS Social Buttons

I'm proud to announce my latest CSS experiment—The CSS Social Buttons. They are not another "pure CSS3" or "HTML5 canvas" icons. These icons use the basic traditional background-image technique. The...

View Article

Image may be NSFW.
Clik here to view.

Montreal Meets Ticket Giveaways

A friend of mine, Francois Hoang, is organizing a design conference called Montreal Meets in Montreal, Canada Apr 7, 8, 2012. The speakers included Fabio Sasso, Shelby White, Radim Malinic, James...

View Article


Image may be NSFW.
Clik here to view.

Design Process of ShopDock

Today I would like to share the design process of an ecommerce theme that I recently designed. Shopdock is an Ajax ecommerce theme where the user can quickly add/remove items to the cart with a single...

View Article

Image may be NSFW.
Clik here to view.

Mobile Navigation Design & Tutorial

One of the common challenges when designing responsive design for mobile is the navigation menu. If the site has many sections or pages, it gets challenging to squeeze all the items into a small mobile...

View Article

Image may be NSFW.
Clik here to view.

Free Base WordPress Theme

Although WordPress has made it very easy to create a custom WordPress theme, but it still takes time to learn and build it. So I've created a Base theme based on the free Basic theme from Themify. I've...

View Article


Image may be NSFW.
Clik here to view.

Giveaway from PSD2HTML

If you follow Web Designer Wall, then you have noticed the PSD2HTML banner ad on the sidebar. PSD2HTML is not only my long time supporter, but they are also one of the most recognized vendors in PSD...

View Article


Image may be NSFW.
Clik here to view.

5 Useful CSS Tricks for Responsive Design

Making the design to be responsive is very easy as shown in my Responsive Design in 3 Steps tutorial, but maintaining the elements to look aesthetically balanced on all breakpoint layouts is an art....

View Article

Image may be NSFW.
Clik here to view.

Creating a Modern Lightbox with CSS3 and JavaScript

Today we have a guest post by Andy Walpole sharing his experience from creating the Lightbox Ultra on Mozilla Demo Studio. Several years ago developer Lokesh Dhakar created the familiar Lightbox script...

View Article

Image may be NSFW.
Clik here to view.

Setting Breakpoints in Responsive Design

Lately, I've been blogging a lot about Responsive Design. I've covered the technical side of media queries, basic implementation, full design tutorial, some CSS tricks, and a list of awesome responsive...

View Article

Image may be NSFW.
Clik here to view.

Expandable Mobile Search Form

Previously I wrote a tutorial on mobile navigation, today I'm going to share a CSS tutorial on how to make an expandable search form that is suitable for mobile and responsive designs. This trick uses...

View Article


Image may be NSFW.
Clik here to view.

Featured on Offscreen Issue #2

I'm honored to announce that I've been featured on Offscreen magazine issue #2. Offscreen launched its first issue in Feburary 2012 and quickly became well recognized in the design community. So I'm...

View Article

Image may be NSFW.
Clik here to view.

Photoshop CS6 = Better UX & Faster Productivity

I've been using Photoshop CS6 for a while and I have to say that the interface and user experience is a big improvement. Instead of releasing more new tools, Photoshop CS6 put a lot of focus on the...

View Article


Image may be NSFW.
Clik here to view.

Two Free SCREENS Conference Tickets

FITC is hosting SCREENS, a two day conference dedicated to development for mobile device and operating systems, this September 27-28 in Toronto. The conference features two full days of presentations...

View Article

Image may be NSFW.
Clik here to view.

60 Beautiful & Creative Embossed Business Cards

The previous post on creative business cards was very well recieved. Today we going to share another 60 well designed embossed business cards that stand out of the crowd. Embossing your business card...

View Article


Image may be NSFW.
Clik here to view.

Decorative CSS Gallery – Part 2

Long ago I wrote a tutorial on how to make decorative image galleries using an extra <span> tag. It requires jQuery to append the span tag which isn't quite user friendly. Today I'm going to...

View Article

Image may be NSFW.
Clik here to view.

Viewport Meta Tag For Non-Responsive Design

I'm sure you all are using viewport meta tag for responsive design, but did you know that the viewport tag can also be very useful for non-responsive design? If you haven't got the time to convert your...

View Article

Image may be NSFW.
Clik here to view.

Responsive Column Layouts

Typically, to create a column layout, you would need to add the first or last classes to reset the margin space and clear the float. Today I'm going to share a very simple CSS trick to create a...

View Article
Browsing all 62 articles
Browse latest View live




Latest Images