Dieter Petereit

  • Garlic.Js and Sisyphus.Js: These jQuery Plugins Store Form Values With HTML5 LocalStorage

    The problem is as old as forms on the web are. The longer the form, the bigger the problem, potentially. The problem I’m talking about is one you have encountered more than once in your digital lifetime. It uses to occur only after filling out the most complex forms or while you are in a hurry and just wanted to submit this order you promised your wife to place today. There it is. Submission fails, the browser tab closes accidentally, for some reason you press F5 or whatever monkey business you achieve to perform. Result: the form is empty again, you are back to zero. The plugins for jQuery we have for you today, promise to avoid running into a situation like this ever again.



    Read more 
  • Corbis Poster Contest: Make Your Mark – Design For A Cause

    The world is not short of good causes and people who stand for them. Some of these causes are very prominent, practically omnipresent, while others could well use some more publicity. Now you have the chance to support a good cause you personally care lots about. With your help in terms of design you could earn your charity 1,000 Pounds/Euros. Corbis Images makes it possible with their brand-new contest “Make Your Mark – Design For A Cause”. If you know your way around Photoshop, Illustrator, Gimp, InkScape or whatever tool you see fit, this one is for you.



    Read more 
  • Social Stereotypes In The Networked World

    Website builders Wix.com put together an amusing infographic that reflects what kind of yearbook-type different social networks would be taken for. Do you remember? There have always been the rich man’s daughter, the sporting ace with the red cabriolet, the nerd with the black glasses, one or more hussies and all those gossipers and hearsayers. I suppose things haven’t changed much over the years as Wix.com identifies the exact same characters in our favorite social networks.



    Read more 
  • jPanelMenu: Slick Navigation-Sidebar With CSS Animations And jQuery

    jPanelMenu is only a few days old, but you already know the operating principle from your favorite smartphone or tablet using Android or iOS. Most likely you will use either the Facebook or the Google+ app, which both implement an off-canvas slide-in navigation. A small list icon in the upper left corner symbolizes the availability of a navigational menu at a tap of your finger. It is exactly this principle jPanelMenu transports into your webdesigns.



    Read more 
  • Makisu – Sushi-Inspired CSS 3D Navigation for jQuery

    Better browser support has CSS experiments become more popular these days. My personal favorite up until today was Paperfold CSS. Of course we also saw Meny and some other more playful approaches. Makisu is a brand-new concept for dropdown navigation menus realized by the use of CSS 3D transforms. I have seldom seen such an impressing result. Sorry Paperfold CSS, I leave you for Makisu…



    Read more 
  • Endless Icons & Iconmonstr – Loads Of Free PNG-Icons And Growing Fast

    There is a fresh repository in town and it deals with icons. We all know everybody loves icons. That’s understandable as icons are necessary replacements or at least additions to traditional navigation concepts in the wake of the mobile era. Today we introduce to you a project by name of Endless Icons, created and maintained by web developer Min Kim, based in Orange County, as well as a slightly more established project from Germany. Alexander Kahlkopf has already gathered almost 900 symbols, while Endless Icons is still working towards its first 100 icons. Both projects are subject to continuous and steady growth.



    Read more 
  • Pixabay: More Than 40,000 Completely Free Photos And Illustrations

    ´

    As designers we are always on the hunt for good pictures. Noupe certainly needs fitting imagery now and then and even more often. That’s where photo-services, stock image providers and the like come into play. There are big marketplaces, offering you high-grade imagery at more or less affordable rates. Then we find repositories with free usage policies but varying licenses, which at times are not easily comprehensible. I have certainly been in trouble with this kind of mine-seeking. Pixabay, a fresh repository with a quickly growing selection of excellent imagery, is different, dead-simple. All the pictures are free, no license conditions apply. Pixabay delivers pure public domain photos.



    Read more 
  • UICloud: Brand-New Free Resource Covers More Than 25,000 UI Elements

    UICloud is a fresh project. Launched in July 2012 it already provides over 25,000 UI Elements in over 1,000 UI sets. All the resources can be used free of charge, individual licenses apply. Jack Cai, a Southampton (UK) based Chinese freelance icon and GUI designer, did a great job. The platform is intuitive, even fun to use. The design is modern and elegant, the content is neatly arranged. Enough reason to look deeper into it.



    Read more 
  • BootMetro: Framework for Websites in Windows 8 Design

    We know you like tiled websites. Our article featuring Sergey Pimenov’s Metro UI CSS drew loads of attention. So we thought you might also be interested in what the Italian frontend-developer Marcello Palmitessa created. By the name of BootMetro he just introduced a whole framework for building tiled websites in the Metro-style of the forthcoming Windows 8. Palmitessa took Twitter’s Bootstrap and changed its looks to mimic Redmond’s next-generation operating system. And yes, he not only got inspired by Pimenov’s Metro UI CSS.



    Read more 
  • Moqups: HTML5-Based Mockups On Steroids

    Before you detail the design of your next website project you need to determine where should be what. You will have to place your navigation, images, texts, forms, whatever will be part of your site. Especially essential parts such as the navigational concept have to be planned very thoroughly. The information architecture decides if your project will be usable or not. Also important in your early concept is that nothing should be forgotten. The established way to deal with all of these challenges is creating one or more mockups of the project. Mockups are small models, sometimes even prototypes, sometimes only scribbles of the website under construction. They do not determine the design aka looks of a site but they define its structure and the navigational concepts. The brand-new web-app Moqups has been created to help you do just that, build early mockups of your next big web-thing.



    Read more 
search form
 
image description image description