Gumby is a responsive and 960px-grid CSS grid framework that can be customized to work in every resolution with almost no effort.

Its fluid-fixed layout self-optimizes the content for desktop, tablet and mobile resolutions and there is support for nested grids.

Similar to Twitter Bootstrap, it includes a web UI Kit of good looking buttons, forms, navigation + tabs and a tiny JavaScript file that brings these components to life.

Gumby has multiple versions to download: 12 columns, 16 columns, a hybrid one or an all-in-one package. And, there are PSD files provided to ease designing with the grid.

The framework is very well-documented, has demos for all of its features and totally free to use.

Today, using JavaScript frameworks, it is so easy to accomplish complex stuff with few lines of code, including Ajax.

For forms, if you want to make it much easier, ALAJAX is there for you. It is a jQuery plugin that automagically converts standard forms into Ajaxed ones, no coding required.

Once inserted and the forms are defined, It blocks the default POST functionality, analyzes the input types used and sends them as an Ajax request.

Its code is well commented and leaves space for further customizations (extra actions to be taken before/after submitting).

Previously, WRD had shared Pubwich, an open source application that can fetch data from different sources.

It is not updated since 2010 and there is a regularly updated fork named PubwichFork.

To remind, the application can aggregate any published data from multiple sources including websites + social networks and display them in a single-page.

The sources supported include Atom, RSS, Delicious, Youtube, Vimeo, Flickr, Last.fm and more.

PubwichFork is built with PHP and it is a handy project for quickly having a personal website that you almost do nothing to update but manages to keep fresh.

Image galleries are part of almost any website around whether it is about displaying the portfolio, products or personal albums,we simply use them a lot.

Juicebox Lite is a free-to-use (branded) and HTML5-powered image gallery for creating good-looking galleries very easily.

Galleries build with it works everywhere; desktop, tablet or mobile and handles different screen sizes well (responsive).

Images can be browsed either with keyboard, mouse or touch (swipes) and they can be viewed in full-screen.

There is an -optional- control bar which is shown on hover and allows us to view/hide thumbnails, switch to full-screen mode or load only the image file displayed.

Juicebox Lite has a unique feature: a cross-platform (Adobe AIR-based) desktop gallery builder.

The "Builder" is perfect for creating the galleries with no coding. Drag 'n' drop the files to it, thumbnails are automatically created, preview your gallery and the HTML-CSS-JS is generated instantly. Afterwards, if you wish, you can manipulate the code.

That's not all. Besides displaying local images, it can use Flickr as the source too. Just define the Flickr user and tags you want and you get a Flickr gallery.

P.S. There is also a "Pro" Juicebox version which is not branded and comes with more configuration options, support for audio/uto-play/watermarking/unlimişted images and a JavaScript API to control the gallery as you wish.

jQuery Verbose Calendar is a plugin for creating a calendar that displays the whole months and days of a year at the same time.

Once loaded, it auto-scrolls to "today" and displays the day names when hovered to any date in a tooltip.

The calendar can be inserted into any HTML element with a single function, there are very few parameters to customize but a callback exists when a date is clicked which is great for adding extra interactions.

Considering the amount of information displayed in a single interface, it can be a good fit for sharing events or tasks.

Gmail is probably the most widely used e-mail provider between creative people. It is always simplistic, modern and always works.

Personally, besides my personal e-mail, I use their "custom domain" feature for handling the e-mails of all my projects.

As expected, the content there is very valuable and hard to risk losing. Gmvault is an open source tool that saves the day by backing up Gmail accounts to your drive smartly.

It can backup the entire Gmail account at once and can synchronize afterwards by only picking the non-backed-up ones (there is also an optional encryption).

If we ever want to restore them, Gmvault can do that as well. They can also be restored to another Gmail address (including labels).

There is a Windows installer and ashell/batch client exists for Linux, Mac OSX and Windows.

There are lots of jQuery plugins around that handle specific tasks and, for JavaScript-heavy apps, we may end up in using many of them.

Working with such many different resources at the same project is sometimes hard and can be time consuming as they all have their way of coding, different APIs, styling support…

Infragistics, a creative company focused on building user interface development tools, has a professional and complete jQuery Toolset that solves many JavaScript-related tasks beautifully.

