Draggables is a javascript library that allows users to exchange data between web sites using drag and drop. Its based on the HTML5 Drag and Drop and File APIs. It allows data to be exchanged between unrelated sites and between the desktop and a browser.
Shared via Blog Freakz – Web Design and Web Development
LimeJS is a JavaScript game framwork that allows any developer to create HTML5 based games in no time. 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.
Shared via Blog Freakz – Web Design and Web Development
gury is a very cool JavaScript library designed to aid in the creation of HTML5/Canvas applications by providing an easy-to-use chain based interface.
Shared via Blog Freakz – Web Design and Web Development
You want to use websockets ? You want to broadcast messages to all connected clients ? You don’t want to worry about browser compatiblity ? You don’t want to set up a server ? Here’s all the code you need.
EasyWebSocket is simple websockets broadcasting. It is perfect for a quick prototype, getting it going quick. 90% this is all you need if you’re doing websocket something.
Shared via Blog Freakz – Web Design and Web Development
Maqetta is an open source technology initiative at Dojo Foundation that provides WYSIWYG visual authoring of HTML5 user interfaces for HTML5 (desktop and mobile). The Maqetta application itself is authored in HTML, and therefore runs in the browser without requiring additional plugins or downloads.
Shared via Blog Freakz – Web Design and Web Development
Martin Angelov’s jQuery bubble animation effect is ideal for portfolio or gallery websites. It is very easy to use and highly customizable though it doesn’t work well with older versions of IE since it utilizes CSS3.
You can click the image for a cool demo of it. ...
Shared via Blog Freakz – Web Design and Web Development
You can create a cool looking and Jazz up your online form by adding some eye-catching effects to it with this unique jQuery tutorial!
This jQuery code is known as the “Gravity Registration Form” because it shows the next hidden field for the user to fill up by making it drop down below the preceding one.You can click the image above for the full demo.
Shared via Blog Freakz – Web Design and Web Development
Featuring the M-Project it is very powerful Cross Platform Mobile HTML5 Application Framework that allow us to create powerful HTML5 mobile web applications (iOS, Android, Palm webOS, BlackBerry).
The M-Project contains concepts of different open source projects including SproutCore (http://www.sproutcore.com/) and persistencejs (https://github.com/zefhemel/persistencejs/).
Shared via Blog Freakz – Web Design and Web Development
jQuery UI is planning to release a mobile UI system for jQuery. And they believe that a shared design language and underlying code across all devices desktop, tablet, smartphone is going to result in a stronger design system and more maintainable development approach. With their initial design propose set of mobile widgets and layouts followed by a few samples of specific elements that may be a bit different on a tablet or desktop device.
Shared via Blog Freakz – Web Design and Web Development
Shared via Blog Freakz – Web Design and Web Development
WooThemes is sharing this cool WooCons, a set of over 170 Free Web Icons that you can use for your graphic design. WooCons, name was aweseomely inspired by gcons.This icons set is available as 32×32 PNG’s. A colorful and a very cute collection of widely used icons, perfectly use for your web applications and web sites.
This is a very nice and cool jQuery effect programmed by Gaya Kessler it simulates some kind of gravity animation. The idea here is that when you hover your mouse above the string that you made it really holds both of the blocks, it will eventually break and the block below will fall really cool huh.
You can try and Click on the image above to see how this cool thing works!
Shared via Blog Freakz – Web Design and Web Development
As an awesome web programmer it’s like very common to be surfing the interwebs for various other code snippets and other examples. The only problem is that many websites have some poor methods for displaying their sample code and it's making it hard to read. This is where the cool and awesome Syntaclet comes in.
Shared via Blog Freakz – Web Design and Web Development
Pattern Tap is awesome and cool and it was born out of the love for the best interface designs on the web today. They really wanted a cool place where they could have come up to easily find the stuff they were looking or searching for.
Shared via Blog Freakz – Web Design and Web Development
Xeams is a secure & powerful mail server for Windows, Linux, Solaris, MacOSX and other flavors or UNIX, which supports SMTP, POP3, and IMAP. It includes a powerful spam/junk filtering engine that elimates up to 99% of junk email right out of the box. The software offers a flexible approach to email, making it a very user friendly server.
Shared via Blog Freakz – Web Design and Web Development
dracMail is a webmail interface built using PHP, ExtJS (JavaScript framework), MySQL and IMAP. Features include: Rich UI, WYSIWYG editor, HTML mail composing and message caching. The project’s backend API has been developed using a FreeBSD server, but it should be compatible with any system capable of running these.
Shared via Blog Freakz – Web Design and Web Development
These rules are already in the .htaccess on apache, but if you want to be cutting edge, and get the best performance out of your WordPress blog, you can redo them in Nginx!
Why would you want to do this anyways? Simple. In terms of serving static file requests, Nginx will take up lesser memory, use few resources and is just clearly faster.
The permalink rules need to be placed in your nginx site configuration (the vhost file) under your sites name. You could also put them for all sites if you really want.
Here is a basic example:
Shared via Blog Freakz – Web Design and Web Development
Web designer and developer Joren Rapini’s tutorial teaches us how to create a terrific navigation image rollover, which uses very minimal HTML and CSS codes. Click on the image below for the demo:
The first thing to do is to create a navigation image menu with Photoshop. Then, we’ll be writing the HTML and CSS.
Shared via Blog Freakz – Web Design and Web Development
Chevereto is an open source image hosting script that can be used to create image hosting site. It has slick user interface, the script offers uploading of both local & remote files. It is very simple to use, It allows you to resize images, verify the file integrity and integrate it with url shorteners like TinyURL.
Shared via Blog Freakz – Web Design and Web Development
Shared via Blog Freakz – Web Design and Web Development 
This is David Walsh‘s awesome and clever technique in creating one of the commonly used shapes in design – the circle — using only CSS that's right only CSS no Photoshop needed. Shared via Blog Freakz – Web Design and Web Development Andrei Marius shares a great tutorial on how to make a semi-realistic MacBook Pro from scratch using Photoshop’s basic tools.
Shared via Blog Freakz – Web Design and Web Development
Ultimate Photo Widget allows you to display photos from your Flickr, Tumblr, and Pinterest accounts. And why the ‘ultimate’ monicker? Pretty much the same answer — because it allows you to display photos from your Flickr, Tumblr, and Pinterest accounts in three different styles: vertical, tiles, and slideshow, and that’s saying a lot!
This is a thorough and honest review for Facebook’s standalone chat software, Chit Chat for Facebook.
One of the biggest complaints about chat in social networking is that you have to be logged into the social network to use it. It can be a hindrance to productivity to keep the browser open and check back without being sucked back into Facebook for vast periods at a time. Sometimes, users would simply like to continue using the chat, much like AOL and Google Talk, without being logged in.
Shared via Blog Freakz – Web Design and Web Development
BobBon is impressive and attractive CSS3 button that make use of CSS3 features.
If you would like to add an icon, you can use the HTML5 custom data attribute like this: data-icon=”S”. This allows you to use any of the Unicode symbols or the newly released Picos Font as icons.
This is just a demo and not meant to be used on your next project that targets the average internet user. It’s just wanted to show a couple techniques how to use some of the new CSS3/HTML5 features. So only the current version of Safari, Chrome and Firefox are supported.
Shared via Blog Freakz – Web Design and Web Development
The CSS tricks covering Letterpress, Small Caps, CSS Coupon, Stitched, Gloss, Stroked Text & @font-face and Double Stroked Text.
Designshack is sharing seven fun and attractive CSS tricks that you can grab and insert right into your own projects.This stuff is still cutting edge, older browsers won’t support most of it. They have tried to ensure graceful degradation where possible so that you can provide a working experience to all users and a better experience to those with using webkit.
Shared via Blog Freakz – Web Design and Web Development
Modernizr is a script that will detect native CSS3 and HTML5 features available in the current UA and provide an object containing all features with a true/false value, depending on whether the UA has native support for it or not.
Modernizr helps you take advantage of emerging web technologies (CSS3, HTML 5) while still maintaining a fine level of control over older browsers that may not yet support these new technologies.
Shared via Blog Freakz – Web Design and Web Development
Via blogfreakz.com
CSS3 Generator is a simple and free web application that allow us to generates CSS3 easily.CSS3 Generator is a simple and free web application that allow us to generates CSS3 easily. We can use CSS3 Generator to control a number of CSS3 attributes like:
Sausage is a jQuery widget that helps make scrolling and browsing through long documents easier.…
Make your contact form more fun with this easy CSS3 tutorial!Here’s a nice and unique contact form with CSS3 transitions that visitors will love using in your website. Created by Pehaa, it features a letter sliding out from an envelope once you hover your mouse over it.
ThinkUp is a free, open source web application that captures your posts, tweets, replies, retweets, friends, followers and links on social networks like Twitter and Facebook.…
SearchBlox is an out-of-the-box Enterprise Search Solution built on top of Apache Lucene.SearchBlox can index content in 37 languages including European and Asian languages. Stopwords and stemming are also supported for the different languages.
Layer Styles HTML5 applications that allow you to create CSS.Features
XUI is the smallest framework that works across all of the devices in the mobile landscape.XUI is the smallest framework that works across all of the devices in the mobile landscape. It does not try and dictate a page structure or widget paradigm. XUI targeted builds for WebKit, IE Mobile, and BlackBerry. The file size is super tiny, only 9.4kb footprint (4.1kb gzipped).
Nice tutorial to give you an overview of How to Build an RSS Reader with jQuery Mobile.…
jQuery Mobile is a user interface framework, built on top of jQuery, designed to simplify the process of building applications that target mobile devices.…
