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. ...
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 ...
Although WordPress has made it very easy to create a custom WordPress theme, but it still takes time to learn and build it. So Ive created a Base theme based on the free Basic theme from Themify. Ive...
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 mobi...
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 singl...
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 Whi...
Im 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-...
Ive 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 dont know what FITC Toronto is, its a design and techn...
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...
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 business card printing to 3 winners. Each winne...
Responsive web design is no doubt a big thing now. If you still not familiar with responsive design, check out the list of responsive sites that I recently posted. To newbies, responsive design might...
As mentioned last week, I will be giving away some goodies in December. So here is the first giveaway sponsored by Depositphotos stock photos. Depositphotos is giving away $50 credit to 5 readers on ...
Can you believe it is December already? For the joy of December, Im going to giveaway some goodies to you. The first nice one came across is the iPhone 4S (unlocked model) giveaway from MightyDeals, ...
At FITC Toronto in May of this year, Shawn Pucknell, FITC’s director approached James White to develop the creative for the following years event, FITC Toronto 2012. “Ive spoken at FITC t...
Earlier this year I gave away an iPad2 to promote the buy 1 get 1 free WordPress theme deal on Themify.me. Now Ive lowered the theme membership pricing: (you can get all WordPress Themes for just $69...
Video games often use parallax scrolling technique to create an illusion of depth by moving multiple layers of images at different speed. This technique can also be applied in web design. This post c...
After years of quarantine, the Scalable Vector Graphics is finally raising fame as a feature of HTML5 with full native browser support. Vlog.it, by Marco Rosella, is an experimental site launched las...
Responsive design all started with this article by Ethan Marcotte. Some people see it as a trend. But it is more than just a trend. It is a new design solution — it helps to resolve the design ...
FITC is hosting a conference called Screens 2011 dedicated to mobile development. The event takes place in Toronto between Nov 14-15th, 2011. It is a 2 full day of presentations covering iOS, Android...
When applying CSS3 inset box-shadow or border-radius directly to the image element, the browser doesnt render the CSS style perfectly. However, if the image is applied as background-image, you can ad...
I am delighted to work alongside MOO in offering a 20 postcard giveaway for 10 readers. The winners can upload their own design to redeem the postcards (shipping is included). Also, one lucky winner ...
Those who create responsive design for iPhone may be aware of the viewport scaling bug in iPhone Safari. The bug occurs when you set the viewport width to device-width and rotate the phone to landsca...
Finding inspiration has always been part of my work and life. I created Best Web Gallery back in 2006 as my personal bookmark tool where I featured the best design on the web. Ive featured more than ...
I havent written any Photoshop tutorials for a while. Today Im going to share a simple tutorial on how to create reusable background patterns with Photoshop and CSS. I learned this trick from designi...
The Frontend conference I spoke at last year is hosting again this year in Oslo, Norway between October 10-12th — Frontend 2011 (@frontend_conf). Unfortunately, I wont be attending this year. H...
In the last post I talked about the design aspect of using CSS3 @font-face, today I would like to extend this topic to the technical side on implementing custom web fonts. So what are the options for...
Although CSS3 @font-face is supported by most major browsers (IE, Firefox, Chrome, and Safari), but not all. When it doesnt, your custom fonts might break the layout or come out with undesired result...
Four of my illustrations (Koi, Peacock, Abstract Pheonix, and Japan 11-03-11) are now available at Society6 for sale as print media. They are available as: sketched canvases, posters, T-shirts, hoodi...
Lets face it, ask most designers what their dream project would be and I bet none would mention designing and coding HTML Email. Designing email has a special place in my heart and I am excited to co...
I met Max Luzuriaga at FOWD conference where I spoke in 2010 (New York City). Max first impressed me with his portfolio site which is coded with HTML5 markup, Modernizr, and CSS3 media queries (but a...
Du abonnerer ikke længere på . Fortryd?
Danish
English
Suomi
Svenska