Dieter Petereit

  • Serif vs. Sans: Typography Basics And Loads Of Free Fonts (Infographic)

    serif-vs-sans-serif-teaser-w550

    You are really telling me, you never heard of Urban Fonts before? Well, considered how large the web is, this might be true and not a matter of faulty memory. The good news is: you can always get to know them now. They have published a useful infographic and still offer around 8.000 freeware fonts. So go there for more than one reason…



    Read more 
  • Peer.js Enhances WebRTC, Allows For Peer-To-Peer Connections In The Browser

    Well, you could go pier to pier here. But that isn't what we are talking about...

    WebRTC is a powerful idea. It aims at establishing real-time communication inside of a browser. Google, Mozilla and Opera carry the project, its API is supported in Chrome and the nightly versions of Firefox. Does this sound limited? It sure does. The JavaScript project Peer.js is even more limited. It is only functional, not even fully, in Chrome Dev and Canary. Still it is an interesting approach to guess on the future of communication.



    Read more 
  • Typeahead.js for jQuery – Twitter’s Flexible Autocomplete

    typeahead-homepage-w550

    Is Twitter enjoying Open Source more and more? For years they weren’t to be seen, then they released Bootstrap to the community and now they are pushing out new projects regularly. The newest addition is titled Typeahead.js. This plugin for jQuery adds autocompletion to any input element you want to enhance that way. The autocompletion data can be hard-coded or called from JSON files on local or remote storage.



    Read more 
  • WebEngage Interactivates Your Website

    webengage-homepage-teaser

    Your main goal in running a commercial website may be set to high profitability. Especially when you are running an online shop, you will want to generate the highest revenue possible, the more buyers you attract the better. In ecommerce one strong handicap exists. You cannot interact with the prospective buyer in a way you would be able to in a real shop of the analog world. The would-be buyer has to rely on the one-way communicative efforts your website offers. WebEngage changes that, if you let it…



    Read more 
  • 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 
search form
 
image description image description