background preloader

Web Development

Facebook Twitter

(Saving...) CodeIgniter Toolbox- Essential Tutorials and Resources. CodeIgniter is a powerful framework that lets you create web apps very simply and elegantly.

(Saving...) CodeIgniter Toolbox- Essential Tutorials and Resources

It’s an open source PHP framework with a very small footprint, built for PHP coders who need a simple and elegant toolkit to create full-featured web applications. Cool, that sounds great, so how do you get started using it? Well, this article features some essential CodeIgniter resources to help with your web app development: think of it as the CodeIgniter toolbox. Whether you need a tutorial on how to get started with CodeIgniter, or you’re looking for a guide on how to implement a specific feature or function, there’s likely a resource in this list for you. Getting Started with CodeIgniter Getting Started with CodeIgniter A DevSnippets article that shows you the basics of setting up CodeIgniter, including links to step-by-step tutorials showing you how to build applications that uses the MVC approach the easy way. Everything You Need to Get Started with CodeIgniter CodeIgniter from Scratch. 50 Free Web UI, Mobile UI, Wireframe Kits And Source Files For Designers. Don't Forget to participate in a contest where you can win an amazing e-Commerce template from TemplateMonster.

50 Free Web UI, Mobile UI, Wireframe Kits And Source Files For Designers

Designers always need some basic user interface elements to create a model of user interface either of a website or software. For that, they need wireframing and UI design kits which help them mock-up the user interface. In this roundup, we have collected some web and mobile user interface kits which come handy in creating low-fidelity example for your projects. Hope, you will like this collection. Enjoy! Wireframe Kits and Web UI PSD’s. Cross Browser HTML5 Progress Bars In Depth. Update (March 9, 2012): I have updated this document to include styling information for Internet Explorer 10.

Cross Browser HTML5 Progress Bars In Depth

Screenshots of HTML5 progress bars with different styles applied. Details given below. As a web application developer, progress bars are great when you want to show the user that some action is happening, especially when it can take a long time. They can be animated (like the one in Gmail does when it shows the user how long it is going to take for it to load and initialize), or static (like some shopping cart applications have to show the user how many pages it will take to check out an order). The HTML: Simple The HTML for a Progress bar is dead simple: <progress max="100" value="60"><strong>Progress: 60% done. Note that the HTML inside the <progress> tag is the fallback for browsers that do not support it.

Note that: A progress bar can also have an “indeterminate” state, which happens when there is no value attribute. <progress max="100"><strong>Progress: 60% done. That’s Too Basic! When can I use... Support tables for HTML5, CSS3, etc.