HTML_CodeSniffer is a client-side script that checks HTML source code and detects violations of a defined coding standard. HTML_CodeSniffer is written entirely in JavaScript, does not require any server-side processing and can be extended by developers to enforce custom coding standards by creating your own “sniffs”.
HTML_CodeSniffer will provide a list of known and potential violations to the calling script. It also comes with a pop-up auditor interface, accessible via a bookmarklet, letting you browse through messages emitted from one of the defined standards. Where possible, the auditor also points you to the HTML element causing the problem. HTML_CodeSniffer is released under a BSD-style licence.
Requirements: –
Demo: http://squizlabs.github.com/HTML_CodeSniffer/
License: BSD License
Design Shack has written a nice tutorial on Focal Point: Intelligent Cropping of Responsive Images, which is going to look at a fascinating little framework that allows you to not only automatically resize your images when the viewport changes, but also crop the images with a specific important focal point in mind. Amazingly enough, it does all this with pure CSS.
Focal Point is a GitHub project and CSS framework created by Adam Bradley. The concept of responsive images requires that any images on your page resize and reflow to achieve optimal layout for the current viewport size. Focal Point takes this idea a step further though and not only resizes your images, but crops them as well.
Requirements: CSS
Demo: http://designshack.net/articles/css/focal-point…
License: MIT, GPL v2 License
MightyDeals is a daily deals site that offered huge savings on products we’d actually want as web professionals. Products that we’d actually use on a regular basis. They are dedicated to massive discounts for web and creative professionals.
Generally, you can save from 50% to 90% off on things like design tools (royalty-free vectors, PhotoShop actions, etc.), professional templates (WordPress, Drupal, Facebook), Mac toolkits, web development lessons and more. Our deals are professional products and services heavily discounted for a limited time.
MightyDeals is very kind to giveaway one of their available deals totally free to 5 readers of WebAppers. 5 Winners of this contest will each get one choice of any of the items currently offered at MightyDeals at the time of this post.
In order to get a chance winning this contest, simple leave a comment on this post indicating which of the current deals you would like to win. You can visit all the available deals here. We will pick 5 readers and announce the results on 15th Dec 2012. Best of luck. Read the rest of this entry »
Apaxy is a customisable theme built to enhance the experience of browsing web directories. It uses the mod_autoindex Apache module—and some CSS—to override the default style of a directory listing. It is similar to h5ai.
Apaxy may be basic, but it gives you a great deal of creative freedom when styling your directory. You can make it pop with Javascript or jQuery. You can also add welcome messages, download instructions or copyright notices. Best of all, you can add custom mime type icons.
Requirements: Apache
Demo: http://adamwhitcroft.com/apaxy/
License: License Free
Telescope is an open-source social news app, built with Meteor, a real-time Javascript framework. It supports Real-time updating, Markdown with EpicEditor, Post categories, Invite-only access, Email or Twitter authentification, Day-by-day digest view, Posting rate limit and Notifications.
The design is responsive and mobile-ready. You can think of Telescope as a social news website like Hacker News or Reddit. Telescope is beta software. Most of it should work but it’s still a little unpolished and you’ll probably find some bugs. It is open sourced and released under MIT license.
Requirements: Meteor Framework
Demo: http://telesc.pe/
License: MIT License
SocialCount is a jQuery plugin to add sharing widgets in a responsible way. It is easily customize to your site’s design. It works with mouse, touchscreen, or keyboard. Progressively enhanced from simple sharing links: share without JavaScript or before JavaScript has loaded.
It supports Lazily load individual native widgets when the user expresses intent to share, allowing embedded Like/+1 without leaving the current page. And best of all, it’s small and concise, only 3KB for the JavaScript and CSS after minification and gzip.
Requirements: jQuery Framework
Demo: http://filamentgroup.com/lab/socialcount/
License: MIT License
ZURB has put together this set of super awesome responsive email templates so that you can make your email campaigns responsive. With more and more people pulling out their phones to check their email, there had to be an easier way to ensure campaigns looked good on any device. That’s why ZURB recently made all their email campaigns responsive and shared with us.
The templates come with separate CSS stylesheet and HTML file. All CSS needs to be inline for HTML emails. For ease of editing, they have kept the CSS separate. When you’re ready to send your email, you’ll want to use a CSS inliner tool. Many email campaign tools such as Campaign Monitor will do this for you automatically.
Requirements: –
Demo: http://www.zurb.com/playground/responsive-email-templates
License: License Free
