Permalink

1

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!

iTheme2 : A Free Mac OS-like Theme

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.

Demo & Source Website

Permalink

1

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… :D
  • …more features in the future

HTML5 Piano with Full Keyboard Support

Demo & Source Website

Permalink

1

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.

Building Single Page Applications With jQuery’s Best Friends

The SPA application we’ll be building today is a three-level bookmarkable image gallery.

Source Website

Permalink

1

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.

A Free User Interface Design Tool for Web Designers

Source Website

Permalink

1

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.

The Psychology of Color – Must See for Web Designers [Infographic]

Source Website

Permalink

1

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.

LimeJS is a HTML5 game framework

Source Website

Permalink

0

Fullscreen Gallery with Thumbnail Flip

Codrops just shared a tutorial to create a fullscreen gallery with jQuery. The idea is to have a thumbnail of the currently shown fullscreen image on the side that flips when navigating through the images. The big image will slide up or down depending where we are navigating to. We will add navigation controls for the mousewheel and for keys. The thumbnail will have a zoom and and a fullscreen option, making the image in the background appear in fullscreen mode or as a complete image, resized to fit in the page.

Fullscreen Gallery with Thumbnail Flip

View Demo Source Website & Download