The Semantic Grid avoids presentational CSS classes in the HTML markup itself. Instead, it uses a parametric LESS mixin to control the layout in the stylesheet where it belongs. Below is an example of the LESS syntax, and the resulting CSS (which is remarkably similar to the 1KB CSS Grid). Set column and gutter widths, choose the number of columns, and switch between pixels and percentages. All without any ugly .grid_x classes in your markup. Oh, and did we mention it’s responsive? Brought to you by LESS.js and the creator of 1KB Grid.
Today Codrops want to share a little zoom tour script with you. Showing a main image initially, we want to be able to zoom into certain parts of the image by clicking on tags, using another image for the closer view. This next step can contain other tags that again allow to show more images. We achieve the “zoom” effect by enlarging the current image and fading in the new one.
WordPress sites are always in need of a good contact form. Are you looking for a feedback/contact form that works, right out of the box, with attractive aesthetics and a simple yet full-featured form? Look no further than the free Usernoise Modal Feedback Contact Form plugin.
For starters, if you don’t have a contact form of some kind on your website, you are missing out on an integral tool for evaluating your site’s performance: user feedback. Also, Usernoise is robust and effective, so simple to use that it promises you will not need to change even one line of code in your site.
What about spam?
The Usernoise contact form is virtually spam-proof. This is the beauty of having a modal contact form. The form is not visible to robots because it is loaded with ajax when the page is loaded and therefore the bots don’t see it.
Fulcrum is an agile project management tool. It provides a real time overview of your project plan (product backlog), instantly adjusting the project plan based upon your team’s prior performance. Fulcrum aims to create an experience as instantaneous and interactive as the traditional tool for agile project management, the whiteboard.
In Fulcrum, tasks are broken up into ‘stories’. The aim is to describe the required behaviour of the system in a way that your product owner will understand. They typically describe a single interaction a user may have with the system. An example story might be ‘a user can add a product to their cart’ or ‘a user is notified when another user comments on one of their topics’.
vintageJS is a tool where you can upload your images and apply a custom retro, vintage look to them for free. Just try it out: upload your photo, apply the vintage effect and share the retro image it with your friends via facebook or twitter.
AeroFS lets you sync all the data on your devices. No limits. No caps. You already have all the storage you need, now use it! AeroFS will only share your files with those who you invite. Files are never stored in the cloud unless you specifically enable Cloud Backup. AeroFS encrypts your data end-to-end. This way, we are able to provide better security than most online storage services.
Google Plus Icons, set of free 13 different social icons (almost every style included). Each icon of G+ from this set is available in different px size. Source PSD files are grouped and layered, so you can easily copy/paste icon design elements and create custom icons.
Pixify recreated OS X Lion’s buttons in CSS for use in your UI.
Spin.js uses the CSS3 to render the UI, falling back to VML Internet Explorer. If supported by the browser, @keyframe rules are used to animate the spinner.
- No images, no external CSS
- No dependencies
- Highly configurable
- Resolution independant
- Works in all major browsers, including IE6
- Smaller than an animated GIF (2.8K minified, 1.7K gzipped)
- MIT License