background preloader Twitter Bootstrap theme generator Twitter Bootstrap theme generator

Controlfrog Black Layout 1 Layout 2 Layout 3 Layout 4 White Fuel UX Example Below is a working radio example. Using radio Call the radio via javascript (optional): $('#myRadio').radio() If you need to deactivate a radio button, the only way to do this currently is through javascript using: //note that this will deselect ALL radio buttons on the page. Methods Fuel UX's radio exposes the following methods: Markup You can activate radio on your page easily without having to write a single line of javascript. <label class="radio radio-custom"><input type="radio"><i class="radio"></i>Item One</label> Additionally, you can add a highlight effect to the radio control by adding the class highlight to its label element.

10 Ways to Cut Down Web Development Time In today’s development environment: faster is better. Present-day buzzwords and buzz terms like "rapid application development", "Agile", and "Asynchronous JavaScript and XML" (we can’t even wait for web pages reload anymore) gives you an insight of the fast-paced world we live in. But getting things done rapidly doesn’t mean working harder – just working smarter. In this article, you’ll find 10 general, time-saving tips to cut down on your development time. 1. Frameworks abstract regular code to provide you a structure and foundation for developing web applications. A classical example of a framework is Rails, a web application development framework for the Ruby language. The same goes for JavaScript frameworks like MooTools; it saves you time by providing you methods that have been already been widely tested by the core developers and the community for cross-browser support. 2. "IDE" is a fancy term that some might be unfamiliar with, but most have probably heard of Adobe Dreamweaver.

Bootstrap Customization: Themes, UI Patterns and Tools Everyone loves Bootstrap, the front-end framework created by Twitter, because it’s easy to set up, it magically creates a responsive version, great for prototyping etc... Of course, its biggest defect is that it’s too visible. We can think of thousands of projects where the framework is clearly recognizable. This shouldn’t happen so often, as there are a huge number of resources for customizing Bootstrap, and we have to go out and find them. By making us of these resources we can easily modify UI patterns, typography, icons, color schemes, forms, alerts, etc... What we’re bringing you today is a complete selection of themes, plugins, UI patterns and tools for customizing the structure and visual design of Bootstrap layouts. WrapBootstrap WrapBootstrap is a marketplace for premium Bootstrap themes and templates.

10 Usability Crimes You Really Shouldn’t Commit Over time certain conventions and best practices have been developed to help improve the general usability of websites during their design and build. This roundup of ten usability crimes highlights some of the most common mistakes or overlooked areas in web design and provides an alternative solution to help enhance the usability of your website. Crime 1: Form labels that aren’t associated to form input fields Using the ‘for’ attribute allows the user to click the label to select the appropriate input fields within a form. Crime 2: A logo that doesn’t link to the homepage Linking the logo of a website to the homepage has become common practice and is now second nature for (most) web surfers to expect the logo to head back home. Crime 3: Not specifying a visited link state Visited link states do exactly as they say on the tin. Crime 4: Not indicating an active form field Crime 5: An image without an alt description Crime 6: A background image without a background color

20 Methods for Upping Your Current Web Design Skills Design All great designers are constantly improving their skills. There has never been a successful designer, or anyone of another profession for that matter, that has stopped at a certain point and said, "Good enough". Fortunately, there are plenty of ways to always be learning new things, and to always be improving. In this post we're looking into 20 different ways a web designer can improve their skills at any time. 20 Great Improvement Methods 1. Check out websites like to explore the best user interface patterns for the web. User Interface Pattern Websites: 2. Look at the detail in everyday objects, and actively look at detail in other web designs. 3. Many clients love a designer that offers SEO services. 4. Trends are never something a web designer should solely rely on, but learning new trends is a great way to keep up with technology, and to keep you as a designer out of a rut. 5. 6. Image credit: Dey 7. 8. 9. Image credit: Jakob Montrasio 10. 11. 12. 13. 14. 15. 16.