If you thought responsive design was reserved for CSS layouts only, you'll be pleased to hear media queries can also be used in JavaScript.

Sitepoint Article

The Dallas 2011 Schedule for Breaking Development is a thing of real beauty, and the team are being awesome in sharing with the world the videos of the presentations after the event. Herein we bring you the Fab 5 to add to the Ace 8 we pointed to earlier. At this stage, you can finish watching the Dallas event over the weekend, right here and right now, you can look forward to watching the Nashville event in the near future, but best of all you can start planning your Orlando trip for April 2012. Just go! A quick aside: following the Nashville conference, some of the finest minds in mobile took it upon themselves to go on holiday together and they called it MobileWood .

Sitepoint Article

All sophisticated design patterns throw up the same fundamental question — is there a concrete advantage to using it in the first place? Without understanding the benefits, it could be very easy to think that it’s just a pointlessly verbose and over-engineered solution, or that it’s only following some kind of fashion. But there are real and important benefits to using this kind of pattern, and it isn’t an attempt to make JavaScript “more like” any other language, or to mimic classical inheritance.

Sitepoint Article

So, you’re a new freelancer — perhaps even an intermediate one by now — but you’re so caught up in getting “real work” done that you’ve not paid much attention to the processes you havein place for dealing with the administrivia and business management. Few people think about this stuff early on, because they are either trying to please their first clients with great work, or sitting by the phone waiting for a prospect to appear. But now that you’ve got some jobs done and the money’s coming in fairly steadily, it’s time to start looking at optimizing your business processes and better yet, where possible, automating them.

Sitepoint Article

Android applications face a number of challenges that other mobile platforms may not have to deal with (yet). Android is available on a wide variety of hardware, each having a different screen size and pixel density (DPI), sometimes with a physical keyboard and sometimes without a touch screen (e.g. Google TV).

Sitepoint Article

Well, the big summer blockbusters have come and gone at this point. With Harry Potter’s last installment over with and the latest round of Marvel movies exiting theaters everywhere, we’re wondering if there’s anything to look forward to for the rest of the year! The good news is that we have had lots of movies in 2011, so we have lots of designs to analyze. For decades, the big marketing mogul of movies has been posters. So what’s been happening

Sitepoint Article

Continuing on from the last instalment in “Surviving logo design in the real world,” Felix writes about designing logos for application. Most of the time as a designer, you will walk around with your logo radar on and find some intriguing logos — some very nice and some not so nice. On a rare occasion, you will see a really beautiful logo that is just not quite right. Could it be incorrectly applied or was it missing an intrinsic methodology during the design phase that limits the application potential?

Sitepoint Article

There are a number of ways to add breathing space to your type. White space or negative space helps to focus attention on the words, while line spacing and letter spacing can help to make your text more readable. Let’s take a look at each of these. White Space White space is the space between graphics, text elements and between columns on a page.

Sitepoint Article

While all designers would love it if the pursuit of design could be for purely artistic purposes, well, we all have to pay the rent somehow. So applying design to commercial pursuits — specifically branding — is an excellent place where artistic pursuits and commercial application come together. One example of applying design principles to branding is with Avivo. Denis Olenik was the lead designer, and he has graciously provided us a snapshot of his process in developing a brand from scratch.

Sitepoint Article

Before we get started, let’s get one thing straight: I ♥ CSS3. I understand that we’ve never had it so good. In fact, I have no doubt that time-travellers visiting from 2004 would be sick with jealousy at how easily we now conjure up rounded corners, shadows, and object rotations. Sure, the browser-specific prefixes (i.e

Sitepoint Article

Continuing on from the last instalment  in this series of articles, “Surviving logo design in the real world,” Felix writes about the components of a logo — symbols and wordmarks. As designers, we should all know the difference between a wordmark logo and a symbol based logo. When designing logos, designers will likely aspire to design symbol based logos — due to that low grade design noise out there… wordmarks seem like the easier thing to do. There are a lot more mediocre wordmarks out there than symbols

Sitepoint Article

Continuing on from the last instalment  in this series of articles, “Surviving logo design in the real world,” Felix writes about the components of a logo — symbols and wordmarks. As designers, we should all know the difference between a wordmark logo and a symbol based logo. When designing logos, designers will likely aspire to design symbol based logos — due to that low grade design noise out there… wordmarks seem like the easier thing to do. There are a lot more mediocre wordmarks out there than symbols.

Sitepoint Article

Typography is a wonderful part of design and art, turning simple words into stunning compositions. Some of the best typography artists know that choosing the right font and format are just as important as the design itself, whether the font is constructed only for a particular design or the font is Helvetica, whether the design is made of sand or if it is printed on a poster. The following typographical works of art include everything from architecture to digital art to sculptures. Browse through for some inspiration in your own typography and let us know which one is your favorite.

Sitepoint Article

In comparison to the fixed-versus-fluid debate , the argument about designing for particular screen resolutions has been quite tame these past few years. When designers say that a site is designed, or optimized, for a particular screen resolution, they’re actually talking about the resolution of the viewer’s monitor. In the past, the screen resolution debate was focused on whether our designs should still accommodate monitor resolutions of 800×600 without displaying a horizontal scrollbar. According to W3Schools’ screen resolution statistics , in January 2010, 1% of web users had their screens set to 800×600 pixels (down from 4% in 2009), 20% had their resolutions set at 1024×768 pixels (down from 36%), and a whopping 76% of visitors had a resolution higher than 1024×768

Sitepoint Article

In part one of this mini series, we tackled the question of implementing a slider when you want to create a range of values, not just one. If you haven’t read part one, you’ll be feeling a little bit lost so I advise you go and check out iOS Range Slider: Part One . Still with us?

Sitepoint Article

Light graffiti, also known as light painting or light writing, can be traced back to the early 1900s with photography techniques and is still alive and well today. This article highlights just a few of the more prominent light graffiti artists over the years. Do you know some modern light graffiti artists that should be included in this list? Early 1900s The pioneer of light graffiti can be traced back to photographer Frank Gilbreth and his wife Lillian in the year 1914

Sitepoint Article

Back when we were looking at layout blocks done with pencil and paper , I explained that the outer rectangle we were designing within was the containing block. In print design, the containing block is a physical object like a business card or a billboard. On the Web, our container is the browser window.

Sitepoint Article

Many typographic decisions are based on spacing. This is something that has always been true with printed type, and became applicable to web type with the advent of CSS. Regardless of whether we’re talking about using type for print or for the Web, there are two directions in which we can control spacing — horizontally, and vertically.

Sitepoint Article

One of the commonly used iOS controls is the slider control. It’s a great, all purpose slider, that allows you to quickly swipe your finger along the screen to set a value. Things get a little complicated when you want to create a range of values however. The options are somewhat limited.

Sitepoint Article

3D art has taken on a new meaning in recent years. In the past, 3D art was limited to sculptures and other physical mediums. Today, the genre has extended to digital mediums as well. This post explores some modern 3D artists who work in the traditional area of 3D art — using modern materials such as shrink-wrap and foamcore.

Sitepoint Article