Awesome collection from around the web. Fresh collection of black themed wallpapers from the last month (April-May) hope you enjoy and share.
All these Chrome Extensions are taken from the Chrome gallery and I am sure that these ones will offer anyways something unique to make you even more productive.
You might not be agree with us if we missed your favorite extension, if so then tell us about that really great one, we will surely update our list. The best part about Google Chrome’s extensions is that they are quite simple to both install and uninstall if they don’t suits your requirement.
Google Chrome backup add-on creates, backups, restores and manages Chrome profiles. All history, bookmarks and related stuff are maintained very easily with this add-on. So in case there is a system crash or accidental deletion, you can easily restore or get back the lost settings in Google Chrome.
This Google Chrome extension enables you to view two different web pages in a single tab. A single tab will split into from the middle such that in each half you can see two different sites side by side. Particularly useful if multitasking or undertaking some research.
This is a theme manager for Google Chrome browser. Now you can change the theme to suit your mood just with a click of a button. A must add-on if you are a fan of customization!
This is a popular Google Chrome extension that will clean all the ads present in web page such that you can view web pages ad free. It even helps to remove all the ads from Youtube videos or webpages and present you clean ad free page.
5. Gmail This
It is basically a bookmarklet which lets you to mail the content of a web page through Gmail. Just select the content that you want to mail and press this bookmarklet Gmail composer window will open with the selected content now you can directly type in the email address to whom you want to send it and click send just like you do to send mails using Gmail.
This tiny extension embeds a little notification icon in your toolstripwhich will alert you when you receive a new email! A click on the alert take you directly to the GMail window.
This little script allows you to add a GTalk icon to your launcher which, when run, opens up a window that simply requires your login and password to get you chatting.
Session Saver is a session manager that lets you save and manage multiple sessions. It will help you to you save, manage and reload multiple sessions.
This clean and simple extension will display the current page rank of the opened website in the Google Chrome Status Bar.
Cleeki is a perfect pal if you need to launch search/share/publish tasks based on any content in your browser. Just select some text, and Cleeki can search/share/publish the content and preview the results immediately. Cleeki can also preview a hyperlink without open a new window/tab.
ChormeMailer is an application to send emails via Gmail, either directly or when you click on the links mailto: instead of opening another mail client.
ChromePass add-on recovers usernames and passwords that are stored on Google Chrome browser. Simply install this add-on plugin and retrieve all the details.
This extension reside in the toolstrip and alerts you as to how many feeds you have unread inside your Google Reader account. Besides doing this, it also adds an RSS icon to your address bar allowing you to subscribe to a sites RSS feed with your Google account.
14. Chrome Gestures
Chrome Gestures addon adds a number of mouse gestures to Chrome browser.
15. Sticky Notes
Chrome Sticky Notes adds an inbuilt notepad to Chrome which can be launched by clicking on the little notepad icon on the toolstrip. You get the option to save your sticky note for future reference, and you can view it even if you restart your browser.
Chritter is a Chrome Twitter notifier which shows recent tweets in the toolstrip, fetches new tweets every 5 minutes and linkifies http://links, @usernames and #hashtags
19. Drag n Go Plugin
With Drag n Go Plugin you dont need to right-click and then select “Open in New Tab“ to open new links in background tab or foreground. All you need to do is to just drag the links to very small distance and drop it.
It retrieves the number of notifications from your Facebook account. You have to be logged in to Facebook for this extension to work.
Detailed weather report in the browser’s toolstrip. Also available as a Firefox addon.
Now with all those amazing extensions installed onto your browser, you can enable, disable or delete the extensions from the application itself by installing this add-on!
Lightbox is a fast growing way to present in a nice way an images or something else like inline html, video or an external site without opening a new window. In the old days most images(or other content) where presented in a new tab/window, which isn’t a pretty way to do this if you ask me.
A few days ago John posted a rewritten version of Cabel Sasser’s FancyZoom to work with Prototype and Scriptaculous. I took it upon myself to port it to jQuery, while making a few usability improvements.
After researching every single modal window, lightbox, slimbox, etc out there nothing fit the bill. Granted some of them were very nice but only fit a specific purpose, others were a nightmare on the code end, and others were just hacks of another. None of them truly supported all of the features we needed and those that were close could not be easily adapted without a bottle of Prozac near by.
Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages.
It’s simple to use and easy on the eyes. Download the tarball, view the examples, then start enjoying the curves.
it will have new features like object gallery definition, flashvars, html files, and more!!! In the meantime, you can safely use it with mootools v1.3 in compatibility mode (both Core and More). Also, for those of you that still use mootools 1.2, Milkbox v2.3.2 now comes packaged with mootools 1.2.5, so it’s already good for IE9.
Visual jQuery LightBox is a free wizard program that helps you easily generate online photo galleries, web gallery website with a nice Lightbox-style overlay effect, in a few clicks without writing a single line of code.
Hello and welcome, this is an advanced version of pirobox, I implemented a few things more than the previous version. One of the most important things is the ability to open any kind of files, from inLine content to the swf files, from simple images to pdf files. Other things are: automatic image resizing and drag and drop.
Slightly ThickerBox is a modification of Cody Lindley’s Thickbox script. I modified it for use on my Jason’s Toolbox Redesign. The modifications allow the script to generate “Previous Image” and “Next Image” links. The result is that you can use Slightly ThickerBox to create image galleries. In addition, you can create groups of galleries by setting a “rel” attribute on the links. (I also moved the Caption and Close link to the top and made the script case insensitive.)
My initial reaction was that I thought it looked pretty neat and would be a nice way to present sets of images. It then occured to me that it might be nice to include Lightbox JS written by Lokesh Dhakar in the mix. Putting these techniques written by these great developers together resulted in quite an expandable image gallery.
In user interface design, a modal window (sometimes referred to as a modal dialog) is a window that blocks input to other windows. It has to be closed before the user can continue to operate the application and are frequently an element of Multiple Document Interface (MDI) applications or desktop applications like Windows or OS X. One of their purposes is to prevent the software from being operated in an ambiguous state.
SimpleModal is a lightweight jQuery Plugin which provides a powerful interface for modal dialog development. Think of it as a modal dialog framework. SimpleModal gives you the flexibility to build whatever you can envision, while shielding you from related cross-browser issues inherent with UI development.
A blog is a great way to express your thoughts, create a web presence for your company and provide content to Internet users.
If you’re planning to create a blog, but don’t wish to get into the hassles of hosting, developing and deploying it yourself, consider creating a blog at any of the free blogging platforms mentioned below. Such services offer a plethora of features and generally come with both free as well as paid plans.
Let’s look at the top 10 most popular online blog-publishing services.
WordPress.com is perhaps the most feature-rich blogging service out there. It uses the popular open source web software WordPress, and offers many features in its free version — traffic stats, anti-spam filters, SEO, gorgeous themes and more.
If you need more than what the free version offers, you can opt for their premium features that include custom domains, upgraded web hosting resources and more.
Whether you’re an expert blogger or a beginner, this ultimate blogging platform is a safe bet.
Blog.com is another popular WordPress-powered blogging platform.
Just like other services, it has its own share of pros and cons. For a start, it offers many beautiful premium themes in its free accounts, as well as advanced plugins that one can expect only on a self-hosted blog. However, on the downside, the free service displays more ads as compared to WordPress.com. (But you can opt for paid upgrades to remove the advertisements.)
The free storage space offered on Blog.com is 2GB in the basic plan, which is less compared to 3GB that WordPress.com gives its users.
Google Blogger is a well-known blogging service that offers many features to its users. For example, Blogger comes with a Template Designer user interface that lets you tweak your blog’s appearance as much as you want. (However, the templates provided are, in my opinion, no match compared to WordPress themes.)
When it comes to ease of use, most beginners prefer Blogger as it offers a no-nonsense interface for administering your blog and top-notch integration with their Google account. Another great thing about Blogger is that it offers certain great features for free that you normally need to pay for in other blog-publishing services, most noteworthy being the ability to set up custom domains without paying a cent.
TypePad Micro is another free blog-publishing service. The interface is easy to use, and you can import/export content from many other blogging platforms.
However, in terms of add-ons and themes offered, TypePad Micro won’t satisfy even the most basic blogger. The cheapest paid plan begins at $8.95 per month and comes with additional themes, custom domain mapping, as well as technical support.
In an age where almost all blogging services are offering numerous features in their free versions, TypePad Micro seems to be lagging behind.
Jux is an innovative service that lets you easily share content online. Conventionally speaking, it’s not a blogging service like the ones previously mentioned, however, it has a lot of the same functionalities. Rather, Jux lets you create your ownmicroblogging site for sharing your content.
By default, Jux templates don’t have the native sidebars and other widgets that are common to most blogs. Instead, Jux provides a clean (and beautiful) approach to blogging. Simply create an account, and then start sharing your content.
While Jux does seem amazing and has excellent support for mobile devices, it may not be everyone’s cup of tea. For instance, if you’re planning to create a more conventional blog, opting for WordPress might be a better option. On the other hand, if you’re leaning more towards visual content, such as photos and artwork, Jux may just amaze you with its features.
Tumblr is a popular and feature-packed microblogging platform. It comes with many outstanding and interesting features such as audio blogging (for sharing your music, for example), free custom domains, hundreds of amazing blogging themes and more.
Furthermore, you can sync your Tumblr account with Facebook and/or Twitter so that you can update your social media feeds in a single location. Yet another awesome feature is the ability to create community-powered group blogs. Tumblr also offers support for many third-party apps such as Google Analytics and Feedburner.
Posterous Spaces is an excellent online blog-publishing service that is similar to Tumblr.
Posterous Spaces has excellent privacy and viewing features so that you can easily control who can see what on your Posterous Spaces site. It’s designed to allow its users to post content quickly and as hassle-free as possible, so it has loads of features included to facilitate this, such as free mobile apps for iOS and Androidsmartphones so you can update your blog on the go and a simple, well-designed user interface.
Blogetery is a WordPress-powered online blogging service that offers a modest set of features. Free accounts get nearly 140 themes, custom domain mapping and roughly 40 plugins to choose from.
On Blogetery, ads are displayed on all free blogs, but if you wish to upgrade, you can opt for the paid plan that will cost you $3.50 per month and will give you additional themes, plugins, email support, 5GB of additional storage space, the ability to remove ads, etc.
Weebly offers more than just blogging — it’s a fully featured website builder! Weebly’s blog manager features a drag-and-drop interface, support for image galleries,slideshows, video/audio, maps, etc. Additionally, you can opt for their Designer Platform that lets you build websites for your client, thereby effectively using Weebly as a content management system.
LiveJournal (often abbreviated as LJ) offers blogging with a touch of social networking to it. You can participate in polls, create networks and interact with other LJ users alongside your blog.
With that said, the features, compared to other similar blogging services, are nothing to brag about. Their collection of template is decent, and plugins/extensions are pretty basic in nature.
I have to tell you that I discovered my first CSS framework more than a year ago and I was fascinated at least. Hours of writing the same dull code and then solving the same silly bugs have been lost before it and I was almost mad about it but in the same time happy that I’ve at least found the bloody thing. Out of a personal curiosity I’ve searched all the possible CSS frameworks to see what they are bringing new and how they are helping the community and then selected the best of them for other unfortunate designers or developers out there who don’t have their hands on a CSS grid framework. I was surprised that people have already made mobile CSS/HTML frameworks but you won’t have to, cause you got them here and can use them free.
Blueprint is a CSS framework, which aims to cut down on your development time. It gives you a solid foundation to build your project on top of, with an easy-to-use grid, sensible typography, useful plugins, and even a stylesheet for printing.
What does Blueprint have to offer?
- A CSS reset that eliminates the discrepancies across browsers.
- A solid grid that can support the most complex of layouts.
- Typography based on expert principles that predate the web.
- Form styles for great looking user interfaces.
- Print styles for making any webpage ready for paper.
- Plugins for buttons, tabs and sprites.
- Tools, editors, and templates for every step in your workflow.
The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem
The 12-column grid is divided into portions that are 60 pixels wide. The 16-column grid consists of 40 pixel increments. Each column has 10 pixels of margin on the left and right, which create 20 pixel wide gutters between columns
The premise of the system is ideally suited to rapid prototyping, but it would work equally well when integrated into a production environment. There are printable sketch sheets, design layouts, and a CSS file that have identical measurements.
“Yet Another Multicolumn Layout” (YAML) is an (X)HTML/CSS framework for creating modern and flexible floated layouts. The structure is extremely versatile in its programming and absolutely accessible for end users.
The YAML framework is an open source project by Dirk Jesse and has been continuously enhanced since its first release in October 2005.
- Focussed on web standards and accessibility
- Slim framework core with numerous extensions
- Robust, flexible layout concept (columns & grids)
- Design patterns for typography, forms, mircoformats, rtl support ect.
- Complete multilingual documentation
The foundational YUI Grids CSS offers four preset page widths, six preset templates, and the ability to stack and nest subdivided regions of two, three, or four columns. The 4kb file provides over 1000 page layout combinations. Other features include:
- Supports fluid-width (100%) layouts as well as preset fixed-width layouts at 750px, 950px, and 974px, and the ability to easily customize to any number.
- Supports easy customization of the width for fixed-width layouts.
- Flexible in response to user initiated font-size adjustments.
- Template columns are source-order independent, so you can put your most important content first in the markup layer for improved accessibility and search engine optimization (SEO).
- Self-clearing footer. No matter which column is longer, the footer stays at the bottom.
- Layouts less than 100% are automatically centered.
- Accommodates IAB’s Ad Unit Guidelines for common ad dimensions.
- Offers full A-grade browser support.
A full featured and beautiful CSS framework which originally combined the best of Blueprint, Tripoli (hence the name), Hartija, 960.gs, and Elements, but has now found a life of its own.
BlueTrip gives you a sensible set of styles and a common way to build a website so that you can skip past the grunt work and get right to designing.
Download the package, include the images and stylesheets in your site structure, and get going!
- 24-column grid
- Sensible typography styles
- Clean form styles
- A print stylesheet
- An empty starter stylesheet
- Sexy buttons
- Status message styles
Elements is a down to earth CSS framework. It was built to help designers write CSS faster and more efficient. Elements goes beyond being just a framework, it’s its own project workflow.It has everything you need to complete your project, which makes you and your clients happy. Read the Overview for more information.
Some of the awesome features:
- Easy to use
- Collection of preset classes
- Lightbox included
- An awesome mass reset
- Adds style and usablity to external links with icons
- Can be easily uploaded to your website hosting server
- Free of course
With HTML5 support coming so fast, with the tiniest of hacks we are able to use it today in virtually al browsers. Using HTML5 makes for much cleaner mark up. This framework fully uses all the great advantages of HTML5.
CSS3 is one of the coolest thing in the web designer world and has been a long time coming. With CSS3 you can save time designing and slicing fancy layouts. CSS3 has features like text/box shadow, rounded corners,and animations. These just a few of the many CSS3 features has to offer you
Brief Feature List:
- rounded corners
- html5 markup
- grid system
- css reset
- and much more
A simple css framework to layout web-based interfaces, based on the printed layout techniques of 4 columns but with capabilities to unlimited column combinations. and capacity to make elastic, fixed and liquid layout easily.
All frameworks are the consequence of repeated patterns, they help developers get faster, repeatable and predictable results. CSS frameworks are no different. By using them you can predict the results you will obtain, and you don’t have to write over and over the same classes or CSS rules to accomplish certain results.
The people against CSS frameworks argument that because they can accomplish the same results by themselves, frameworks have no benefit. But Modularity is the first benefit, going with the DRY principle of programming.
So do you need a CSS Framework?, We would say you do. The problem here is to decide if currently available frameworks provide the features you need. Or going and develop a framework yourself..
Elastic provides a declarative syntax language to define the layout structure and behavior. It’s like having a conversation with your code.
This way you don’t have to remember cryptic class names, just express what you want.
Make two, three, four, or auto-columns.
Let Elastic get the width of fixed width columns.
Call for same-height or full-height.
Boilerplate: noun standardized pieces of text for use as clauses in contracts or as part of a computer program.
As one of the original authors of Blueprint CSS I’ve decided to re-factor my ideas into a stripped down framework which provides the bare essentials to begin any project. This framework will be lite and strive not to suggest un-semantic naming conventions. You’re the designer and your craft is important.
Typogridphy is a CSS framework constructed to allow web designers and front-end developers to quickly code typograhically pleasing grid layouts.
Based on the popular 960 Grid System, Typogridphy allows you to create grid layouts which are versatile and great looking. Typogridphy is made of fully validate, semantic and strict xHTML, and validate CSS.
It also uses a typographical method know as ‘creating vertical rhythm’, whereby all adjacent lines of text line up horizontally, regardless of line breaks and new paragraphs. This method in itself isn’t that difficult to accomplish — using pixels. I have created Typogridphy using ems, meaning the layout is zoomable — try holding your Ctrl key and scrolling your mouse wheel.
Emastic is a CSS Framework, it’s continuing mission: to explore a strange new world, to seek out new life and new web spaces, to boldly go where no CSS Framework has gone before.
Why should you use emastic?
- Lightweight (compressed weight less then 4kb)
- Personalized width of the page in (em,px,%)
- Use of fixed and fluid columns in the grid.
- Elastic Layout with “em”s
- Baseline Grid Typography
Malo is ultra small css library for building web sites. It is meant to be structural base for small or medium web sites. Malo derives from it’s bigger brother Emastic CSS Framework.
Why should you use Malo?
- Ultra small (compressed is 0,25 kb or 8 lines of CSS! )
- Personalized width of the page in (%, px, em)
- Super flexible.
- Easy to use.
- How Malo works?
Malo is based on the principle that every column can be divided into two, three, four and five parts.
– 100% = 50% + 50%
– 100% =~ 33,33% + 33,33% + 33,33%
– 100% = 25% + 25% + 25% + 25%
– 100% = 20% + 20% + 20% + 20% + 20%
Also you can use nested columns
100% = 50% + 50% ( and inside 25% + 25% + 25% + 25%)
I think that with this system you can cover 85% of every grid you can imagine.
The Golden Grid is a web grid system. It ‘s a product of the search for the perfect modern grid system. It ‘s meant to be a CSS tool for grid based web sites.
- 970px main width
- 6/12 grid system
- Super lightweight((compressed weight less then 1kb)
- Easy to learn.
Other CSS frameworks try to do everything—grid system, style reset, basic typography, form styles. But complex systems are, well, complex. Looking for a simple, lightweight approach that doesn’t require a PhD? Meet The 1KB CSS Grid
When server-side options for templating and sub-templating are limited, the grid can be used as an alternative page templating engine. The 1KB CSS Grid’s convenient row and column syntax provide all the necessary scaffolding
Though simple, The 1KB CSS Grid packs the punch of a heavyweight. Nested rows? Piece of cake! A fluid grid rather than a fixed one? No problem! Explores some of the finer details of implementing the grid
Tripoli is a generic CSS standard for HTML rendering. By resetting and rebuilding browser standards, Tripoli forms a stable, cross-browser rendering foundation for your web projects.
Tripoli completly resets all default browser standards and rebuilds them quietly with modern web development in mind.
Tripoli is not a CSS framework. It doesn’t tell you how to code your web site. Instead, it forms a solid HTML rendering engine and a base for creating dynamic layouts without interfering with typographic measurements.
Built with typographic standards in mind, Baseline makes it easy to develop a website with a pleasing grid and good typography. Baseline starts with several files to reset the browser’s default behavior, build a basic typographic layout — including style for HTML forms and new HTML 5 elements — and build a simple grid system. Baseline was born to be a quick way to prototype a website and grew up to become a full typographic framework for the web using “real” baseline grid as its foundation.
The Lovely CSS Framework is a simple and straight forward way to easily deploy an XHTML/CSS site.
Based on a simple 960px wide grid system, featuring multiple column layouts, and various pluggable add-ons.
Framework includes all 3 layers of front-end: structural, presentational and interactive what makes it the true all-in-one solution for your next front-end project.
Main features include:
– Rock-solid base HTML structure and predefined basic CSS styles for both screen and print.
– Library of HTML content blocks that can be easily used and reused.
– Basic file organization and possibility of expanding the library with your own code.
A web grid system designed by Joseph Silvashy and New Gold Leaf that allows designers to use the screen real estate on large monitors and retain great design on smaller ones. The Fluid Grid System combines the principals of the typographic grid and a baseline grid into one resolution-independent framework.
Web developers have only recently started to show a real interest in grid systems. Why it has taken so many years for web developers to become interested in something that has been essential to the written medium in general since the 30s, is hard to say.
The Fluid Grid System is great for rapid prototyping as well as final production layouts because designers can quickly design layouts and make changes to complex pages which have the ability to maintain well-planned horizontal and vertical rhythm. Download (28 KB) the latest version of the Fluid Grid System, the .zip contains all the XHTML/CSS files you need to get started designing.
xCSS bases on CSS and empowers a straightforward and object-oriented workflow when developing complex style cascades. Using xCSS means a dramatic cut down to your development time by: having a intuitive overview of the overall CSS structure, using variables, re-using existing style cascades and many other handy features. But, most frameworks are bulky and inflexible, aren’t they? Not xCSS! It’s lightweight and seamlessly integrates into any existing workflow. Aside from that the CSS overhead is getting reduced while your (X)HTML attributes remain semantic.
(I know this isn’t a CSS framework, but a jQuery plugin but it is related and bloody useful).
Masonry is a layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.
FEM CSS Framework is a 960px width + 12 column grid system + CSS common styles, to easy and fast develop web layouts.
It is based in the 960 Grid System, but with a twist in the philosophy to make it more flexible and faster to play with boxes.
Yeah, this is a joke. I’m testing your humor and so are they 😀
Less Framework is a cross-device CSS grid system based on using inline media queries.
The idea is to first create a default layout normally, and then additional layouts using inline media queries. Any browsers incompatible with media queries will simply ignore all the additional layouts, and will only use the default one. The additional layouts will inherit any styles given to the default layout, so coding them is a breeze.
All four of the layouts included in Less Framework share a common column-width and gutter-width, which makes it easy to design them consistently. Also included are two sets of typography presets, composed around a baseline grid of 24 px.
Since its initial launch, Sencha Touch has quickly become the gold standard for developing rich mobile web applications with HTML5. And now, we’re making it available free of charge for commercial or use under the GPL.
- Leverage CSS3 to handle as much of the pretty presentation and animation as possible
- Provide a consistent and modular event model between objects
- Wrap DOM and device-specific events into a cohesive gesture system
- Insulate developers from different persistent storage solutions
- Play nicely with other libraries like PhoneGap
- Use a lot of resources
- Depend on other frameworks
- Have a lot of browser dependent code
- Require detailed knowledge of the DOM
- Force you to deeper into its framework than you want to go
- Use $ and other arcane looking symbols in place of proper identifiers
New technologies like HTML5 or CSS3 help the design world to take the game to a whole new level, making the sites look like they made a huge leap in evolution. The designers who use these two, HTML5 and CSS3, if they use them properly get results like the ones below and that is well designed sites, more appealing and which are loading (usually) faster.
I have gathered 30+ more tools and resources for you, new ones, of course, that could help you with your work. There are a lot of neat stuff in here, or like I like to say, a little something for everyone. Enjoy the resources, bookmark them and use them wisely.
Camera slideshow is tested on new browsers, but I tried to make it compatible with the old versions of Internet Explorer too (8 and 7). But I don’t think I will spend many hours to improve this feature, sorry.
The 978 grid system uses 12 columns at 54px, with extra roomy 30px gutters. This comes out to a total of 978px, which uses up most of the space on a 1024×768 monitor. Almost every computer and tablet in the world today is capable of displaying designs built on this grid.
A modern browser is all that’s needed to access AjaXplorer : the interface is very similar to OS-native file explorers, and all users can find their way in it. Users can easily share files or folders over the Internet, preview and edit most common file formats directly online, without having to download/upload the files to/from their local computer.
AjaXplorer is another “brick” that you can install on your web server : you may know WordPress, Joomla! or other “web-based” softwares. It’s the same technology (PHP), and AjaXplorer is normally accessed via an URL such as http://yoursite.com/ajaxplorer/.
AjaXplorer comes fully equiped with a complete users management system, securing the whole installation at once. It can also be interfaced with existing authentication mechanisms, to implement a “Single-Sign On” system and make users life easier.
Harness the power of type annotations and program specifications to make your code robust. It’s easy to get started.
Sequence is the jQuery slider plugin with infinite style. It provides the complete functionality for a website slider without forcing you to use a set theme. In fact, Sequence has no in-built theme, leaving you complete creative control to build a unique slider using only CSS3 — no jQuery knowledge required!
Page Scroller is a simple and elegant navigation plugin that adds smooth scroll functionality to your web page. The plugin is so simple, you can animate any web site.
Glisse.js is a simple, responsive and fully customizable jQuery photo viewer. You’ll like the transitions between two pictures entirely assumed by CSS3.
This plugin allows you to create a web page with multiple fixed panels that unroll with an amusing effect. Exactly like a curtain rises.
To navigate, you can use your keyboard instead the scrollbar or your mousewheel to navigate into the document. But that’s not all, there is more features! For example, you can easily add a fixed element or multiple “steps” element into a pannel.
jQuery tubular is a plugin that places a YouTube video of your choice into your page as a background.
Tinycon allows the addition of alert bubbles and changing the favicon image. Tinycon gracefully falls back to a number in title approach for browsers that don’t support canvas or dynamic favicons.
Alerts in the favicon allow users to pin a tab and easily see if their attention is needed.
turn.js is a plugin for jQuery that adds a beautiful transition similar to real pages in a book or magazine for HTML5.
Get spoiled by well-balanced behavior. Enjoy smart select & edit, snippet insertion and management, auto-paired characters, fast syntax highlighting and code-coloring themes.
Centurion is an open-source CMS delivered as a flexible PHP5 Content Management Framework.
Flotr2 is a library for drawing HTML5 charts and graphs. It is a branch of flotr which removes the Prototype dependency and includes many improvements.
There was a time when people thought the internet required a completely different payment method than the real world. After a very short period of time, everyone came to realize that credit cards were actually quite well-suited to the web, and so the credit card form was born.
Backstretch is a simple jQuery plugin that allows you to add a dynamically-resized background image to any page.
Adipoli is a simple jQuery plugin used to bring stylish image hover effects.
A simple and lightweight framework for creating beautiful, interactive vector maps. The core concept of Kartograph is to separate the mapping process in the map generation and map rendering part. The client-side library kartograph.js renders pre-generated maps stored in SVG files. You can chose among hundrets of ready-to-use maps or simply generate your own using kartograph.py, the open source Python SVG map generator.
File Upload widget with multiple file selection, drag&drop support, progress bars and preview images for jQuery. Supports cross-domain, chunked and resumable file uploads and client-side image resizing. Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads.
Making good-looking graphs shouldn’t be hard. Morris.js is a lightweight library that uses jQuery and Raphaël to make drawing time-series graphs easy.
Also, it is non-destructive to the DOM, so it can safely be included in third party libraries without fear of side effects.
Solutions look and feel the same, have a common simple feature-set and make it easy for you to compare the syntax and structure of different frameworks so you can select the one you feel the most comfortable with.
cssFx is a standalone polyfill that inserts the vendor-specific CSS3 properties necessary for old and new browsers. This saves you tons of time, maintenance, and bandwidth!
– Automatically creates HTML table and loads records from server using AJAX.
– Creates ‘create new record’ jQueryUI dialog form. When user creates a record, it sends data to server using AJAX and adds the same record to the table in the page.
– Creates ‘edit record’ jQueryUI dialog form. When user edits a record, it updates server using AJAX and updates all cells on the table in the page.
– Allow user to ‘delete a record’ by jQueryUI dialog based confirmation. When user deletes a record, it deletes the record from server using AJAX and deletes the – record from the table in the page.
– Shows animations for create/delete/edit operations on the table.
– Supports server side paging using AJAX.
– Supports server side sorting using AJAX.
– Supports master/child tables.
– Allows user to select rows.
– Exposes some events to enable validation with forms.
– It can be localized easily.
– All styling of table and forms are defined in a CSS file, so you can easily change style of everything to use plugin in your pages. CSS file is well defined and commented.
– It comes with pre-defined color themes.
– It is not depended on any server side technology.
– It is platform independed and works on all common browsers.
Juice UI allows you to create flexible, interactive web applications quickly. Entice your users with behaviors such as drag & drop, resizing, sorting and selecting. Build first class apps with accordions, autocompletes, datepickers, sliders, and more. Juice UI provides the simplicity needed for prototyping and the robustness needed for enterprise class production applications.
DirtyMarkup combines the power of HTML Tidy, CSS Tidy, JS Beautify, and the Ace editor to effortlessly clean up your messy code. Just paste your code into the editor and press “clean”. Now supports HTML5!
This tool helps to combine iconic webfonts for your project. With fontomas you can:
– make a limited symbols subset, with reduced font size
– merge symbols from several fonts to single file
– access large collections of professional-grade open source icons
Now it’s trivial to customise fonts for your needs with 3 simple step. At first, you select needed symbols on source fonts. Then rearrange those on destination font. After that, you can download SVG font and make webpack via fontsquirrel generator or other services.
Chico UI is a free and open source collection of easy-to-use web tools for developers and designers.
You can draw your own shapes or images using the existing canvas API, add event listeners to them, move them, scale them, and rotate them independently from other shapes to support high performance animations, even if your application uses thousands of shapes. Served hot with a side of awesomeness.
Downloadable 130 + Free awesome website layouts in psd that can save a lot of time for designers. History of PSD:
The .PSD (Photoshop Document), Photoshop’s native format, stores an image with support for most imaging options available in Photoshop. These include layers with masks, color spaces, ICC profiles, transparency, text, alpha channels and spot colors, clipping paths, and duotone settings. This is in contrast to many other file formats (e.g. .EPS or .GIF) that restrict content to provide streamlined, predictable functionality. PSD format is limited to a maximum height and width of 30,000 pixels. .PSB (Photoshop Big) format, also known as “large document format” within Photoshop, is the extension of PSD format to images up to 300,000 pixels in width or height. That limit was apparently chosen somewhat arbitrarily by Adobe, not based on computer arithmetic constraints (it is not close to a significant power of two, as is 30,000) but for ease of software testing. PSD and PSB formats are documented.Photoshop’s popularity means that the .PSD format is widely used, and it is supported to some extent by most competing software. The .PSD file format can be exported to and from Adobe Illustrator, Adobe Premiere Pro, and After Effects, to make professional standard DVDs and provide non-linear editing and special effects services, such as backgrounds, textures, and so on, for television, film, and the Web. Photoshop’s primary strength is as a pixel-based image editor, unlike programs such as Macromedia FreeHand (now defunct), Adobe Illustrator, Inkscape or CorelDraw, which are vector-based image editors. However, Photoshop also enables the creation, incorporation, and manipulation of vector graphics through its Paths, Pen tools, Shape tools, Shape Layers, Type tools, Import command, and Smart object functions. Utilization of these tools and commands provides convenience when it is desirable to combine pixel-based and vector-based images in one Photoshop document because it can eliminate the necessity to visit more than one software program and transfer files between them. However, for the initial creation of very complex vector graphics that contain numerous shapes and numerous colors, it is much easier to use a software that was created primarily for that purpose, such as Adobe Illustrator or CorelDraw. If it is then necessary to import the complex vector object into Photoshop, it is possible to import it into Photoshop as a Smart Object. When the Smart Object is double-clicked on Photoshop’s layers palette, it is opened in its original software such as Adobe Illustrator where changes can be made, then after saving it, the Smart Object will be automatically updated in Photoshop.Photoshop uses color models RGB, lab, CMYK, grayscale, binary bitmap, and duotone. Photoshop has the ability to read and write raster and vector image formats such as .EPS, .PNG, .GIF, and .JPEG. – wiki
1) Design Studio PSD Template
2) Orange PSD Template
3) SanduneBiz PSD Template
4)Cambridge PSD Template
7) Audryhipburn PSD Template
8 ) MyTwoCents Property PSD Template
9) Old Victorian PSD Template
10) Bright Colors Radio PSD Template
11) Blackboard PSD Template
12) Colorful Video PSD Template
13) Shape PSD Template
14) DelliStore PSD Template
15) Midnight Sun PSD Template
16) Environmental PSD Template
17) Smashing Multimedia PSD Template
18 ) Slideshow PSD Template
19) Fresh PSD Template
20) 5 Webdesigns PSD Template
21) 3 Free PSD Template
22) Organic Conference PSD Template
23) Summer of Love PSD Template
24) Herbal Treats PSD Template
25) Solitude PSD Template
Finding free PSD website template also not very difficult but it’s very hard to find the template which reflects fusion between creativity and design trends.
Below are 20 Brilliant And Free PSD Website Templates to help you through the learning curve or generate some new ideas.
3.) Summer of love
11.) Organic conference
13.) Herbal treats
21.) Crisp presentation
29.) Design Studio
02. Sleek, High-End Web Design
04. Citrus square burst
06. Organic conference
07. 2 Breed
08. Colorful Video Theme (Registration Required)
09. Fresh template
10. MJackson Forever (Registration Required)
12. Business PSD
13. En construccion
14. One page Portfolio (Registration Required)
15. Crisp presentation
17. Herbal treats
18. Sunsite Book
19. Artificial Casting
20. FREE Template
21. Destroy Ubuntu
23. Blackboard Design (Registration Required)
24. Midnight sun
27. Summer of love
28. OldVictorian (Registration Required)
29. MyTwoCents Property (Registration Required)
31. GrungeFolio 2
32. Personal Page
33. Grass’n’sky blog
35. Template for a salon
36. Education template
38. Environmental Template
39. DOH TheMovie Texturemania (Registration Required)
41. Grunge PSD Website
42. Radio Theme (Registration Required)
43. Vibrant Paints Template
44. OhNoes PressPlay Slideshow (Registration Required)
45. Green Leaves PSD
46. Webdesigns PSD Pack
PSD Files For WordPress Themes
48. WordPress Christmas
49. Smashing Multimedia
50. Design Pinkfloyd (Registration Required)
51. WordPress Vintage
52. Generation X
53. Notepad Chaos
54. Creative by Nature
56. Fantastic Soccer (Registration Required)
57. WordPress Blues
59. WordPress Fun
60. FreeStyle WordPress Theme
63. Color Paper
2. Help Us
9. Sage Media
10. For The Record
11. Beaver Lab
12. Bitbots Toys
14. Lilly’s Table
16. Jon Renner
17. C3 Media
20. Carmilla Vampire
21. Christian Arth
22. Conway Anderson
23. Dale Harris
26. Edward Dark
28. Fabmedia Studios
30. Goin Nutty
32. Hire me
34. Josh Sender
37. Make your Mark
43. Rafael Vergani
45. The Hope Design
About the Author
Gisele Muller is someone that recently discovered a new career online. A person that really likes technology, design, photography and creativity. An eternal geek wannabe, tech fan and a communication lover! Current location: San Bruno, CA – USA. Twitter: @gismullr
Here’s some other articles that you will definitely find useful.
Fat Man Collective
Mark Lawrence Design
David e Maddalena
We Are Empire
Made by Vadim
Aimee Duplantis and Matthew Shwery
The New Albany Classic
Janette D. Council
Nikola Arežina Portfolio
We Came From Mars
Naomi Atkinson Design
Stonehenge Veterinary Hospital
I Am Tiago
This is Marcela
Awesome Concept Cars
Dave and Dusanka
Icons, the bridge between website and social media. Since the social media era most of the websites have facebook and twitter(and some have g+) accounts to boost popularity and keep in touch with the visitors. So we have collected awesome collections of 140 + Free social media icon packs from some of the best websites around the internet.
Collection from ezuca.com
Collection from caintechnews.wordpress.com
A clean set of icons from chethstudios.Re-distribution not allowed! White Magik is perfect for white minimalistic sites and can be used with image hover for excellent looks!. It includes 45 icons in .PNG format.
Just another contribution from chethstudios. An elegant design icons. Well you’re free to use in your blog. But Please DON’T re-distribute.
This 3D Social Media Icon Pack comes with 20 icons which include your favorite social media websites such as Digg, StumbleUpon, Twitter and lot more from dawghouse design studio.Get the license details of usage from source.
The set comes with 23 icons of your favorite social media sites, all in 200 x 200px and in transparent PNG formats. These icons would surely be a perfect fit for your vintage or grunge themed web designs!
Neat icon set.License usage :Creative Common license BY-ND
Pretty nice icons. It’s a sticker type social icons.Available in .PNG, EPS and Ai format. Free for any use.
Consists of 16 popular social media icons, available in both vector and PNG (64×64 pixels) format. Free for any use.
Clear design icons.This work is licensed under a Creative Commons Attribution 3.0 License.
Designed as a circular style. Available in 3 sizes (128*128, 64*64, 32*32).Please feel free to use Social Media Icons Pack on both personal and commercial projects. These icons are designed by Eli a south Australia web designer. They provided these icons in two parts.
This set contains 26 icons of your most favorite social media sites such as Digg, Delicious, StumbleUpon, Twitter, Facebook and lot more! These icons would be perfect for websites or blogs that uses textures or a grungy theme.
Wood theme icons from webtoolkit4.me .The set consists of 11 icons in PNG format (64 x 64). It’s free for both personal and commercial projects.
Download this free Windows Vista icon pack for your Website or Application. 32 icons in .PNG format.It’s free! These icons are released under CC License Attribution-Noncommercial 3.0
A brand new set that consists of 20 3D icons in PNG format (64×64 & 128×128pixels). It’s really an awesome icons.
Very cool and creative set of drawn, sketched social icons! Have fun with this one! Hope you enjoy them.
The Worn-Out Soda Cans Social Media Icon Pack is free to use for both your personal and commercial projects.The icon pack once again features icons of our favorite social media sites in 200×200, transparent PNG formats.
Free vector social media icons.This work is licensed under a
Creative Commons Attribution-Share Alike 3.0 License. Designed by plechi.
Great work and unique idea the designer.Free for personal and commercial use.the credit goes to nishad.
This free set includes 50 icons of the most popular social media networks on the internet. The icons are designed in 32px and 16px vector format. With the vector format. Now this icon pack is updated recently.This icon set is released under is licensed under Creative Commons Attribution-Share Alike 3.0 Unported License.
This minimum social media icon set.includes deviantart, delicious, flickr, Gmail, twitter.This work is licensed under a Creative Commons Attribution-Share Alike 3.0 License.
This Icon Pack is chuck full of 20 Grunge Peeling Social Media Stickers, This Free Icon Pack is for use in your personal and commercial projects, and can be used without attribution. It may not be redistributed.
Smooth edge icons and a classy look.It’s a freebie from Iconshock.
The icon pack contains web and social media icons such as StumbleUpon, Digg, Twitter and several others!.This icon pack is free to use for both your personal and commercial projects but may not be sold or redistributed in any way.
A full set of icons ready for use with mac and pc. Attached with PSD.
Grunge effect in social icons made in a elegant way.available in PNG format.Designed By: tydlinka
There are a total of 36 icons with 9 different Social Media – Networking & Bookmarking sites.Of course this pack is going to be regularly updated and reorganized .License/Usage : Free for personal and Commercial work
Helvetica social Icons that are 99% made with the type tool in Photoshop.
Everything is made with the type tool in Photoshop and variations of the Helvetica font.There aren’t really any typographical icons around the web like this icons.Free to download and use.
There are 20 social web buttons in two sizes and two colors. Download is free.
The icon set consists of 20 very unique and never before created bottle crown icons such as Digg, Stumble Upon, Twitter, Delicious, Technorati and a whole lot more.These icons are free to use for both your personal and commercial projects but may not be redistributed or sold in any way.
Social Truck Icon set consists of 10 social network icons; These cute icons are designed by Andrea Austoni . Andrea is an Italian freelance designer currently living in Krakow, Poland. He specializes in icon design and illustration.these icons are absolutely free and you are allowed to use them in personal or commercial project. Just don’t redistribute
Free for personal and commercial use.Cute design.
This icon pack contains 14 icons, including popular social bookmarking services and our favourite browser Firefox etc… The icons are available in PNG, ICO and ICNS format. They are free to use for both personal and commercial projects, including websites, templates & software. You are not allowed to sell or redistribute the icons anywhere else.
A Big treat from webtreat
In this below lists you are going to view a massive contribution of webtreats.mysitemyway.com in social media icons.They have done a great work in social media icons! and these are high quality designs.
108 free high-resolution Glowing Neon Social Networking Icons. 2,000 more icons of this style will soon be released on ETC format.
It’s an updated set of icons including Drupal,Deviant art icons etc… They are free to download and use. 154 icons available.
2000 more icons are available in this style in webtreats.
Wonderful orange social media icons in grunge style with some pop out effect.
No attribution necessary for these icon packs.Splatter effect in social media icons it’s a creative and unique concept from the designers.
20 web icons in .png format made with these styles, and a layered psd of the image below, which has editable text should you want to use this as a text effect.
This matching set is designed to be put in the sidebar of your theme so you can link to your social media profiles.There are 10 more color variations for icon set is available.
A classy look and these icons meet international standars.Retro Grunge Stripes Social Media Icons.
A creative look for social media icons by this way.It’s suitable anything like grunge or crumpled themes.
Just another beautiful glassy style icons.
This vibrant pattern icons social media logos set includes the most popular social bookmarking and networking icons (Digg, Delicious, StumbleUpon and Yahoo logos etc…
Free set of unique twitter graphics.There really is no limit to what you can do with this brilliant set, lovingly designed by Pasquale D’Silva.The set includes 40 Files in total, all in transparent .png format.
Really a cute twitter icon for your blogs or websites.Also only noncommercial use is allowed.
This breaks down to roughly 1,800 icons added to each existing set and 20 brand new sets! Here’s a little twitter promo pack with 53 twitter icons, one from each set!.
The set contains 4 high resolution RSS icons that come in four sizes: 512×512, 256×256, 128×128 and 64×64. Icons are completely free and can be used without any restrictions in any type of project including commercial projects.
Collection from naldzgraphics.net
Social Media Bubbles: Icon Pack
The pack include 8 icons for some of the most popular social media/networking sites including Twitter, Facebook, and StumbleUponin the web.
SocialClean- Free Social Network Icons
The set covers 12 icons delivered as PNGs in 4 different sizes: 16×16, 32×32, 48×48 and 128×128 tjat presents various social networks like Digg, Delicious and Facebook.
Free Social Media Icon Set
The package includes 42 64×64 icons in both PNG and PSD form that you can use however you like.
Freestyle and Square, Two Free Social Media Icon Sets
The icon sets contain 28 icons that cover all of the major social media services and applications in .PNG format and comes in three sizes: 24x24px, 48x48px and 60x60px.
Freebies Released: Yammy Social Media Icons Set
PC Social Media Icons
DarkSocial: A Free and High-Quality Social Media Icon Set
This free icon set, brings you 10 high quality social media icons: Blogger, Digg, Yelp, Picasa, MySpace, Yahoo! and many more where each icon comes in 4 sizes (512px, 256px ,128px and 64px) in PNG format.
Free Icon Pack: Vector 3D Social Icons
Neon Social Media Buttons
Free and Exclusive Icons: Brown Social Icon Pack
You will find 12 glossy polished icons in different size variations: 32x32px, 64x64px and 128x128px for maximum flexibility. The icons are available in .PNG format.
Social Trucks Icons
12 Creative Wooden Social Networking Icons
This icon pack includes 12 creative and professional social networking icons in wood style and in four different sizes: 16px, 32px, 64px and 256px.
Social Media Icons – Volume 2
The set includes .png and .zip filetype and 18 icons.
Here is an icon set that includes 126 vector social media icons with PNG versions of all icons in both circular and rounded variations as well as a vector source file for easy resizing.
Picasso: A Free Social Media Icon Set
In this set, several icons for social media with sizes ranging from 512px to 16px.
Free Grass Textured Social Bookmarking Icon Set
Latte Art Social Icons
Four social icons for Facebook, RSS, StumbleUpon and Twitter available in sizes of 128×128, 64×64 and 48×48 PNGs are available in thsi set.
28 Social Media Icon Badges
Here is a fun set of 28 social media icons done in a hand stitched vintage badge style that includes Bing, Blogger, Delicious, Designer Float, deviantART, Digg, Facebook, Feedburner and many more.
Social Media Circles Icon Set
The set includes 1 zip file containing 222 png icons in sizes of 32×32, 64×64, 128×128 and 2 styles.
Social Media Bubblicons: Icon Pack
Social MEdia Icons
The set contains 10 social media icons in Psd and .Png files in 64×64 & 128×128 sizes.
Bulb Social Media Iconsk
In this set, 9 icons are included.
More Social Media Balloons
Furry Cushions Social Icons
Free Robotic Social Media Icons Set Released
In this set, various popular social media icons is included and are available in three different resolutions – 64 x 64px, 96 x 96px, and 128 x 128px.
Derelict-Free Social Media Icons
Here are several social media icons in 256 x 256 px and 64 x 64 px sizes.
Isometrica (Volume 1): A Free Social Media Icon Set
There are 18 “normal” sized icons at an overweight 105x67px (.PNG) included in this set.
Orb Social Media: Icon Pack
Thirty-two (32) icons are included in this set with a size of 256x256px in PNG file format
Green Thumb: A Free Social Media Icon Set
Here is a set of several socila media icons. The icons are available in four sizes: 256×256, 128×128, 64×64 and 32×32 pixels.
17 Free Social Media Icons
“SocialShift” Icon Set: 246 Free Social Networking Icons
Simple Glossy Silver Social Media Icons
The set includes 154 social media icons for popular social media sites.
Freebie: Social Media And Blogging Icon Set
The icons included in this set comes in 32x32px, grouped in PSD files for easy editing. The zip file contains all 65 icon in 32×32 transparent PNG format.
Social media icons
The set includes several social media icons.
Jive: 10 Social Media Icons
OLED social icons
The icons included here is in 16x16px OLED display.
Red Blops Social Media Icons
Social Media Sleek Icons: Icon Pack
The icons in this set comes in 2 sizes: 32×32px and 16×16px for Twitter, Facebook, StumbleUpon, and Digg.
Burnt Wood: A Social Media Icon Set
The pack contains 12 icons for some of the popular social sharing sites in 420x420px PNG file that can be scaled down to any size needed.
High detail social icons
Here are several free high detailed icons for social media.
Social Media Discs
This set contains 11 social media icons in 4 sizes: 256 x 256, 128 x 128, 64 x 64 and 48 x 48.
1,540 inFocus Simple White Social Media Icons – Sidebar Edition
Social Media Icons
Using attractive Social Media Icons can help drive more traffic to a website or blog in a way that visitors can share the content if they like. But, of course, make sure that your content has a quality so it’s worth the share. So which of these free icons are your favorite??? have you tried using a social media icons before??? Feel free to leave your comment below…