Web Dev

Responsive Column Layouts


Web Designer Wall - Design Trends and Tutorials Nov 27, 2012 | 5:59 am UTC
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 respon...

Viewport Meta Tag For Non-Responsive Design


Web Designer Wall - Design Trends and Tutorials Oct 11, 2012 | 4:25 am UTC
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 you...

Decorative CSS Gallery – Part 2


Web Designer Wall - Design Trends and Tutorials Sep 7, 2012 | 6:06 am UTC
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 s...

60 Beautiful & Creative Embossed Business Cards


Web Designer Wall - Design Trends and Tutorials Aug 17, 2012 | 8:30 pm UTC
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...

Twenty Beautiful Ampersands


Wake Up Later: Freelance + Passive Income Aug 11, 2012 | 3:52 am UTC
Tracing back to the first century, the ampersand began as a combination of the letters 'e' and 't' to spell "et" (meaning "and" in Latin). Although its form evolved over the centuries, you can still s...

Forcing Myself Forward: Moving to NYC


Wake Up Later: Freelance + Passive Income Aug 7, 2012 | 12:00 am UTC
Ambition and comfort rarely run together.  I began freelancing more than five years ago, while living in Atlanta, Georgia. Cost of living was low, I had no children, my newlywed wife was wor...

Two Free SCREENS Conference Tickets


Web Designer Wall - Design Trends and Tutorials Aug 1, 2012 | 8:30 pm UTC
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...

Photoshop CS6 = Better UX & Faster Productivity


Web Designer Wall - Design Trends and Tutorials Jul 20, 2012 | 3:17 pm UTC
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 ba...

Featured on Offscreen Issue #2


Web Designer Wall - Design Trends and Tutorials Jul 12, 2012 | 7:24 pm UTC
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 p...

Expandable Mobile Search Form


Web Designer Wall - Design Trends and Tutorials Jun 28, 2012 | 3:24 am UTC
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...

Setting Breakpoints in Responsive Design


Web Designer Wall - Design Trends and Tutorials Jun 7, 2012 | 4:30 am UTC
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 responsiv...

Creating a Modern Lightbox with CSS3 and JavaScript


Web Designer Wall - Design Trends and Tutorials May 28, 2012 | 5:00 am UTC
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 scrip...

5 Useful CSS Tricks for Responsive Design


Web Designer Wall - Design Trends and Tutorials May 16, 2012 | 2:04 pm UTC
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. T...

Giveaway from PSD2HTML


Web Designer Wall - Design Trends and Tutorials May 9, 2012 | 3:37 pm UTC
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 s...

Free Base WordPress Theme


Web Designer Wall - Design Trends and Tutorials Apr 18, 2012 | 3:36 am UTC
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'v...

Mobile Navigation Design & Tutorial


Web Designer Wall - Design Trends and Tutorials Apr 4, 2012 | 5:45 am UTC
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 mobil...

Design Process of ShopDock


Web Designer Wall - Design Trends and Tutorials Mar 23, 2012 | 4:38 am UTC
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...

Montreal Meets Ticket Giveaways


Web Designer Wall - Design Trends and Tutorials Mar 13, 2012 | 6:26 pm UTC
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 Whit...

CSS Social Buttons


Web Designer Wall - Design Trends and Tutorials Mar 6, 2012 | 7:36 am UTC
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-...

Giveaways: 2012 FITC Tickets


Web Designer Wall - Design Trends and Tutorials Feb 22, 2012 | 8:36 pm UTC
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 tec...

 

Tools  |  DEl.ICIO.US  |  DIGG THIS  |  Technorati  |  reddit  |  NETSCAPE  |  NEWSVINE  |  Looksmart Furl  |  My Web Beta  |  Spurl  |  More »