WordPress
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. Today I’m going to share 5 of my commonly used CSS tricks along with sample cases for coding responsive designs. They […]
Advertise here with BSA
Technorati Tags: blog
Original post by Nick La
Technorati Tags: blog
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 resolution. The navigation most likely ends up running into multiple lines or the buttons stacking on top each other. So […]
Advertise here with BSA
Technorati Tags: blog, blogging, feed, google
Original post by Nick La
Technorati Tags: blog, blogging, feed, google
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 click. It is actually inspired by one of my sites, IconDock. The design process was quite challenging to make […]
Advertise here with BSA
Technorati Tags: blog, blogging, news
Original post by Nick La
Technorati Tags: blog, blogging, news
I’m proud to announce my latest CSS experiment—The CSS Social Buttons. They are not another "pure CSS3" or "HMTL5 canvas" icons. These icons use the basic traditional background-image technique. The purpose of these icons is to provide a cross-browser, consistent and versatile CSS that can be applied in any design, app or theme. Basically, it […]
Advertise here with BSA
Technorati Tags: blog, rss, feed, news, google
Original post by Nick La
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
Technorati Tags: blog, blogging, google
Original post by Nick La
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
Technorati Tags: blog, blogger, blogging
Original post by Nick La
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
Technorati Tags: blog
Original post by Nick La
Technorati Tags: blog
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
Technorati Tags: blog, blogger, feed, news
Original post by Nick La
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
Technorati Tags: blog, blogger, blogging
Original post by Nick La
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
Technorati Tags: blog
Original post by Nick La
Technorati Tags: blog