Simply Testable: Automated front-end web standard testing

After creating a website, one of the first things done is to run W3C validatorsto see if we coded HTML-CSS according to web standards.

But, although it is easy to perform this task for a website with few pages, this is pretty difficult and time-consuming for any larger sites.

Simply Testable is a free-to-use web application that automates the HTML validation part by validating all the pages of a website.

Simply Testable: Automated front-end web standard testing

The test process is displayed live (how many pages are checked , how many are queued, etc.) and a report is generated once the test is completed.

Reports include any errors for each URL with explanations so that we can easily go through them and fix each.

P.S. CSS validation and JavaScript static analysis is a planned feature.

30 Clean, Modern & Creative Responsive WordPress Themes 2012

It seems that every theme is now responsive. Certainly the web will only become viewed on more and more different devices so it makes sense to build in some sort of responsive-ness but maybe targetting actual screen resolutions will be obsolete and we will make all layouts fluid.

Here is a roundup of 30 ultra-clean business and portfolio WordPress themes that are all responsive, enjoy …

Themesoft

Themesoft
Full Details »

Whiteside

Whiteside
Full Details »

Lucid

Lucid
Full Details »

Nimble

Lucid
Full Details »

Flexible

Flexible
Full Details »

Cubismo

Cubismo
Full Details »

Klassio

Klassio
Full Details »

StratoSfera

StratoSfera
Full Details »

Punch

Punch
Full Details »

Touch

Touch
Full Details »

PatternPlay

PatternPlay
Full Details »

Dope

Dope
Full Details »

Square

Square
Full Details »

Vendetta

Vendetta
Full Details »

Portland

Portland
Full Details »

Pallas

Pallas
Full Details »

Point Break

Point Break
Full Details »

Feather

Feather
Full Details »

Unfold

Unfold
Full Details »

Elevate

Elevate
Full Details »

Designmd 01

denishua
Full Details »

Tharsis

Tharsis
Full Details »

Resonate

Resonate
Full Details »

Elevation

Elevation
Full Details »

Noisy

Noisy
Full Details »

Canopus

Canopus
Full Details »

Sketch

Sketch
Full Details »

Viewr

Viewr
Full Details »

Melrose

Melrose
Full Details »

ResponsiveAeon – A CSS3 Grid System Framework

ResponsiveAeon is a HTML5/CSS3-powered framework for creating responsive layouts very quickly.

ResponsiveAeon

It has a grid system that is based on 12 columns with 1104px width in total and offers a very easy to understand usage with only 3 basic classes.

The framework makes use of @mediaqueries and can work with any device in any size.

Besides the grid system, there are also styles for typography, lists, tables, buttons and forms.

The download package includes several JavaScript files for IE compatibility, modal boxes and also PSD/AI/PNG files of the grid.

WordPress Theme: Nimble

Nimble is a big, bold, and beautiful theme that doesn’t let its own image get in the way. With each design it strive to strike a balance between style and function. Nimble’s colors are toned down but still delicious and its style is bold but still leaves room to breath. Browsing Nimble on a 27″ Cinema Display is quite a treat, but so is browsing the theme on a small screen as well due to Nimble’s fully responsive design. I’m quite pleased with how it turned out! As with all of our themes this one comes with some great features, so let’s take a closer look.

WordPress Theme: Nimble

Fully Responsive Design

The use of mobile devices is on the rise, and it is important for your website to be ready for those mobile visitors. Nimble comes fully responsive, meaning that the design will adapt to whatever screen size is being used to browse. You website will look stunning and will be a breeze to read on mobile phones and desktop computers alike.

Nimble

And let’s not forget about tablets! Nimble will also look great on your iPad or Android tablet in both portrait and landscape mode.

Nimble

5 Unique Colors To Choose From

As with all of our themes, Nimble comes with some great color choices. If the delicous sorbet orange isn’t your style, then try out the Blue, Green, Red or Gray options. There’s certainly a flavor for everyone.

Nimble

DEMO and Feature Info.

TinyPNG: Compress PNG images while preserving transparency

PNG is useful on the web because it’s the only widely supported format that can store partially transparent images. The format uses compression, but the resulting files can still be large.

TinyPNG

TinyPNG that only works with PNG files, shrinks them -nearly- without loss that an eye can see and by keeping the transparency.

TinyPNG uses smart lossy compression techniques to reduce the file size of your PNG files. By selectively decreasing the number of colours in the image, fewer bytes are required to store the data. The effect is nearly invisible but it makes a very large difference in file size!

