Skip navigation
Help

online magazine

warning: Creating default object from empty value in /var/www/vhosts/sayforward.com/subdomains/recorder/httpdocs/modules/taxonomy/taxonomy.pages.inc on line 33.

Do you want to start a company or come up with that genius idea for your current company?

Of course you do.

But if it was easy to come up with the Next Big Thing, we would all do it. So here's a secret. There are two websites created by the same guy, Reinier Evers, that have some 17,000 thousand people worldwide scouring the world for the coolest, most creative business ideas and reporting on them for all to see and be inspired: Springwise and trendwatching.com

0
Your rating: None
Original author: 
By JAMES ESTRIN

David Alan Harvey has documented Brazil many times before, but in "(based on a true story)," he nakedly reveals his thoughts and experiences in a tale of passion, mystery and danger.

0
Your rating: None


Gordon Stettinius, Govenor, a collaboration with Terry Brown


Gordon Stettinius, Senator, a collaboration with Terry Brown

I'd like to offer up another option in our presidential election. Senator or Governor Gordon Stettinius has my complete support! I've known Gordon Stettinius for a number of years, and there is something about the man that resonates deeply with me. He's irreverent, he's self deprecating, he's smart, and is serious in the best possible way. He makes things happen and takes chances, and he is charging full speed ahead into new arenas of the photo world, and succeeding mightily as he goes.


Self Portrait with Murphy

In the last two years, Gordon has gone from being a father, photographer, and educator, to a father, photographer, educator, publisher, gallerist, and just about everything else. His new gallery venture, the Candela Gallery, includes the Candela Unbound Invitational Exhibition and the submission date is April 6th, 2012. And are you listening? There is NO entry fee.


Walker & Mary Kathryn, Richmond, VA

INTERVIEW

We first connected in the toy camera orbit, right after you were winding down Eye Caramba--which seems like a very long time ago…can you go back in time and share your journey into photography and to launching a very early e-zine?

Eye Caramba, the online magazine, was sort of a blip when I think of it now but I published I think 2-3 issues a year for a few years. Really, it is a little quaint to think about how the web magazine then looked because the graphics had to be so pared down, and one 35 kilobyte image to a page was about as much as most people had time for. Try to put two images on a page and you may as well get up and fix dinner while the page loaded. I guess the real reason for starting something online was I had been wanting to mimic SHOTS magazine because I loved the community that revolved around that particular magazine. I was living in Minneapolis at the time but had an occasion to visit Bob Owen in Texas in 1995 or so just to get a feel for what type of work went into the publishing of SHOTS. And I was mulling over doing something like what Bob was doing or maybe a tabloid like Photo Metro used to be... But then soon after, Bob called me up and said his wife had taken a job in Minneapolis and he was moving to town in just a few months. So, it struck me as somehow a little off to try to mimic SHOTS but in the same town. And so I tabled the idea but thought that an online magazine might have some potential.

The interwebs were less fantastical then and many photographers needed help with compressing their work and nothing was particularly fluid on the content management side but I bumped along for a while. As it turns out, I was just a poser. SHOTS is still around luckily though and Russell Joslin has done a great job over the years after taking over for Bob. So, I eventually took over Eye Caramba as my own site as I always liked the sound of it.

As to the toy camera side of the equation, I had been using plastic cameras for almost as long as I was making pictures. The low fidelity world was sort of a pre-information wilderness also back then - another reason I loved SHOTS actually was the toy camera issue. So, when the Great Lakes toy site morphed into toycamera.com I was pretty enthusiastic about all of my new friends. And we actually had a pretty good run there for some years. I guess I have always enjoyed being part of a photo community and that may answer some of the later questions as well.


Ninjas, Richmond, VA

Where did you get your sense of humor and your smart irreverence for anything with a whiff of B.S.?

The slightly embellished response would be that once I started taking photography more seriously, and started running with more and more photographers, I realized that there was a whole lot of earnestness in this world. And truly, I believe that photography does have the potential to bring attention to some of the injustices of the world or to make real what can only be felt in one's heart or illuminate the issues facing us at most every turn. Really photography can do many of these great things and more... but somehow, I realized that people who were often doing more or less exactly what they wanted to do and then through the miracle of retro-elaborate proto-academical post rationalization, were conjuring all this compelling and deep jargon for their work. To read the accompanying artist statements, to certain otherwise quite fine work, was occasionally mind-blowing. How on earth did every single photograph in the fine art world get so imbued with such unfettered self-importance? I am not a cynic through and through but we can get pretty up our own arse sometimes. And I will lump myself in that crowd too.


Hands Off, Washington DC

Why the toy camera?

After I graduated from school, I wound up trying a couple different toy cameras when I was busy trying all manner of vintage equipment. My degree was a BA in studio art, doing mostly printmaking and drawing. So a lot of my photo education was post-college with the buying of thrift store cameras and different gear. I just didn't believe in the connection between expensive gear and 'better' images. I was more drawn to pinhole and plastic lenses and peculiar unpredictability.


Emmett, Richmond, VA

