Dieter Petereit

  • What Can You Learn From Web Design Of Fortune 500 Companies? (Infographic)

    teaser-fortune-500-homepagedesign-infographic-org-w550

    Don’t you carry a positive prejudice when you hear the word Fortune 500? Hey, these companies are the most successful, the best of the best, the créme de la créme. And as they are so successful, probably everything they put their fingers on turns to gold. Now wouldn’t they guarantee for an awesome example in web design? Probably not…



    Read more 
  • Photo Pin Lets You Use Flickr Images Easily, Cares For Licences

    photopin-homepage-w640-w550

    We all need images more often than not. Be it to illustrate that new recipe in your favorite cooking forum or be it to have that blog post look more interesting. It is not exactly difficult to find images around the webs. But there are strings attached. If you are not aiming solely for pictures in the Public Domain (the platform Pixabay is for you, if you do), you will always be confronted with having to care for the licensing. Specialized platforms, such as Fotolia, try to make that task as easy as possible. They tell you explicitly, under which licence you can use any given image from inside their service and how you would have to attribute it. But, wouldn’t it be much nicer, if you could harvest the ever-growing Flickr portfolio, too? I know you theoretically can. I mean, practically…



    Read more 
  • Facts, Facts, Facts: The Anatomy of a Successful Resume (Infographic)

    No matter whether you are seeking for a nine-to-five or whether you want to get that freelance job. It is always inevitable to make the best possible impression, be it on an employer or a client. How this best impression can be planned and crafted is the subject of a recent infographic. NowSourcing, internet marketers by profession, have put it together for TopCounselingSchool.org. If you are sitting over the papers, trying to write your resume, push them aside and read on…



    Read more 
  • New Tools: CSS-Preprocessor Roole and HTML Converter Markdown.css

    roole-w550

    Astonishing things happen inside the development community. It keeps pushing out tools at an hourly rate, where some tools become essential and others are never again heard of. Today we will be looking at two tools, one from each side of this spectrum. While Roole, a JavaScript-based preprocessing CSS language, proves immediately useful, Markdown.css asks for a deeper look, or two.



    Read more 
  • Toolbar.js for jQuery and Bootstrap: Flexible Toolbars in iOS Style

    No matter whether you like the design style of iOS or you don’t. We need not participate in the ongoing discussion about sceuomorphism. One topic cannot be disputed. I’m talking about the toolbar design Apple’s iOS introduced. Modern websites tend to adapt that concept more often than not. Tapping an icon or a link unveils more options. This is space-saving and an established implementation by now. The jQuery plugin Toolbar.js, created by Paul Kinzett from New Zealand, allows for iOS-style toolbars on any website. The tool is dead-simple to integrate.



    Read more 
  • HINT.css – Tooltips In Pure CSS3 And HTML5, No JavaScript Needed

    Tooltips in HTML pages general do not need any effort from a developer’s side, as long as they put proper title attributes to their elements. The title is then used for showing the tooltip, but also for other things, such as providing a screen reader with proper content. Speaking of the use case of tooltips, the visual presentation depends on the browser your site gets visited with. Developers with the need for more control turned to JavaScript bases solutions years ago. Kashagra Gour created Hint.css, which proves as a decent alternative, based completely on CSS and HTML.



    Read more 
  • The Billion Dollar Startups – Rare, But There [Infographic]

    Strange, but true. Even in these fast times, companies freshly evolve and make it to a market value of billions of Dollars in a mere few years time. The people from the job board Staff.com put together a nice infographic with all the basic facts worth knowing about the thirteen young companies that made it. But, before you go head over heels to open up your own startup, keep in mind, that market value does not necessarily correspond to real money. It is just the value using established calculations in the financial sector tells you a company has. To exchange that value into real life cash someone would need to be willing to shell out the money. Thus it is more interesting to look at the capital a startup raised during IPO. The infographic has that covered, too…



    Read more 
  • Close Up: Decent Zoom Effects with elevateZoom for jQuery

    Onlineshops have them. I particularly like the product pictures over at Amazon. Hovering the pictures with your mouse enables a zoom effect that shows a larger portion of the original right beside the image. If you like these presentations you might also like to implement similar effects into your own web projects. The jQuery plugin elevateZoom promises to achieve just that. It can even be customized to vary the effects to your liking.



    Read more 
  • Agile Designers: A Collection of Resources for Web Designers

    Agile Designers by Webalys is a platform for web designers, currently in beta. Up to now already around 1,900 designers have registered and put up 740 resources. This is massive, considering that the service just launched on the 7th of November of last year. Reason enough to take a closer look at what’s in store.



    Read more 
  • The Accessibility Project – How To Integrate Accessibility Into Your Daily Designs

    A few days ago we brought HTML_CodeSniffer to your attention, a bookmarklet for testing websites in terms of accessibility. Today we encountered a brand-new project, that aims at the average designer and is set to be the starting point for everything around accessibility. Community-driven and crowdsourced, A11Y as the project abbreviates itself, wants to support and encourage accessible web designs. The project is refreshingly different and growing rapidly.



    Read more 
search form
 
image description image description