There are wonderful and feature-rich calendar modules out there and they all suffer the same problem: they give you markup (and often a good heap of JS) that you have to work with and style. This leads to a lot of hacking, pushing, pulling, and annoying why-can’t-it-do-what-I-want scenarios.
CLNDR is a jQuery calendar plugin. Unlike most calendar plugins, CLNDR doesn’t generate markup. Instead, CLNDR asks you to create a template and in return it supplies your template with a great set of objects that will get you up and running in a few lines.
Requirements: jQuery Framework
Demo: http://kylestetz.github.io/CLNDR/
License: MIT License
The opinionated FireShell framework. Built for the modern developer. For teams and the individual, encouraging a better workflow. JavaScript task running, build processes, autominification and file concatenation, wrapped with an enhanced HTML5 boilerplated framework.
It’s a a cutting edge take on the HTML5 boilerplate with some HTML5 semantics and WAI-ARIA roles for baseline semantic markup and web accessibility. CSS structure for small projects and scaling big, a fantastic setup to get your Object-Orientated CSS scaling. Ships with fully adaptive folder hierarchies.
Requirements: –
Demo: http://getfireshell.com/
License: License Free
Solo is the easiest way to manage your projects. You can create contacts, manage tasks, upload files, track project progress, and keep notes – all in the same place. The interface is simple, elegant, and intuitive.
You can easily keep track of how much time is spent on a task using the task timer. Manually enter time for those cases when work is performed without the timer. It’s easy to use installation wizard to guide you through the process. Requires a linux server, PHP 5.3+, and MySQL. You’ll have full access to the unencrypted source, allowing you to make any changes you like.
Requirements: PHP and MySQL Framework
Demo: http://www.getsoloapp.com/
License: Solo License
Include Pace.js and the theme css of your choice, and you get a beautiful progress indicator for your page load and ajax navigation. No need to hook into any of your code, progress is detected automatically. You can choose the color, and the effects like Minimal, Flash, Barbar Shop, Mac OSX, Fill Left, Flat Top, Big Counter, Corner Indicator and Bounce.
Requirements: –
Demo: http://github.hubspot.com/pace/docs/welcome/
License: License Free
Rainyday.js is a simple script for simulating raindrops falling on a glass surface. You can get that meditative feel of watching rain on your window right in your browser. Hardly practical by any definition, but it’s quite fun to watch.
The idea behind rainyday.js is to create a light JavaScript library that makes use of the HTML5 canvas to render an animation of raindrops falling on a glass surface. Simple enough, yet challenging at times, especially since it’s trying to avoid that cartoonish look usually attributed to JavaScript animations and at the same time make sure the animations work smoothly.
Requirements: JavaScript Framework
Demo: http://maroslaw.github.io/rainyday.js/
License: MIT License
Interactive maps aren’t particularly new; they’ve been around for years. What’s different about our map is that it will be plugin-free. No Flash, no Silverlight, no Java.
Even a plugin-free interactive map isn’t totally novel; a few out there rely on HTML and JavaScript. But quite honestly, plugin-free maps usually aren’t very exciting, mostly because they rely on older technologies. But with HTML5, we can include features previously found only with plugins, usually Flash.
Theme Park Maps: Features on Parade
Seems like the most exciting interactive maps usually represent theme parks. Disney has perhaps the most advanced I’ve seen. But… it requires Flash. Busch Gardens also has a nice one. Again, it requires Flash, and isn’t available for iPhone and iPad users. Find it here.
Let’s build something similar, using only HTML5 and no plugins. We’ll make ours less busy. And since we’re using HTML5, it will work on virtually all modern mobile devices. What’s not to like?
We’ll put together an interactive map of the USA, highlighting a few states. (See the finished product below, live on this web page.) Moving your mouse or finger over the states will make them slightly bigger via an animated effect. (Does that change usability? Not really. But simple visual effects like these, used in moderation, make the experience more engaging.)
Read the rest of this entry »
The flat design juggernaut continues to roll on, crushing everything in its path. With an emphasis on simplicity, it’s easy to manage basic design principles when you’re working flat. We have got this beautiful Flat Rounded Square UI Kit. that you can download for free. So, you can design visually interactive and appealing user interfaces with this awesome free kits.
This UI kit is designed by Freepik, available in PSD format for easy modification. They can be used to design and mock-up web, app and software user interfaces. There are 20 original icons come with the UI kit as well.
Requirements: –
Download: http://www.webappers.com/flat-ui-kit/
License: License Free
TogetherJS is a free, open source Javascript library by Mozilla that adds collaboration features and tools to your website. By adding TogetherJS to your site, your users can help each other out on a website in real time.
TogetherJS is implemented in Javascript; no software or plugins to install, and it’s friendly with existing web pages, while still letting developers customize the experience. TogetherJS is built and hosted by Mozilla, so you know it’s safe to use.
Requirements: JavaScript Framework
Demo: https://togetherjs.com/
License: Mozilla Public License 2.0
One Page Scroll let you transform your website into a one page scroll website that allows users to scroll one page at a time. It is perfect for creating a website in which you want to present something to the viewers. For example, Apple’s iPhone 5S website uses the same technique.
You can customize the animation timing, the selector or even the animation easing using CSS3. Don’t forget to grab them for free on Github. Modern browsers such as Chrome, Firefox, and Safari on both desktop and smartphones have been tested.
Requirements: –
Demo: http://www.thepetedesign.com/demos/onepage_scroll…
License: License Free
PSD2HTML.com provides fast, high quality conversion of graphic Web design into HTML and its extensions, as well as full service custom development services for a variety of CMS and eCommerce platforms. They convert your designs to high quality HTML5 + CSS3 / XHTML + CSS coded along with JavaScript by the best front-end developers in the industry.
PSD2HTML.com is very kind to give away $300 + $200 worth of services to our readers, so that you can it to purchase any services on the site. Just leave a comment below to tell us which service on PSD2HTML.com you like most and how you plan to use it in order to be eligible to win. We will pick the winner with the best answer and announce the result on 29th September 2013. Best of luck.