The toolset is HTML5-powered and works cross-browser/platform with support for mobile + all of them are optimized for high performance.

What is inside?

Charts

First of all, it has a full-featured charting library with support for 15+ chart types (pie, bar, line, area, bubble, radial) where they can be used side-by-side too.

Charts are interactive, they can respond to events like hover or click and can be zoomed to better see a specific range.

Read the rest of this entry »

Many of us probably heard the EU Cookie Law already and thinking about "what to do" and many others should be saying: "cookie what?".

What is it?

It is a European Union e-Privacy Directive that will become active on 26th May 2012 and "requires website owners to take the permission of the user before placing anything (cookies, HTML5 local storage..) to their computer for tracking them (cookies exist in analytics apps, many sign-up/login pages, widgets, etc.).

Which websites need to take action?

It binds any EU-located individual and organization's website, no matter where the website is hosted at. Some EU countries are already applying it and UK will begin to enforce it by 26th May 2012 (also, websites breaking the law can be fined up to £500,000).

jQuery Plugins For EU Cookie Law

In order to make our websites compatible with the EU Cookie Law easily and quickly, here are 2 handy jQuery plugins that will help managing cookies + asking user's permissions for storing them:

Cookiecuttr

This is a beautiful plugin that handles many scenarios you may need to obey the EU Cookie Law.

It allows you to hide any given parts of a website (the parts which generates cookies), and display sensitive modal boxes to users with asking for permission to use cookies.

Also, the plugin can show a "reset button" that can delete all the cookies for that website.

cPrompt

The plugin displays a notification to visitors asking "if they let cookies by this site to be enabled".

Depending on the status (the first time user visits the page, cookies are rejected or accepted), the notification bar changes colors.

Learn More About The EU Cookie Law

• UK Information Commissioner’s Office guidance on cookie usage
• The EU Cookie Law
• No Cookie Law

What do you think about it?

What are your thoughts about this law?

Do you think it is applicable?

Does it fit the nature of internet?

Please feel free to share your thoughts in the comments.

I'm usually a fan of hosting all the files used in websites myself, under the same location with the website itself. When an image or JS file needs to be updated, no need to update it from a remote URL but just change the file hosted under the same website/FTP account.

However, this is not how things work the fastest. In order to speed up websites by distributing requests to multiple hosts and serving them from the fastest location to the end users, keeping stuff in CDNs (content delivery networks) is a very good and widely used solution.

The same logic goes for JavaScript frameworks. To speed up things, hundreds of thousands of websites use hosted JavaScript libraries. Actually, they all use a single hosted platform: Google Libraries API which is the focus of this discussion.

There is a serious speed and bandwidth gain in this structure as the JavaScript frameworks are cached in the user's computer and user won't re-download them each time when visiting a Google Libraries API-powered website.

Today, if we have used jQuery, MooTools, Dojo, Prototype, etc. while developing our websites (almost every website uses one of them -including many WordPress, Joomla, Drupal themes-), there is a high chance that we are calling these frameworks from Google Libraries API.

So, what happens if Google Libraries API gets hacked? 

To be more specific, what if the contents of https://ajax.googleapis.com/ajax/libs/jquery/ver.../jquery.min.js is changed?

It gets hacked and the jQuery (or MooTools, Dojo or Prototype) JavaScript file included in our websites now contain malicious code (that includes iframes or posts forms to another URLs, etc.)?

I simply can't think of the damage it can create.

Btw, I'm aware that Google Libraries API is built with very good intentions and it does the job perfectly (thanks to them) and sure that Google's CDN is probably one of the safest places on the web. But, this security concern is worth discussing considering the effect it can create and every datacenter>server>data can possibly be hacked.

So, is this structure totally wrong or benefits are worth the thread? What do you think (really wondering here)?

Credits: Hack The Planet visual.

Socialite.js is a JavaScript library for having more control over social sharing buttons.

The library is lightweight (2kb minified-gzipped), standalone and helps the social widgets to load when you want them or only when needed/requested to speed up web pages.

It has support for the major players: Twitter, Google+, Facebook, LinkedIn, Pinterest, and Spotify. There is no need to install the widget codes for each library as Socialite.js does that for you.

And, the library is extensible, any new social networks can be added with ease.