Codrops just shared a tutorial to create a slick overlay effect with jQuery that does not use an overlay. The idea is to change the opacity or the color of certain elements in order to make it look like as if we are covering the content with an overlay. This allows to focus certain elements in a web page while making others appear less prominent.
Echo Minimal Icon Set
Echo Enduring Blog released a free icon set : Echo Minimal Icon Set. The set is completely free, and you can use it in both personal and commercial works. There are just a few simple restrictions, which are outlined in the release file included in the download, so please review that document before using the icons.
iTheme2 : A Free Mac OS-like Theme
iTheme2 is a revamp of iTheme that was originally released by Nick La at N.Design Studio. Now with the Themify framework, it is even better and have more options. It is the perfect theme for technology & Mac related blogs. It uses media queries to target different displays such as desktop, notebook, iPhone, iPad, and other mobile devices (no plugin is necessary). This means the layout automatically adjusts according to the viewing area. Download this awesome free theme now!
This theme is free for download and unlimited use. However, the Photoshop .psd file and forum access is not included in the free download. If you’d like to purchase forum access along with the PSD template files you can by choosing the Developer package. This does come at a cost of $59.
HTML5 Piano with Full Keyboard Support
HTML5 Piano is a web site or if you prefer to called it web app. It’s absolutely free to use, it’s experimental and it’s made for fun and practice. It uses a cutting edge web technologies… yeah i talk about HTML5 and CSS3. Beside that it uses the all mighty popular javascript framework jQuery. So HTML, CSS and JavaScript this are the main materials whit which the web piano is build.
Features:
- Full 88 key simulation – multiple key press
- Mouse and keyboard support – yeah you can use the keyboard
- Key press animation
- Piano key names toggle
- Computer keyboard key names toggle
- Octave numbers toggle
- A lamp…
- …more features in the future
Tabs – Interface Icons for iOS & Designers
Tab icons for Mac OSX Lion & iOS. Designed and optimized for use on toolbars and tab bars in OSX Lion & iOS apps – and I am sure you will find other uses for them as well. All icons has been created for iPhone, iPhone 4 and iPad (@x2 currently being developed).Scaleable photoshop PSD file included.
Building Single Page Applications With jQuery’s Best Friends
Today Addy Osmani shows how we can build a single-page application (SPA) supporting graceful degredation using some of jQuery’s Best friends; DocumentCloud’s Backbone.js, Underscore.js, LAB.js and jQuery templating to name but a few.
SPAs are web applications or websites which persistently run in the same page without requiring a reload for further navigation. All of the code needed for your initial load in these applications is driven by either local data or data retrieved from a web server on demand, as it any additional data required from your app that might be driven by user actions.
The basic idea behind an SPA is that regardless of what interactions your users might have with the application, the page doesn’t get reloaded or have it’s control handled by another page outside of the current one.
The SPA application we’ll be building today is a three-level bookmarkable image gallery.
A Free User Interface Design Tool for Web Designers
User Interface Design Framework
- GUI library – Hundreds vector elements for interface design
- Minimal UI icons set – 260 vector icons for Illustrator
- Styles library – 200 styles to apply in Illustrator
A free User Interface Design tool for Web Designers
- Design faster wireframes and create better mockup deliverables in Illustrator.
- Design usable application interface with hundreds of common GUI elements : just drop them from Illustrator Panels or pick them in the library files.
- Customize easily the vectors GUI elements to your own needs : you can easily resize, color or tweak their appearance.
- Benefit from a consistent UI elements library made by a web designer expert in application interface design.
The Psychology of Color – Must See for Web Designers [Infographic]
One of the most fascinating and overlooked elements web designers tend to overlook is the influence of color on their website visitors. While a color palette may look visually pleasing, is it psychologically pleasing? When you go to design your next website pay special attention to your color choices and what they actually mean. To help you out with that TechKing have created this beautiful infographic.
Social Networking Americans’ Valentine’s Day Plans [Infographic]
Valentine’s Day is just around the corner, and lovers from coast to coast are getting ready. Mashable shared an infographic built using data from 400 Facebook and MySpace users that might give you insight into love in America, circa 2011.
LimeJS : A HTML5 game framework
LimeJS is a HTML5 game framework for building fast, native-experience games for all modern touchscreens and desktop browsers. Games created with LimeJS framework do not require any browser plug-ins or any additional software installation to run – just a modern web browser is needed. Current version of LimeJS supports almost all HTML5 capable browsers: Chrome, Safari, Firefox and even Opera (sorry, no Internet Explorer support yet). And of course this also covers two main mobile platforms, namely the iOS (iPad, iPhone and iPod Touch) and Android.






![The Psychology of Color – Must See for Web Designers [Infographic] The Psychology of Color – Must See for Web Designers [Infographic]](http://magazine.nuefolio.com/wp-content/uploads/2011/02/color.jpg)


