Tools

  • Tips for Designing Small Websites Faster and Cheaper without Sacrificing Quality

    Web designers/developers often find themselves needing to turn down small projects simply due to a lack of time or budget. For instance, a friend may be starting a doggie daycare and needs a simple website to provide clients with information. Or maybe a cousin needs to create a website for her social club events. Some of these projects may only pay in exchange of services, a much lower fee than you would offer if it wasn’t your cousin, or maybe even no pay at all.



    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 
  • Tear Down This Wall: HTML_CodeSniffer Checks Websites For Accessibility

    Accessibility is a major societal task that is constantly gaining in importance. Websites are no exception here. Even more so, online services for some people are their sole possibility of taking part in social life. Thus accessibility is a vital precondition to allow handicapped people to claim their share of the information age. HTML_CodeSniffer is a tool to check any given website for compliance to given standards. The tool generally works as a bookmarklet and can be invoked while surfing around any given website easily.



    Read more 
  • Heyoffline.js Notifies Your Users When They Go Offline

    The new features of HTML5 offer online and offline events that can be queried to check for an existing internet connection. Especially web apps need to be able to rely on the proper transmission of the state of the web connection to avoid losing data. The JavaScript library Heyoffline.js provides functionality to achieve just that.



    Read more 
  • AI -> Canvas: Export Fully Functional HTML5 Canvas From Within Adobe Illustrator

    Mike Swanson, though having been aboard Microsoft for more than 11 years, has created a plugin for Adobe Ilustrator that resembles a good wine. The older it gets, the better it grows to be. More than two years ago, still employed at the Redmond company, Swanson pushed out the first version of AI -> Canvas. At that time HTML5 canvas was already of some prominence, but who would have dared to use the element in production environments? Today things look different, entirely different…



    Read more 
  • Fed Up with Unreadable: Are You a Human realises Captchas in the Form of Simple HTML5 Games

    You know these sickening Captchas any web form these days brings before your eyes. Want to download something? Captcha. Want to send in a complaint to your telecom provider? Captcha. This would not even be a problem if it were only annoying. But more often than not, these Captchas are plain unreadable. Even if you own eagle’s eyes you will surely have experienced difficulty in deciphering common Captchas around the web at one point or another. What was once supposed to be unreadable for machines turns against its inventors. Is Skynet just around the corner? Anyway, alternatives exist. „Are You a Human“ offers a Captcha method that does not depend on blurry text and your deciphering abilities. Instead, these Captchas are little games, the so-called PlayThrus.



    Read more 
  • Professional Website Optimization with A/B Testing: Tips and Tools

    As web designers and developers, we often have to take decisions related to user experience. Most of the time, we rely on data collected via surveys and analytics for this purpose. Of late, A/B Testing is gaining popularity among web creators and page operators alike. What is A/B Testing all about and how can it be done? We will answer these questions and provide you with some useful tools in the following article.



    Read more 
  • Focal Point: CSS-Framework Scales Down Images In Responsive Designs Intelligently

    Responsive webdesign aims to present websites in the best possible way, even if viewed on mobile devices. Images are usually simply scaled down in that approach. If you use images with a high grade of details pictures soon become too small. The new CSS framework Focal Point cares for shifting the focus to the most important part of the image before scaling down. That way smaller resolutions only see part of the image but larger.



    Read more 
  • Placeit by Breezi Lets You Showcase Prototypes In Realistic Environments

    A little tool developed by the folks over at Breezi, a next-gen website builder, allows the presentation of screenshots in realistic environments. Apps are nowadays often prototyped and shown on the virtual screens of iPads, laptops, smartphones and the like, foremost to enable the customer to get an impression of what to expect at project’s end. The tool names Placeit is very straight-forward and does not leave you puzzling how to use it. This is what makes it perfect for everyday use.



    Read more 
  • Conditionizr for jQuery – Conditional Loader For Scripts And Styles

    Conditional comments. Who as a web developer has never been confronted with the necessity of dealing with IE by the use of conditional comments? IE has had no way of getting round these methods of handling quirks and insufficiencies, but also in other browsers targeting their special capabilities can have its advantages. Wouldn’t it be great if we were able to serve contents in the most optimal way to any user out there, regardless of their devices and browsers? The jQuery plugin Conditionizr promises to deliver just that solution for the most modern web developments out there.



    Read more 
search form
 
image description image description