Before Gita Lenz came into your life, had you any thoughts of being a publisher? (Gordon's essay on Gita Lenz is here).

No, not really. Though I was drawn to the idea of zines and community as I mention above. Mostly, I just wanted to see that Gita got the type of book I felt she deserved and I was not thrilled with my first forays I to Print On Demand.

I can only image what a satisfying result it was to not only get the book published in her lifetime, but to have her experience a solo exhibition….

I wish I had really gotten this whole enterprise going a few years earlier because Gita was not fully of sound mind towards the end but still it was a beautiful thing to see her amazement about the book and the pride she took in her photography.


Gita Lenz Empire State Building, late 1940s - 1950s

Salt and Truth definitely put Candela Books on the radar of the book and photo world and what a terrific selection as a follow up to Gita Lenz. How did you come to work with Shelby Lee Adams?

Basically, it all comes down to timing. I started thinking about what sort of second book I might follow Gita's with and I had just assumed it would be a smaller project. But Shelby and I started talking when he was just starting to circulate a new book proposal and after a bit of research where I sorted out how I might improve my distribution from the first time out, I started in earnest discussing with Shelby about what his proposed book might look like. We both had some ideas about how his fourth book might differ in certain ways from his earlier books. So we had several conversations before I think we both felt it was a good match between us.

With both books, what has been the most satisfying part as a publisher? And what has been the most difficult or unexpected part of the process?

There are a number of elements to the process that provided a pretty good learning curve but really a lot of the challenge has to do with budget and time management. It isn't terribly tough when you are working with good people. In my case, I started by working with a design firm - Scout Design - I had worked with on several smaller projects and they are so detail oriented that I was free to have the larger concepts in the front of my mind and trust them to do their work.


Limited Edition of Salt and Truth

How many books do you plan to publish each year, and how do you go about finding your projects?

We are bringing one book out in the fall and expect to bring two books out next year. More news on this very soon.

As of last fall, you are now not only a photographer, publisher, and educator, but now a gallerist! How did the Candela Gallery get started?

A couple of years back, I started looking for a new studio space. And then the idea evolved into having a space that might function as a studio and office for Candela. Then the space I wound up investing in was in the downtown arts district and we have pretty amazing foot traffic. So the idea evolved some more, since I intend to work with quality photographers, I figured that putting their work up was a fairly natural decision. I was not quite prepared for the level of work it takes to run a gallery but everything has been very well-received so far. This year is scheduled now and I have gotten pretty excited about the way the year is going to go.


Julio Mitchel

I love the work of Julio Mitchel, your next exhibition at the gallery. What drew you to this artist?

Julio also approached me about a couple of potential book projects. While I still have something to learn about projects and their potential crossover, I was immediately struck by a few of Julio's different projects as well as his earlier books. His work is so very well seen and amazingly printed. A couple of months ago, I spent a couple of days with Julio looking at an incredible amount of work and decided that, while I am researching the markets to see if I can effectively produce and distribute quality books for the projects he will eventually publish, I would be excited to share his work through the gallery.


Julio Mitchel

Are you still teaching, or does the Candela empire take up most of your energies?

I am still teaching actually. I am teaching adjunct, a traditional darkroom class at VIrginia Commonwealth University.


Colonic, Richmond, VA

April 6th marks the deadline for the Unbound Collection. Can you tell us about this call for entry and your ideas behind it?

The idea stems from having only a limited number of open slots in the gallery schedule. I really wanted one show that would allow more photographers a chance to connect with Candela in some way and the rest of the shows in a given year will generally be solo shows or book related. I feel that most mid career photographers have done their share of juried shows and I wanted something that would be open in concept but that would also be worth doing for the photographers. No fees because I hope to raise money through a special event. Then the money from that event will be used to purchase work from the show. The idea is a little uncharted for me but the response has been great so far. And now to put together an event that will bring in a great crowd at a decent ticket price. Ideas we are entertaining include... Door prizes, gift wrapped crap, drunken clowns, PBR, live music... I also enjoy putting together a good night every now and then.


Another Pro Choice Welder, Richmond, VA

Are you up to anything new with your own work?

My own work has slowed down a bit. But I continue to work on the Mangini Series with Terry Brown and I am shooting randomly and getting into the darkroom some. I do have an idea for a 'project' that hasn't yet been started and I have a semi-ambitious show idea coming in 2013 that should also keep me going.


Green Tuft, a collaboration with Terry Brown


Beehive, a collaboration with Terry Brown


Combover, a collaboration with Terry Brown


Long & Straight, a collaboration with Terry Brown

And finally, what would be your perfect day?

Um... er... Some family time, a few hours in the darkroom, music, bourbon, humor, maybe a little bowling?


Feet, Toronto, Canada

0
Your rating: None

December 17, 2008

who is this??

_DSC2862

the man is a teddy bear….a family man…he would much rather talk about his teenage daughter Nina and French wife Sophie than about photography…honesty is his best policy…. you never never have to worry about what he “really thinks”…i live in Brooklyn…..but, Bruce Gilden is Brooklyn….

many think Bruce “attacks”…i do not know this for sure, but i am imagining Bruce has had a least one of his subjects “attack back”…but, Bruce and i are as much on the “same page” as anyone i know in Magnum …we surely have opposite personalities and ways of working, yet we have exactly the same “code” for life regarding fairness, transparency, and family….

Bruce is now working on a project on foreclosures in the U.S….a hardball look at one of the primary reasons for the financial collapse in America and the folks who “lost it all”…his new Magnum in Motion digs in deep and gives us a vision of a side of this country that most ignore…when Bruce went to Florida for the opening series on foreclosures, he showed us a certain kind of sympathy that i just do not recall in his previous work…

my first impression of Bruce came with his book on “Coney Island”…then “Haiti”, then “Go”….i thought Bruce harsh , but irresistibly fascinating…and funny…i can never take my eyes off of Bruce’s pictures even though i might feel a bit guilty for “intruding”, even as the viewer….if Bruce appears somewhat cynical with his work , when you know him personally , he is more “realist” than cynic….there is a difference…..the man’s work reveals a part of his personality, but not all…there is a straight up kindness in Bruce Gilden..and nobody but nobody has a better sense of humor…

please keep your eye out for Bruce’s continued work with foreclosures….anybody can smell a book in the making…

i am only hoping that i do not become one of his subjects…..

Posted at 05:11 PM | Permalink | Comments (122) | TrackBack (0)

December 15, 2008

teaser…..

Burn3
nothing happens until it happens , but things are happening…cracking, buzzing, and yes burning bright…we will launch soonest a working model of BURN magazine (or journal or??)….the house will not be finished…we still need to  get in the wiring and plumbing and it will be a long time before all the furniture is chosen and the interior is decorated and we all feel “at home”…but, at least you will have a sense of it….and you will have a “place at the table”….

i must right now thank Anton Kusters for his tireless efforts working on design and function…the boy flew all the way from Brussels to spend four days here sleeping on my floor…..in the next sleeping bag was Tom Hyde and tossing and turning on the sofa was Chris Bickford…my place looked like a homeless shelter rather than a home for a  wellspring of  ideas…reminiscent of my grad school days or some version of a camping out road trip….

all i can say is that i was totally humbled by all of the hard work from Tom Hyde(flew from Seattle), Eric Espinosa  (flew from Cincinnati), Erica McDonald, Andrew Sullivan, David McGowan, and Andrew Owen from Look3..and i will never forget Kelly Lynn James who gets total credit for suggesting BURN as a title…many  thanks to all of you who wrote, phoned in, and sent constructive emails..but, it ain’t over yet….

today and tomorrow i must attend our Magnum board meeting…our winter interim gathering of the tribe…who would have ever thought i would be on any “board”, but well life has its twists…i might be able to get an interesting post out of it , but in the meantime all of you will have time to chew on this…..

oh yes, if you are in New York, we have our annual Magnum book signing at Aperture tonight…please join us…

back soonest…..

 

0
Your rating: None

 

I have always viewed fog as an aesthetic friend. Cozy like a blanket. Mostly I like fog because it turns my color pictures into black and white. Well, almost. One can simply de-saturate the color, but for those of us who shoot color film or who like to print it as we saw it, fog is a blessing welcomed for softening a landscape or simply taking the color out, rendering the photograph monochromatic. For me, the less “color”, or the fewer the band of colors, the better. Besides I love the romance and mystery of fog. It is not just about light dispersion. You can touch fog, smell it, feel it.

So when I see fog, I grab a camera. Fast. As I did here while eating my cornflakes in a hotel buffet breakfast and saw this out the window. Gotta move on it. For those little water droplets will evaporate quickly with a rising warming sun. Pictures are everywhere, all the time. If you are in the right mood, there is for sure a picture right in front of you. Any time, all the time. It is never necessary to go someplace else. Where you are is THE place to be.

I know this. I teach this. Yet I must re-learn this every day of my life. Why can’t I just learn a lesson and then that is that? Life just doesn’t seem to work that way. I think all of us must constantly re-learn the obvious. What is right in front of us. Hidden perhaps by a “fog” but right there. Or right here. Or both.

Some of you were on hand last week in Perpignan for the launch of Burn 02. By all accounts, the buzz on Burn and Burn 02 was palpable. In all my years in the business, I never saw quite this sort of “big warm”. Was it the slide show? Was it the new in print magazine? Perhaps those things helped. But it was way more than a function of display. It was about YOU. This audience. This audience who supported new and original work by Paolo Pellegrin and Alisa Resnik and Bruce Gilden and others to be seen now first in Burn 02.

Burn 02 is not a repeat of Burn online. Burn 02 is its own original work. A 1500 copy limited editon. Online is terrific, but when you hold 02 in your hand, you will know what photography is all about from our perspective. I am not published in it. I wish I was. The place to be published for sure.

Yes, 02 was a collaboration. But there is always one person who is THE driving force. Diego Orlando, our special projects editor, is that person for 02. Anton and I were in the background on this baby. Designed and printed and bound with loving care in Italy by the very best, you will quickly see why there is pride all around.

I am proud of this magazine/book…I can say this in a way I could never say with my own work. That requires silence. But I can say that this feels like my best effort so far  as the director/coach and not in it as a direct “player”…Yet  I made something happen..Put the talents of others to work..Gave them all the rope they could handle. Kept an eye out..Mostly to set a standard….And to push everyone just a bit further than they wanted to be pushed..I knew they would thank me later …laughing…I will say no more now. On the front flap I wrote this:

We are the photo equivalent of the garage band. Can this last/should this last? No. There is a curve on any creative endeavor. We are not at the peak yet. When we get there, then we will do something else and start the whole process over again. Could be an evolution, or could be a revolution. So let’s enjoy this moment. Now is the time to appreciate what we have, seek out new ways of doing things, celebrate our mutual language and push it just as far as we can possibly go.

-dah-

 

003_P1020826
004_P1020827
005_P1020828
006_P1020829
007_P1020830
008_P1020831
009_P1020832
010_P1020833
011_P1020834
012_P1020835
013_P1020836
014_P1020838

 

Buy BURN.02 here:

USA, Canada, MexicoAdd to Cart
Rest of WorldAdd to Cart

Shipping will commence on September 15.

For volume puchases (over 10 copies), please contact Diego Orlando directly at diego@burnmagazine.org

0
Your rating: None

Smashing-magazine-advertisement in 40 Useful jQuery Techniques and Plugins
 in 40 Useful jQuery Techniques and Plugins  in 40 Useful jQuery Techniques and Plugins  in 40 Useful jQuery Techniques and Plugins

Over the last year, Smashing Magazine has evolved. We’ve been publishing fewer lists and more in-depth articles about design and Web development. We have invited professionals and high-profile developers to write for us. We’ve been investing more resources in the quality and relevance of our articles. We’ve also explored new formats; and on weekends we’ve been publishing more inspirational pieces, leaving the in-depth articles to weekdays.

We’ve tried our best to fuel the growing appetite of our readers for more advanced articles, but recently we’ve been receiving more requests for carefully selected, useful round-ups. We are not big fans of lists either, but the format is useful and — if the resources are relevant — can be extremely helpful. Therefore, we’ve decided to add a couple of round-ups per month as a bonus to our regular articles. Instead of replacing the main articles, we will add round-ups on top of our regular schedule. If you don’t like round-ups or find them inappropriate, please feel free to skip them. How does this work for you?

In this post, we present 40 useful but obscure jQuery plug-ins that will hopefully help you improve the user experience on your websites. We look forward to your ideas and suggestions in the comments to this post.

[By the way: The network tab (on the top of the page) is updated several times a day. It features selected articles from the best web design blogs!]

Tips, Hints, Navigation

TipTip jQuery Plugin
TipTip detects the edges of the browser window and will make sure the tooltip stays within the current window size. As a result the tooltip will adjust itself to be displayed above, below, to the left or to the right of the element with TipTip applied to it, depending on what is necessary to stay within the browser window. TipTip is a very lightweight and intelligent custom tooltip jQuery plugin. It uses ZERO images and is completely customizable via CSS.

JS-00 in 40 Useful jQuery Techniques and Plugins

Contextual Slideout Tips With jQuery & CSS3
A set of contextual slideout tips with jQuery & CSS3, which are ideal for product pages and online tours.

Js-t1 in 40 Useful jQuery Techniques and Plugins

jQuery Slider plugin (Safari style)
jQuery Slider is easy to use and multifunctional jQuery plugin.

JS-52 in 40 Useful jQuery Techniques and Plugins

jSquares
jSquares is a jQuery plugin that pops up an image and a description in an overlay on hover. It is basically identical to the image grid found on www.ted.com. Works like a charm in IE6+, FF 3+, Safari 3+ and Opera 10.

Js-x1 in 40 Useful jQuery Techniques and Plugins

Nav-o-Matic
Single sprite navigation is great, but we all know it can get a little bit tedious. All that measuring of pixel perfect photoshop slices, careful coding of your CSS and subsequent calculator bashing is enough to drive anyone to start microwaving fluffy kittens. Wouldn’t it be great to have a fancy online tool to take care of all the boring stuff for you in a few simple clicks? Well wish no more…

JS-58 in 40 Useful jQuery Techniques and Plugins

Jquery Two Sided Multi Selector
This Plugin converts a multi select list into a two-sided multi-select list. This means you display a list of options in the left hand box and items you select are moved into the right hand box.

JS-01 in 40 Useful jQuery Techniques and Plugins

jQuery MegaMenu Plugin

JS-11 in 40 Useful jQuery Techniques and Plugins

jQuery Keyboard Navigation Plugin
The jQuery Keyboard Navigation Plugin provides the capability for elements on a page to be navigated and activated via the keyboard’s up, down, right and left arrow keys.

JS-77 in 40 Useful jQuery Techniques and Plugins

FullCalendar – Full-sized Calendar jQuery Plugin
FullCalendar is a jQuery plugin that provides a full-sized, drag & drop calendar like the one below. It uses AJAX to fetch events on-the-fly for each month and is easily configured to use your own feed format (an extension is provided for Google Calendar). It is visually customizable and exposes hooks for user-triggered events (like clicking or dragging an event).

JS-89 in 40 Useful jQuery Techniques and Plugins

Forms

iPhone Style Radio and Checkbox Switches using JQuery and CSS
A simple technique for creating radio button and checkbox switches with jQuery.

JS-86 in 40 Useful jQuery Techniques and Plugins

jQuery UI Selectmenu: An ARIA-Accessible Plugin for Styling a Custom HTML Select Element
Our latest contribution to labs is the selectmenu plugin, which is designed to duplicate and extend the functionality of a native HTML select element, and lets you customize the look and feel, add icons, and create hierarchy within the options. Best of all, it’s built with progressive enhancement and accessibility in mind, has all the native mouse and keyboard controls, and is ThemeRoller-ready.

JS-17 in 40 Useful jQuery Techniques and Plugins

A Better jQuery In-Field Label Plugin
This is a pretty nice effect, and it can really help to save space on forms. There are a billion different ways to implement this, and I don’t suggest you use the example from above because that was just a quick way to show the effect. So let’s walk through a couple of different implementation approaches and figure out the best way to implement this feature.

JS-24 in 40 Useful jQuery Techniques and Plugins

Sliding Labels
Tim Wright came up with a jQuery technique that presents labels in input fields by default but then slides them to the left (or up) rather than removing them on click. If JavaScript is turned off, the labels are displayed above the input fields. The small jQuery snippet works in all major browsers and can be used for input and textarea elements.

JS-59 in 40 Useful jQuery Techniques and Plugins

Login or Signup with jQuery
Some users doesn’t like to filling the registration form. So that I had implemented login and singup fields in same block just controlling with jquery and PHP. It’s is very simple javascript and basic PHP code.

Js-y1 in 40 Useful jQuery Techniques and Plugins

Uniform – Sexy forms with jQuery
Have you ever wished you could style checkboxes, drop down menus, radio buttons, and file upload inputs? Ever wished you could control the look and feel of your form elements between all browsers? If so, Uniform is your new best friend. Uniform masks your standard form controls with custom themed controls. It works in sync with your real form elements to ensure accessibility and compatibility.

JS-66 in 40 Useful jQuery Techniques and Plugins

Slideshows and Galleries

jQuery Quicksand plugin
Reorder and filter items with a nice shuffling animation.

JS-82 in 40 Useful jQuery Techniques and Plugins

Nivo Slider: Slideshow jQuery Script
Nivo Slider is a simple and powerful jQuery image slider plug-in that fits the bill. The tool has nine unique transition effects built in, as well as plenty of options to fiddle with: for instance, you can define functions to be applied before and after the image has changed, set the animation speed and activate pause on hover.

Slideshow in 40 Useful jQuery Techniques and Plugins

#grid
#grid is a little tool that inserts a grid onto the Web page. You can hold the grid in place and toggle it between the foreground and background. To display the grid, just press a hot key on your keyboard, and you can set your own short keys to switch views. #grid comes set up with a 980 pixel-wide container, with 20-pixel gutters, and assumes one lead of 20 pixels. You can download the source code (JavaScript and CSS) and use classes for multiple grids.

Analog in 40 Useful jQuery Techniques and Plugins

Improving The Content

Dynamic Footnotes With CSS and jQuery
Lukas Mathis has come up with an elegant solution to improve user experience with footnotes: his jQuery script shows the content of footnotes as soon as the user indicates that they are interested in it – i.e. when they move the cursor over the footnote symbol.

Footnote in 40 Useful jQuery Techniques and Plugins

jQuery Captify Plugin v1.1.3
Captify is a plugin for jQuery written by Brian Reavis to display simple, pretty image captions that appear on rollover. It has been tested on Firefox, Chrome, Safari, and the wretched Internet Explorer. Captify was inspired by ImageCaptions, another jQuery plugin for displaying captions like these. The goal of Captify is to be easy to use, small/simple, and completely ready for use in production environments (unlike ImageCaptions at the moment).

JS-88 in 40 Useful jQuery Techniques and Plugins

Copy to Clipboard with ZeroClipboard, Flash 10 and jQuery
With today’s post I will show you a contrived example to get you started. I eventually hope to add this to the contextMenu.js jQuery plugin that I use, but for now this should be pretty straight forward. I do want to note that in the demo and download I am loading the latest version of the jQuery library (1.3.1) from Google’s CDN for the first time in any of my posts. For more information on how to do this see the instructions from Google.

JS-41 in 40 Useful jQuery Techniques and Plugins

Layouts

Columnizer jQuery Plugin
This jQuery plugin will help you create a multi-column layout without complex CSS hacks. Works across all major browsers.

JS-71 in 40 Useful jQuery Techniques and Plugins

jQuery Grid Plugin

JS-50 in 40 Useful jQuery Techniques and Plugins

Charts and Graphs

Dygraphs: Create interactive graphs from open source Javascript library
Dygraphs is an open source JavaScript library that produces an interactive, zoom-able charts of the present time series. It is mainly designed to display the dense data sets and enable the users to explore and interpret them. It is a JavaScript Visualization Library.

JS-38 in 40 Useful jQuery Techniques and Plugins

gMap – Google Maps Plugin For jQuery
gMap is a lightweight jQuery plugin that helps you embed Google Maps into your website. With only 2 KB in size it is very flexible and highly customizable.

JS-65 in 40 Useful jQuery Techniques and Plugins

10 jQuery Plugins for Easier Google Map Installation
The plugins below offer not only an easier method to install a map, they also offer the option to add extra functionality, should you choose to need them. They also all come with a varied degree of docs, some are extensive and some non-existent, so choose your plugin wisely.

JS-78 in 40 Useful jQuery Techniques and Plugins

Images and Visual Effects

jQuery imageless buttons a la Google
This jQuery plugin is an attempt to recreate Google’s imageless buttons and prove that it doesn’t take a whole team of engineers and an endless cycle of code revision and quality control (their own words) to pull this off. I don’t know how Google did it, but my buttons automatically adapt to paddings and other styling you wish to use. They allow for a lot of stylistic customisatoin via a few lines of css while keeping all the display critical css rules hidden deep inside the plugin.

JS-67 in 40 Useful jQuery Techniques and Plugins

jQuery Presentation Plugin
jQuery Presentation Plugin: Say NO to Keynote!

JS-90 in 40 Useful jQuery Techniques and Plugins

jQuery pageSlide
This plugin allows any developer to recreate a similar interaction on their own website using a few simple lines of Javascript. By attaching the method to an anchor tag, pageSlide wraps the original body content into a wrapper and creates an additional block for the secondary content load. The slide is animated whenever the click event is invoked.

JS-74 in 40 Useful jQuery Techniques and Plugins

jqFancyTransitions: jQuery Image Rotator Plugin
jqFancyTransitions is easy-to-use jQuery plugin for displaying your photos as slideshow with fancy transition effects.

JS-15 in 40 Useful jQuery Techniques and Plugins

A demo of AD Gallery
A highly customizable gallery/showcase plugin for jQuery.

JS-16 in 40 Useful jQuery Techniques and Plugins

Pines Notify jQuery Plugin
Pines Notify’s features include: timed hiding with visual effects, sticky (no automatic hiding) notices, optional hide button, supports dynamically updating text, title, icon, type, stacks allow notice sets to stack independently, control stack direction and push to top or bottom.

JS-51 in 40 Useful jQuery Techniques and Plugins

Animate Panning Slideshow with jQuery
In today’s tutorial we’ll take the makings of a classic slideshow, but use a different kind of transition to animate between slides. It may not fit every project, but diversity is always welcome in the world of web design.

JS-79 in 40 Useful jQuery Techniques and Plugins

Sponsor Flip Wall With jQuery & CSS
Designing and coding a sponsors page is part of the developer’s life (at least the lucky developer’s life, if it is about a personal site of theirs). It, however, follows different rules than those for the other pages of the site. You have to find a way to fit a lot of information and organize it clearly, so that the emphasis is put on your sponsors, and not on other elements of your design.

JS-39 in 40 Useful jQuery Techniques and Plugins

Last Click

CofeeScript
CoffeeScript is a little programming language that compiles JavaScript while simplifying the code that developers actually have to deal with. It works with current JavaScript libraries and compiles clean code, leaving even comments intact. Once developers familiarize themselves with how CoffeeScript works, they could potentially save themselves a lot of time and headaches with the simplified code.

Coffeescript in 40 Useful jQuery Techniques and Plugins

Brosho ‘Design in the Browser’ jQuery Plugin
With this Plugin you can style your markup right in your browser with a build-in element selector and CSS editor. Generate the CSS code of altered elements with one click and use it in your own stylesheet.

JS-62 in 40 Useful jQuery Techniques and Plugins

gameQuery – a javascript game engine with jQuery
gameQuery is a jQuery plug-in to help make javascript game development easier by adding some simple game-related classes. It’s still in an early stage of development and may change a lot in future versions. The project has a Google Code page where the SVN repository of the project is hosted and a twitter page where you can follow the daily progress of the development.

JS-13 in 40 Useful jQuery Techniques and Plugins

Mind-blowing JavaScript Experiments
The following JavaScript experiments demonstrates the amazing capabilities of the modern browsers such as Chrome and Safari. In this post I will showcase to you an array of experiments that will surely blows your mind off.

JS-35 in 40 Useful jQuery Techniques and Plugins

Is adding round-ups to our regular content a good idea?

What do you think, is adding more round-ups to our regular content a good idea?Market Research

© Vitaly Friedman for Smashing Magazine, 2010. | Permalink | 78 comments | Add to del.icio.us | Digg this | Stumble on StumbleUpon! | Tweet it! | Submit to Reddit | Forum Smashing Magazine
Post tags: , ,

0
Your rating: None

Over the last months we have seen a strong trend towards more individual web designs. These designs use realistic motifs from everyday life, such as hand-drawn elements, script fonts, pins, paper clips, organic textures and scrapbooks. That’s not a big surprise as they serve the function that faceless, shiny, glassy 3D-buttons completely fail to deliver: individuality and personality. “Personal” designs appear more familiar and more friendly. Used properly, such elements can give a human touch to design and communicate the content in a truly distinctive manner.

However, apart from visual design elements, one can also get creative with the layout of the site – its structure and the way the information is presented and communicated. To give you some ideas of how exactly it can be done, we have been collecting examples of creative design layouts. Design was more important to us than a concrete implementation of some creative idea. We also weren’t interested in whether the code validates or not. Below are some examples we have found so far.

In the showcase below we present 40 creative out-of-the-box layouts that break the boring 2- and 3-columned, boxed layouts. We have collected pure CSS -designs, CSS+JavaScript -layouts as well as Flash -designs. Most designs presented below risk their site structure and content presentation with unusual approaches. That’s what makes them different. Hopefully you will find some creative ideas that you can develop further in your future projects.

We strongly encourage designers to break out of the usual boxed layout conventions, experiment with new approaches and risk crazy ideas. Show what you are capable of!

20 × Getting Creative With CSS

Pavel Buben
Pavel Buben uses a magazine cover-style layout for his one-page-site. Unfortunately, there are no internal pages — it would be interesting to seek how they would be designed. An interesting and unusual approach.

Showcase of Unusual Layouts - Pavel Buben

AIGA Los Angeles
AIGA Los Angeles uses boxes in a creative way. All design elements are placed according to the underlying grid, however they clearly break out of the boxes. This approach creates tension within the design and looks truly distinctive.

Showcase of Unusual Layouts - AIGA Los Angeles

SpaceCollective
For its gallery section SpaceCollective uses a five-column grid. Text and images are perfectly placed on the grid giving the layout a complete form and a sense of order. Notice various font sizes and text styling in the design — they introduce a profound visual hierarchy into the layout that works perfectly within the complex, unpredictable layout.

Showcase of Unusual Layouts - SpaceCollective

Jason Santa Maria
Jason Santa Maria has taken a truly different route with his site layout. Each article is laid out differently, with strong focus on typography and visual clarity. Below three of the layouts are presented. You may have a hard time finding similar layouts on the Web.

Showcase of Unusual Layouts - Oh, Snap @ Jason Santa Maria

Showcase of Unusual Layouts - Explain Yourself | Jason Santa Maria

Showcase of Unusual Layouts - Jason Santa Maria

Checkout: Point of Sale for Mac (POS)
At the first glance, Checkout looks like an ordinary Apple grid-layout. What makes the layout interesting is not only the position of its visual elements, but the fact that each section of the page has its individual (although consistent) design. Still, the layout is very scannable and intuitive.

 Point of Sale for Mac (POS)

NOFRKS.design
NOFRKS uses JavaScript to slide between various parts of the site. What we found more interesting was the way the content is presented. Most elements are placed within a context, giving the content a secondary meaning.

Showcase of Unusual Layouts - NOFRKS.design

SMS Parking
At the first glance SMSParking has no layout at all. The design appears to be one single illustration — all elements fit perfectly with each other, creating visual harmony and a sense of balance and closure.

 Welcome

Tri-Win
Sometimes a background image is enough to make the layout stand out. Although one can recognize a conventional layout structure here, the design looks distinctive and memorable. The background image of the site perfectly fits the company, which offers mailing services.

 Serving as the leader in Direct Mail and Mailing Services in the Dallas Texas metroplex area.

Matriz Communicacao
This Brazilian company delivers a perfect example of how design and content can seamlessly be integrated within a complete yet simple layout.

Showcase of Unusual Layouts - MATRIZ COMUNICAÇÃO

Mihmorandum
Mihmorandum uses a common 3-column-layout in an unusual way. Although the structure is quite usual, the design itself looks distinctive and resembles a pile of paper put inside a folder.

 The Small Business Web Design + Local SEO Blog

3rdM
3rdM uses icons to indicate various navigation options. This is not a type of layout you will find in many other web designs. And that’s what makes the layout creative.

Showcase of Unusual Layouts - 3rdM

Nile Inside
Many portfolios use vertical layout to showcase their works. Nile.ru displays its works in a chronological order as if it was a horizontal blog.

Showcase of Unusual Layouts - Nile Inside / years-2008

Rockatee
Rockatee uses asymmetry to position content blocks in an unusual yet appealing style. Notice that the left block perfectly aligns with the navigation option “Home” at the top of the page. The screenshot in the middle of the page spans exactly two navigation options and has the same width as the description block on the right side of the page.

The distortion in the layout is caused by the underlying organic texture. Although the design is perfectly aligned according to the grid, it seems to be chaotic at first glance. The tension between order and chaos creates tension in the layout and looks very appealing.

Showcase of Unusual Layouts - Rockatee Home

Get London Reading
An effective background image can help a layout stand out. The effect achieved here fits with the objective of the project — to encourage people to read more.

Showcase of Unusual Layouts - Get London Reading

BL:ND ( blind )
At the first glance, the layout looks underwhelming. What distinguishes it, though, are the choice of images sizes and a good use of white space. Notice how well negative space is used in the sidebar, where individual elements are clearly separated and properly aligned. The width of the images equals the width of the content blocks. Yes, the layout is boxy, but the wise use of whitespace makes it far from boring.

ND ( blind )

The portfolio of Hannibal
Usually, navigation menus are placed in the sidebar or at the top of the site. William F. Leffert does it differently. His non-linear layout literally breaks out of the boxy structure and offers something quite different. Sometimes it’s enough to simply experiment with the position of design elements to achieve striking design solutions.

 WFL

URLshrinker
Creative design solutions can be as simple as this one. An elegant and attractive layout by URLshrinker.

Showcase of Unusual Layouts - URLshrinker

15 × Getting Creative With CSS+JavaScript

ShopComposition
ShopComposition offers a sliding navigation at the top of the site. Users can choose the content they would like to read and select the width of the content blocks. This store has an integrated blog and some further projects (such as picture-a-day) to attract customer’s attention. JavaScript in use.

Showcase of Unusual Layouts - ShopComposition | Composition | Outfitting Designers Since 2003

forgetfoo
Forgetfoo uses an almost minimalistic, simple layout with a sidebar and a content area. Designers removed all necessary and unnecessary details focusing only on last blog entries. The design doesn’t contain any category navigation options. That’s unusual, but may be a little bit too much of the minimalism. Navigation through blog posts is realized with Javascript.

Showcase of Unusual Layouts - foo // it\\

Include
On Include one content block and the corresponding navigation block seem to “hang in the air”. Essentially the page has two columns; however. the layout seems to be quite original — maybe because of the cows placed on the background for some reason. The navigation on the right-hand side is realized with Javascript.

Showcase of Unusual Layouts - Include

Kobe
The navigation options at the top of the site are slightly animated yet creating an appropriate atmosphere. Once one of the sections is clicked, the main content area slides vertically — first the background image, then the content. If the content area also has some navigation options, they are slided vertically as well. In this situation it might be a slightly better design decision to use horizontal navigation instead to make it easier for visitors to distinguish between the primary and secondary navigation.

Kobe

tap tap tap
tap tap tap uses a bold and eye-catching layout to deliver the message to its visitors. The layout, although basically consisting of the sidebar and content area, is not boring at all and looks attractive. The left-hand side navigation and further effects are created using JavaScript.

Showcase of Unusual Layouts - tap tap tap ~ Groceries

youlove.us
The layout on youlove.us is definitely very vibrant. It uses a large vivid background-image and a the scroll-effect to enable users to quickly jump from one section of the site to another. Notice that the navigation area is repeated four times, in each of the categories. Sliding effects are also used for each of the categories. Instead of using 20 separate page, the layout combines them all on one single page. The result is compact and user-friendly.

Showcase of Unusual Layouts - youlove.us

Method: A Brand Experience Agency
This design agency uses a flexible JavaScript-based layout which updates its size depending on the browser window size. The content is “packed” in boxes is usual for such a grid-based design; however, the alignment of the boxes makes the design literally stand out.

 A Brand Experience Agency

Viget Labs
Viget Labs also uses a sliding navigation and a horizontal scroll-effect to make the user interaction more dynamic and hence more appealing. However, more importantly, the layout itself stands out: the layout is invisible and resembles interactive Flash-interfaces. CSS+JavaScript in use. Smashing says: five out of five stars.

Showcase of Unusual Layouts - Viget Labs

Lucuma
Lucuma also uses horizontal layout as well as a horizontal slider-navigation. The simple yet effective integration of background images, navigation, videos and content makes the layout unusual and distinctive.

Showcase of Unusual Layouts - Lucuma

Axel Peemoeller Design
On this page all design elements are draggable and some of them are clickable. Images seems to be thrown on you in the first moment, but in the end they all make sense. This is an unusual portfolio which is memorable and interesting to explore.

Showcase of Unusual Layouts - Axel Peemoeller Design

IDEO
IDEO presents everything on its main page. The navigation options are placed in the black boxes and somehow arranged among other content boxes. Once one of the black boxes is hovered, related content blocks are highlighted. That’s not something most users would expect from a layout.

Showcase of Unusual Layouts - IDEO

Bohdan Levishchenko
Bohdan Levishchenko uses the same approach as IDEO, but presents all navigation option at the top of the page. Single works are presented as images under the navigation and spread throughout the layout.

Showcase of Unusual Layouts - Bohdan Levishchenko

MelissaHie.com
Melissa Hie places all deign elements on a single large page. Visitors are basically driven from one site are to another using a scroll-effect.

Showcase of Unusual Layouts - www.MelissaHie.com

Hotel Oxford - Timisoara
A single-page-site with a very calm and comforting layout. All navigation options are available at the first glance. Once some of the options is clicked, the content block on the left is dynamically replaced. The logo of the Hotel Oxford always remains on its place.

Showcase of Unusual Layouts - Hotel Oxford - Timisoara

thruSITES / Portfolio
In this portfolio the illustrations of a designer’s works seem to somehow be loosely placed on an invisible rope. When one of the illustration is clicked, all other elements arrange themselves in such a way that the content which this illustration represents becomes dominant.

Showcase of Unusual Layouts - thruSITES / Portfolio

Erwin Bauer KEG
The portfolio site of Erwin Bauer takes a different approach to using a pannable user interface, but implementing in JavaScript rather than in Flash. The site allows users to click and drag to pan the canvas, or to use links positioned around the content to move around. The design is clean, and mimics a design document with regisration and crop marks, and visual cues about the directions the canvas will pan to when you navigate. [via]

Showcase of Unusual Layouts - Erwin Bauer KEG – Designbüro für Konzept & Gestaltung

5 × Getting Creative With Flash

The Secret Location
The Secret Location, a media agency based in Toronto, Canada exemplifies their work, by providing an immersive flash experience around a conjured up story leading a character to follow a mysterious path that leads to the secret location. Very interactive approach, a very unusual site layout. [via]

Showcase of Unusual Layouts - The Secret Location - 416 849 5298 - Interactive Media Production, Ideas, Experience Design, Tangible Media, Animation and Motion Graphics

Kamil Gottwald
In his layout Kamil Gottwald enables users to define the width of site columns manually. To navigate vertically users need to scroll horizontally. Hence no vertical scrollbar is necessary. Multiple site views are possible.

Showcase of Unusual Layouts - Kamil Gottwald - interactive developer

Grooveshark Lite
Grooveshark seems to imitate an iPod-interface and does it indeed very well. Although it may be not very creative, such layouts are hard to find on the Web.

Showcase of Unusual Layouts - Grooveshark Lite

Jeremy Levine Design
Flash offers many creative possibilities for an interactive navigation design. Jeremy Levine uses dynamic paper strips which seem to hang in the air.

Showcase of Unusual Layouts - Jeremy Levine Design

SeymourPowell
SeymourPowell has come up with an interesting idea to provide its visitors with some intuition of how good its work is. Click on the pile to find out.

Showcase of Unusual Layouts - Product Designers

Muku Studios
“Let Muku Do You”: this friendly buddy just wants to remain visible and hence he tries to find some place on the screen to keep an eye on site’s visitors. The layout of the site is simple yet memorable — well, Muku makes sure he’ll be remembered after the browser window is closed.

Showcase of Unusual Layouts - Muku Studios | Let Muku Do You

Related Resources

You may also be interested in the following articles we published earlier:

0
Your rating: None