SEM News and Free SEO Search Tool Website » webdesignerwall.com-Nick-La

CSS3 Image Styles – Part 2

webdesignerwall.com-Nick-La — Tue, 31 Jan 2012 16:18:20 +0000

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. However, I recently ran into a problem with that trick while designing the PhotoTouch theme. The issue is that the [...]

Advertise here with BSA

…

UPrinting Business Card Giveaways

webdesignerwall.com-Nick-La — Fri, 16 Dec 2011 18:32:19 +0000

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 winner will receive a set of 250 business card printing with free shipping. To enter this contest, all you have to [...]

Advertise here with BSA

…

Responsive Design in 3 Steps

webdesignerwall.com-Nick-La — Thu, 08 Dec 2011 15:52:40 +0000

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 sound a bit complicated, but it is actually simpler than you think. To help you quickly get started with responsive design, [...]

Advertise here with BSA

…

DespositPhotos Giveaways

webdesignerwall.com-Nick-La — Wed, 07 Dec 2011 03:59:41 +0000

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 Web Designer Wall. Hurry, this contest ends in two weeks on Dec 21, 2011. If you need stock photos for your [...]

Advertise here with BSA

…

MightyDeals is Giving an iPhone 4S

webdesignerwall.com-Nick-La — Thu, 01 Dec 2011 21:43:38 +0000

Can you believe it is December already? For the joy of December, I’m going to giveaway some goodies to you. The first nice one came across is the iPhone 4S (unlocked model) giveaway from MightyDeals, who gave away 2 iPod Nanos last year on the Wall. For your chance to win an iPhone or one [...]

Advertise here with BSA

…

FITC Logo Redesign Process by James White

webdesignerwall.com-Nick-La — Thu, 24 Nov 2011 14:00:05 +0000

At FITC Toronto in May of this year, Shawn Pucknell, FITC’s director approached James White to develop the creative for the following year’s event, FITC Toronto 2012. “I’ve spoken at FITC twice so far and being a huge fan of the event and the entire crew behind it, I jumped at the opportunity to work [...]

Advertise here with BSA

…

Another iPad2 Giveaway at Themify

webdesignerwall.com-Nick-La — Mon, 21 Nov 2011 17:54:52 +0000

Earlier this year I gave away an iPad2 to promote the buy 1 get 1 free WordPress theme deal on Themify.me. Now I’ve lowered the theme membership pricing: (you can get all WordPress Themes for just $69 with no recurring fee), I’m going to giveaway another iPad2. The contest is open to anyone. You can [...]

Advertise here with BSA

…

Mind Blowing Parallax Scrolling Sites

webdesignerwall.com-Nick-La — Fri, 18 Nov 2011 04:40:43 +0000

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 consists a list of mind blowing parallax scrolling sites, design tips, and resource tutorials. If you are considering to start a parallax [...]

Advertise here with BSA

…

Playing with SVG Design

webdesignerwall.com-Nick-La — Wed, 02 Nov 2011 14:33:59 +0000

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 last month to explore two aspects of SVG with interesting potential for the design of original interfaces: clipping paths and scalable 2D motion graphics. [...]

Advertise here with BSA

…

Inspiration: Fluid & Responsive Design

webdesignerwall.com-Nick-La — Thu, 20 Oct 2011 05:52:07 +0000

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 problems associated with the different resolutions and devices (desktop, laptop, tablet, and mobile). I’m giong to share [...]

Advertise here with BSA

…

Two Free Screens Conference Tickets

webdesignerwall.com-Nick-La — Fri, 07 Oct 2011 14:31:39 +0000

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, HTML5 (jQuery Mobile, HP/WebOS, AIR, FLEX, Windows Phone) as well as marketing and business of apps. I have two conference tickets to [...]

Advertise here with BSA

…

CSS3 Image Styles

webdesignerwall.com-Nick-La — Thu, 22 Sep 2011 06:23:22 +0000

When applying CSS3 inset box-shadow or border-radius directly to the image element, the browser doesn’t render the CSS style perfectly. However, if the image is applied as background-image, you can add any style to it and have it rendered properly. Darcy Clarke and I put a quick tutorial together on how to use jQuery to [...]

Advertise here with BSA

…

Postcards Giveaway With MOO

webdesignerwall.com-Nick-La — Wed, 07 Sep 2011 16:35:23 +0000

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 will win $50 in print credit to use at MOO. If you’ve not come across MOO before, they just love to [...]

Advertise here with BSA

…

iPhone Safari Viewport Scaling Bug

webdesignerwall.com-Nick-La — Fri, 02 Sep 2011 03:54:38 +0000

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 landscape view. To see this in action, view the bug demo page with your iPhone and rotate the phone from portrait [...]

Advertise here with BSA

…

Best Web Gallery Revamped

webdesignerwall.com-Nick-La — Tue, 23 Aug 2011 01:45:02 +0000

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. I’ve featured more than 1700+ sites in the past years. Today I’m happy to announce the redesign. The new design gives the [...]

Advertise here with BSA

…

Creating Reusable & Versatile Background Patterns

webdesignerwall.com-Nick-La — Tue, 16 Aug 2011 05:15:08 +0000

I haven’t written any Photoshop tutorials for a while. Today I’m going to share a simple tutorial on how to create reusable background patterns with Photoshop and CSS. I learned this trick from designing WordPress themes. The trick is to create one reusable transparent PNG background and use CSS background-color property to create various color [...]

Advertise here with BSA

…

Frontend 2011 Conference Ticket Giveaway

webdesignerwall.com-Nick-La — Fri, 05 Aug 2011 16:23:14 +0000

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 won’t be attending this year. However, I have a free conference pass to giveaway. To enter the contest, all you have to do is write a comment about your thoughts [...]

Advertise here with BSA

…

@font-face Solutions & Suggestions

webdesignerwall.com-Nick-La — Wed, 27 Jul 2011 05:28:19 +0000

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 implementing web fonts? I’m going to review the three main methods of incorporating @font-face and explain the pros [...]

Advertise here with BSA

…

CSS3 @font-face Design Guide

webdesignerwall.com-Nick-La — Thu, 14 Jul 2011 14:33:29 +0000

Although CSS3 @font-face is supported by most major browsers (IE, Firefox, Chrome, and Safari), but not all. When it doesn’t, your custom fonts might break the layout or come out with undesired results. In this article, I will explain the common issues with using custom fonts, picking the matching fallback web safe fonts, and how [...]

Advertise here with BSA

…

Illustration Prints Available for Sale

webdesignerwall.com-Nick-La — Tue, 05 Jul 2011 15:37:20 +0000

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, hoodies, laptop and iPhone cases. Society6 offers high quality printing on fine material. Or if you are looking for inspiration, check out the website for awesome [...]

Advertise here with BSA

…