Uploading in HTML has always left much to be desired from developers. With the introduction of the File and Drag-and-Drop APIs, we are beginning to see improvements across many sites whose core functionality relies on uploading.
In Part I of Advanced Uploading Techniques, we will discuss reading file information and posting that up to a server. Of particular importance to this will be the concept of chunked uploading. In the Part II, we will address is the lack of a connection. Hardwired ethernet connections will always provide the most stable uploads, but for mobile browsers, especially ones not connected via WiFi, we must be able to react to a loss of connection.
Requirements: JavaScript Framework
Part I: http://creativejs.com/tutorials/advanced-uploading-techniques-part-1/
Part II: http://creativejs.com/advanced-uploading-techniques-part-2/
License: License Free
Last week, Twitter has updated your profile design again. Users’ new Twitter profiles now includes a Facebook / Google+-like cover image and repositioned profile image. The new striking design is already rolled out to all users.
If you’re visiting Twitter using your computer, you can upload your cover by clicking the image of the cog in the upper right-hand corner and choosing to “Edit Profile.†Choose “Design†from the left-hand menu, and then scroll down to the “Customize Your Own†section.
You will find some of the best Twitter Covers available on the internet from TwitrCovers. All Twitter covers are divided into categories like Nature, Movies, Animals, Art, Games, Quotes and etc. I am sure you can pick few ones for yourself.
Requirements: –
Demo: http://www.twitrcovers.com/
License: License Free
Attracting a potential customer is hard enough. Grabbing their interest and retaining them is even more difficult. It’s important to design your site so that user frustration is kept to a minimum, thereby maximizing customer retention.
KISSmetrics has published an Infographic: What Makes Someone Leave Your Website, is showing some examples of what not to do when designing your website.
Requirements: –
Demo: http://blog.kissmetrics.com/leave-a-website/?wide=1
License: License Free
Currently, people are managing dependencies, such as JavaScript libraries, manually. This sucks, and we want to change it. Bower is a package manager for the web. Bower lets you easily install assets such as images, CSS and JavaScript, and manages dependencies for you.
In a nutshell, Bower is a generic tool which will resolve dependencies and lock packages down to a version. It runs over Git, and is package-agnostic. A package may contain JavaScript, CSS, images, etc., and doesn’t rely on any particular transport (AMD, CommonJS, etc.).
Bower then makes available a simple programmatic API which exposes the package dependency model, so that existing build tools (like Sprockets, LoadBuilder, curls.js, Ender, etc.) can consume it and build files accordingly.
Requirements: –
Demo: http://twitter.github.com/bower/
License: MIT License
Even if you hate socialism, you’ll love this flexible jQuery social media plugin. jQuery Socialist is a plugin that lets you create a social stream or social wall from multiple social networks in one place. It supports Facebook, Twitter, LinkedIn, YouTube, Tumblr, Flickr, Pinterest, RSS Feeds, Craigslist, Google+ and more.
It displays updates from multiple social networks in attractive visual layouts. It supports multiple themes and it’s easy to implement with just a few lines of code. jQuery Socialist is provided under a MIT license.
Requirements: jQuery framework
Demo: http://plugins.in1.com/socialist
License: MIT License
Thank you for all of the participants of Giveaway 5x One Month Subscriptions of Depositphotos. We are happy to announce the following winners. Congratulations. You will receive an email from Depositphotos with instructions of getting the one month free subscriptions shortly.
1. Joyce Babu
2. Saeed Ghofrani
3. George
4. Minaz
5. Legues
WebAppers will continue giving away some really nice web development tools and resources to our readers. Please feel free to suggest what you would like for the next Giveaway under this post. Thank you.
jQuery Stick ‘em makes Content Sticky on Scroll, to a Point. Sometimes, we have some of those images were very tall. So by the time you scrolled down to the bottom of the images, you would have to scroll back up just to read the text to give you context about the images you had just viewed.
The solution is to make the content sticky as you are scrolling. The tricky part was that we couldn’t just make the text position: fixed once it reached the top of the screen and be done with it. Since there are many sections on a page sometimes, we had to “un-stick” the content at a point too. So here we go, jQuery Stick ‘em, to enable this functionality.
Requirements: jQuery Framework
Demo: http://viget.com/inspire/jquery-stick-em
License: License Free
Grunt is a task-based command line build tool for JavaScript projects. It has the following predefined tasks that you can use in your project: Concatenate files, Validate files with JSHint, Minify files with UglifyJS, Run unit tests with nodeunit and etc. In addition to the built-in tasks, you can create your own tasks. Don’t like a built-in task’s default behavior? Override it.
While Node.js was designed to support highly-concurrent asynchronous-IO-driven web servers, it was clearly NOT designed to make command-line build tools. But none of that matters, because grunt works. Grunt is available as an npm module. IT is licensed under the MIT license.
Requirements: JavaScript framework
Demo: http://gruntjs.com/
License: MIT License
BonsaiJS is a lightweight graphics library with an intuitive graphics API and an SVG renderer. The main features include Architecturally separated runner and renderer, iFrame, Worker and Node running contexts, Shapes, Paths, Assets (Videos, Images, Fonts, SubMovies), Keyframe and regular animation (easing functions too), Shape/path morphing, and much more…
Bonsai in its current form comes packaged with an SVG renderer. It supports browsers like Safari, Chrome and Firefox. It is released under MIT License.
Requirements: JavaScript Framework
Demo: http://bonsaijs.org/
License: MIT License
MightyDeals where you can find the best deals for web creatives, has just organized a great giveaway. If there’s one device that has changed our technology, that would be the almighty iPhone. Apple unveiled their much anticipated iPhone 5 and today, you have the chance to win one!
Simply follow this link, enter your email to subscribe to MightyDeals in order to have a chance to Win an iPhone 5 from @MightyDeals. They will ship the iPhone to the winner anywhere in the world for free! You can read more for details on how to participate and about this super awesome prize!
Source: Win an iPhone 5 from @MightyDeals
