WebAppers

/ best free open source web resources /

Graphic Resources

The Pattern Library by the Most Talented Designers

Posted · Category: License Free, Patterns

The Pattern Library is an on going project compiles patterns shared by the most talented designers out there for you to use freely in your designs. I really like the design of the site, which is user-friendly and responsive. You can pick your favorite pattern easily to download as you wish.

pattern-library

Requirements: –
Demo: http://thepatternlibrary.com/
License: License Free

Saved.io – The Fastest Way to Save Bookmarks

Posted · Category: License Free, Tools

We were often losing bookmarks or simply not saving them because there was no easy way to do it across devices. To solve this problem we have Saved.io. It’s a solution that is super fast and easy to use, requires no extensions, and is future proof – it will work in any browser.

Saved.io is ridiculously simple to use – just type “saved.io/” in front of any URL in your address bar, hit enter and you’ve just saved a bookmark. Anthony Feint has purposefully left out Tags, Folders, Descriptions, Notes etc. from this app. Saving a bookmark should be fast.

save-io

Requirements: –
Demo: http://saved.io/
License: License Free

The Float Labels jQuery Plugin

Posted · Category: Forms, License Free

The Float Label Pattern found his success after Brad Frost wrote a blog post about Float Label Patterns. The idea is based on a Dribbble Shot by Matt D Smith. The Pattern is easy to explain. On User Interaction with an input field the placeholder value moves up, and is displayed above the typed text. Float Labels jQuery Plugin offers you the possibility to upgrade your forms with this famous pattern.

float-labels

Requirements: jQuery Framework
Demo: http://clubdesign.github.io/floatlabels.js/
License: License Free

The Best Fonts of 2013

Posted · Category: Information

A Best-Of list is just like a football team. You shouldn’t only take into account the best players as individuals, but the best team; the players that harmonize best. In the list of The Best Fonts of 2013, Typefacts have taken this into stride and tried to compile a well-balanced, harmonic yet diversified overview.

best-fonts-2013

Source: http://typefacts.com/news/die-besten-fonts-2013

Hugo – A Fast and Easy to Use Static Site Generator

Posted · Category: Tools

Hugo is a static site generator written in GoLang. It is optimized for speed, easy use and configurability. Hugo takes a directory with content and templates and renders them into a full html website.

Hugo makes use of markdown files with front matter for meta data. A typical website of moderate size can be rendered in a fraction of a second. A good rule of thumb is that Hugo takes around 1 millisecond for each piece of content. It is written to work well with any kind of website including blogs, tumbles and docs.

hugo-framework

Requirements: –
Demo: http://hugo.spf13.com/
License: Simple Public License

Sculpt – A Mobile First and Responsive Framework

Posted · Category: CC License, Framework

Sculpt is a lightweight, mobile first, responsive HTML, CSS and SASS framework. It has been written to cater for devices with small screen sizes first, with more complexity being added through media queries as screen real-estate increases. With three grid sizes (732px, 960px and 1140px) built in and active depending on your device’s screen size you can be sure your content will be well presented no matter the conditions.

Users with Internet Explorer 8 and no Javascript support will see the mobile version of your website, and so there will always be a degree of usability ensured. Internet Explorer 8 is the oldest browser Sculpt supports. Sculpt has been built from the ground up using SASS (.scss) and is at its most flexible and powerful when using the included .scss stylesheets and variables.

sculpt

Requirements: –
Demo: http://www.heartinternet.co.uk/sculpt
License: Creative Commons License

100 Most Popular Code Pens of 2013

Posted · Category: Information

CodePen is a playground for the front end side of the web. It’s all about inspiration, education, and sharing. Need to build a reduced test case to demonstrate and figure out a bug? CodePen is great for that. Want to show off your latest creation and get feedback from your peers? CodePen is great for that.

These are The Most Popular Pens of 2013, as decided by their super fancy algorithm modified without the age penalty. All of them are very impressive, and I am sure you can learn something from them.

codepen

Source: http://codepen.io/2013/popular/

Magnifier.js – Magnifying Glass Effect on Images

Posted · Category: MIT License

Magnifier.js is a Javascript library enabling magnifying glass effect on an images. There are zoom in / out functionality using mouse wheel. Magnified image can be displayed in the lens itself or outside of it in a wrapper. Magnifier.js uses Event.js as a cross-browser event handling wrapper. It works in Chrome, Firefox, Safari, IE 7, 8, 9 & 10.

zoom-plugin

Requirements: JavaScript Framework
Demo: http://mark-rolich.github.io/Magnifier.js/
License: MIT License

Discover the Most Creative Advertising Campaigns

Posted · Category: Inspiration

Advertising refers wide announcement. It is used to stimulate or even create demand or perception to some certain products, services or ideas. Most consumers have already evaded ads, and even employed technical means to pick them out. Thus advertising makers are obliged to look for newest originality and to achieve best ads. Good advertising is for real consumer.

Creative Ad Awards is one of the best advertising archive, serving all the advertising fan and others who need it. They are keeping to providing you with the world’s most creative and sophisticated ads. All the collected ads follow the concept of SIMPLE (Simple, Involving, Memorable, Purchase Intention, Linkage with brand, Enjoyable), so that they will, absolutely, intoxicate rather than revolt you.

creative-ads

Source: http://www.creativeadawards.com/

How to Create Sticky Table Headers & Columns

Posted · Category: License Free, Tables

Sticky table headers are no longer a stranger to an average website user — unlike on paper when a reader’s eyes can comfortably jump in saccades between top of a lengthy table and the rows of interest, the landscape orientation of most devices makes vertically-long tables hard to read.

Tutorial: Sticky Table Headers and Columns teach us how to create sticky headers and columns for tables using jQuery. The solution is an alternative to other sticky table header approaches and it addresses the overflowing table problem including adding support for biaxial headers.

tables

Requirements: jQuery Framework
Demo: http://tympanus.net/Tutorials/StickyTableHeaders/
License: License Free

Page 92 of 322...«888990919293949596»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons