Dieter Petereit

  • Mandatory for Web Developers: Free Video Tutorials on Chrome DevTools by Code School

    codeschool-devtools-01-w550

    Are there web developers who have never heard of Chrome DevTools? I don’t know of one single example. Chrome DevTools are a developer’s friend. Directly implemented into the browser, they deliver tools that are inescapable when it comes to web programming, especially the debugging part of it. Getting started with DevTools is not exactly complicated, but – as always – any help in accomplishing a faster start is greatly appreciated and lowers the inhibition threshold for newcomers. It is exactly such an entrance (and more) that the free video tutorial “Explore and Master Chrome DevTools” offers you.



    Read more 
  • Facebook? I Don’t Care!

    idontcarebuttonfacebook-teaser-w550

    The Maple Kind is a website with a distinct claim that reads “Where infographics meet comics and bullshit!” What urges its creators is to make you chuckle. This sure does sound much simpler than it is, but it definitely implies, how the following infoographic shall be read. Therein, the Maple Kind argues, why we need a new button on Facebook (a few more than one more, in fact). This new button shall be named ” I Don’t Care” and is bound to be the most widely used expression on Facebook, once it has been instated. Though the infographic in fact made me chuckle, The Maple Kind does not follow a far-fetched approach. Take a look at your own use of Facebook. What would you use more often? Like or I Don’t Care? I know what I would do, but I don’t see Facebook as anything of value for modern society anyway…



    Read more 
  • uiFaces: Placeholder Service for Avatars in Design Mock-ups

    uifaces-start-w550

    We have been introducing you to placeholder services frequently. This new app by the name of uiFaces, that we want to show you today, does not stand in line, though. It covers a rather unique aspect of modern design, the integration of Social Media. With uiFaces you can easily integrate social network areas into your design mock-ups. With its ample flexibility, uiFaces covers any use-case.



    Read more 
  • Social Media Image Maker: Photo-Editing One-Stop-Shop for Social Media Networkers

    socialmediaimagemaker

    Facebook, Twitter, Google+, then Pinterest, Tumblr, Xing or LinkedIn and what do I know where all you’ve set your flag, and are networking as networking can. All these services want you to maintain a proper profile and, if you really do think you should register practically anywhere, you should try your best to make a good impression. One main necessity to achieve this is adequate imagery. Even if you really have reasonable images for these use-cases at hand, that’s still where the problems begin. I don’t know of two social networks that share image resolutions or other specifications. You can’t simply upload the same picture to a zillion websites and hope for an adequate presentation. Instead you have to struggle with the same zillion different requirements when it comes down to even such a simple thing as a profile header-image. To further complicate the situation, social networks have fun changing their image-related specifications frequently. A new tool by the name of Social Media Image Maker promises relief…



    Read more 
  • How To: Genericons – 62 Vector Icons Webfont by WordPress Creators Automattic

    genericons-w550

    Not only do we see a massive growth in the number of mobile devices, also the capabilities of these little handsets improve with every new generation. It’s an irreversible trend, commonly known as HiDPI, that causes lots of work not only, but also for web designers. If you have ever had the pleasure of looking at a non-retina app on one of the new MacBooks Pro, you know what I’m talking about. WordPressers Automattic made sure that their blogging software got equipped with retina-capable iconry during the latest update. A few days ago they published Genericons, an icon webfont made up of vectorized symbols…



    Read more 
  • HTML5: Threesixty.js Generates 360 Views From Images

    threesixtyjs-homepage-w550

    360 degree walk-arounds, just as you know them from the major automobile brands: that is what you can expect the fresh jQuery plugin Threesixty.js to deliver. It does this using HTML5 data attributes, thus showing a very simple approach that has you fiddling together a nice 360 in a matter of minutes.



    Read more 
  • Hook.js für jQuery – Pull To Refresh For The Web

    hookjs-homepage-w550

    If my memory doesn’t fool me, it was Apple who invented this. Or was it Loren Brichter for his Tweetie client? I really can’t say for sure, but that does not matter anyway. “Pull to refresh” definitely is a functionality that can be seen as a standard nowadays, at least when we look at mobile clients, foremost smartphones and tablets. Jordan Singer and Brandon Jacoby have just recently come up with a similar method of equipping websites with a “Pull to refresh”.



    Read more 
  • Typeplate: Starterkit Cares For Decent Typography – Doesn’t Care For Web Design

    typeplate-homepage-w550

    Typography and web design should go hand in hand. But since the possibilities to implement proper typography have only just emerged in the last few years, a lot of developers are stuck in their traditional mindset. Of course everybody will agree that typography is important, but when it comes down to fish or cut bait, often only the bare necessities get done. With Typeplate, there is a chance that this might change, as Typeplate doesn’t exactly transform typography on the web to a no-brainer, but it really simplifies the process.



    Read more 
  • Magento, osCommerce, OpenCart: Which Ecommerce CMS Should You Choose? [Infographic]

    teaser-MagentoVSosCommerceVSOpenCart1-w550

    According to retail researchers worldwide, the shopping revolution has only just begun. Although you sense almost everybody buying at Amazon already, this is just the tip of the iceberg. In the next three years, online shopping is about to explode. To keep your head above the water as a retailer you will need to take the step and eventually install an online subsidiary of your brick and mortar store. The designers from Forix Webdesign took three of the most successful softwares that promise to achieve just that and put them head to head in a comparison. To not steal too much of your time, this comparison comes along in the form of an infographic.



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