When you upload a PNG (Portable Network Graphics) file, similar colours in your image are combined. This technique is called “quantisation”. Because the number of colours is reduced, 24-bit PNG files can be converted to much smaller 8-bit indexed colour images. All unnecessary metadata is stripped too. The result: tiny 8-bit PNG files with 100% support for transparency. Have your cake and eat it too!

It works by drag and drop uploading the images to be minimized to the web interface and auto-generates the compressed ones.

Using TinyPNG, it is easily possible to get 50%+ smaller sized images as they are converted to 8-bit PNGs (rather than 24bit) by using smart techniques.

TinyPNG:http://tinypng.org/

CSS FliterLab: Explore CSS Filters And CSS Custom Filters

CSS FilterLab is a free-to-use online application, created by Adobe, for discovering CSS Filters & CSS Custom Filters.

It allows us to apply any number of filters from a list, customize their values, see the output instantly and get the CSS rules generated.

CSS FliterLab

There is also an “animate” feature which makes it possible to create keyframe based animations using the filters and save them for future use.

The application is also open sourced and available through GitHub.

TideSDK: Create multi-platform desktop apps with HTML5, CSS3 and JavaScript

TideSDK is an open source platform for building desktop apps using web technologies (HTML5, CSS3 and JavaScript).

 TideSDK

The apps can be created for all major operating systems (Windows, Mac OS X, Linux) and server-side languages like PHP, Python and Ruby are supported as well.

TideSDK use a simple and familiar API (accessible in the DOM) to reach the system and native desktop UI’s. Harness the resources of the host to create capable apps that use its full potential.

TideSDK is all about discovering that you’re not just a web developer. You have the skills for desktop development without knowing it.

Deploy your Webkit-based desktop applications across all three major desktop operating systems with privileged access to native APIs.

Apps built with TideSDK can make use of the filesystem, have an integrated database, display notifications and much more.

And, the platform has a well-documented API and an active developer community which is great for getting support.

Kube Framework: A Minimal Responsive CSS Framework

If you need a base when starting a new project and don’t want it to be complicated, Kube Framework can be a good choice.

The framework is a single CSS file that brings responsive layouts with no headache and offers more.

Kube Framework: A Minimal Responsive CSS Framework

Kube includes styles for forms, grids, buttons, tables, typography and few other stuff like links or images.

For developers looking for maximum flexibility and customization, LESS files are also provided.

WP-Piwik

WP-Piwik is a WordPress plugin which adds a Piwik stats site to your WordPress dashboard. It’s also able to add the Piwik tracking code to your blog using wp_footer.

WP-Piwik

You need a running Piwik (at least 1.8.2) installation and at least view access to your stats. Also PHP 5 or higher is strictly required.

Installation

  1. Upload the full wp-piwik directory into your wp-content/plugins directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Open the new ‘Settings/WP-Piwik Settings’ menu, enter your Piwik base URL and your auth token. Save settings.
  4. If you have view access to multiple site stats and did not enable “auto config”, choose your blog and save settings again.
  5. Look at ‘Dashboard/WP-Piwik’ to get your site stats.

Download: WP-Piwik

Piwik: Open source web analytics

Piwik is a free downloadable open source web analytics software. Piwik provides you with detailed reports on your website visitors; the search engines and keywords they used, the language they speak, your popular pages, and much more.

Piwik: Open source web analytics

Piwik is a free software alternative to Google Analytics already providing real time analytics for more than 320,000 websites!

Piwik is a PHP/MySQL software program that you download and install on your own web server. At the end of the five minute installation process you will be given a JavaScript tracking code. Simply copy and paste this tag to any websites you wish to track (or use an existing plugin to do it automatically for you) and access your analytics reports in real time.

If you don’t speak English, fear not. Piwik is available in more than 40 languages (and growing!).

Piwik: Open source web analytics

What makes Piwik unique from the competition:

  1. Real Time Web Analytics Reports: in Piwik, reports are generated in real time by default. For high traffic websites, you can choose the frequency at which reports are processed (more info)
  2. You Own Your Web Analytics Data: because Piwik is installed on your server, the data is stored in your own database and you can get all of your statistics using the powerful Piwik Analytics API.
    Piwik is a Free Software which can easily be configured to respect your visitors’ privacy.
  3. Modern, Intuitive User Interface: you can fully customize your Dashboard and drag and drop widgets you want to display (take the Piwik tour).
  4. Get Additional Features with Plugins: you can add new features and remove the ones you don’t need. You can build your own web analytics plugins or hire a consultant to have your custom feature built in Piwik
  5. Vibrant International Open Community of more than 100,000 active users (tracking even more websites!)
  6. Advanced Web Analytics Capabilities such as Ecommerce Tracking, Goal Tracking, Campaign Tracking, Custom Variables, Email Reports, and more!