background preloader

Design

Facebook Twitter

Bower/bower. Star Ratings With Very Little CSS. Star ratings are one of those classic UX patterns that everyone has tinkered with at one time or another.

Star Ratings With Very Little CSS

I had an idea get the UX part of it done with very little code and no JavaScript. The markup uses the unicode entity for a star (☆) right in it. If you have a UTF-8 charset that should be no big deal. Alternatively you could use &#9734; (Calculator for that kind of thing). You could use as many stars as you like: <div class="rating"><span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span></div> Now we need to flop out that "hollow" star with a "solid" star on hover (Gallery for finding those sorts of characters).

Just by virtue of being it being absolutely positioned, the top: 0; left: 0; are implied (in modern browsers, anyway). But what we have so far only works on individual stars. Through CSS, there is no way to select a preceding child element. That's it! View Demo And here's a Dabblet if you wanna mess with it. Actual Usage Others. BOWER: A package manager for the web. Examples of use. Picture signs (glyphs) have been used in human communication since time immemorial.

Examples of use

Owing to that each picture or sign represents a word, these symbols or pictograms form a universal language which is comprehensible to all people in the world. Mobile apps iOS Toolbar icons iOS double size for Retina display GLYPHICONS were originally designed for mobile applications as icons for tab bars, toolbars and navigation toolbars or as a part of control buttons. The icons may be used immediately, e.g. in iOS on iPhones and iPads as well as in your Android application. 24bits PNG data files with transparency are saved and optimized in two basic sizes. Some of the great iOS apps using GLYPHICONS Last Time App – track your important events, so you will neverforget it again.iTunes link Suggest app with Glyphicons – let me know about your well designed app using GLYPHICONS.

Websites and web apps Icons in the “Premium Admin Template” Some of the great web sites using Glyphicons Wireframes and prints More usage. Yeti. Raw denim you probably haven't heard of them jean shorts Austin.

Yeti

Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater.

Mobile First With Bootstrap 3. Ok so a couple of weeks now, on it's very own two year anniversary Mark Otto and the rest of the guys responsible for the develop and maintenance of Bootstrap announced the official release of the framework's third version, and it came on steroids, let's see what we're getting.

Mobile First With Bootstrap 3

What's New? First off, the most important changes you're going to find in the new Bootstrap release is the support for responsive websites, as a matter of fact the responsive module has been removed. Now, from its core, Bootstrap is responsive, more than that, this new version comes with the approach of "Mobile First", meaning that almost everything has been redesigned to start from a lower screen size and scale up (more on that in a bit). Nearly everything has been redesigned and rebuilt to start from your handheld devices and scale up. In the look and feel you'll see a lot of changes too, prominently the fact that the whole style has gone flat, and there's an optional theme for a 2.0-er look. Grid System Forms. Examples of use. Circus Poster Shadow. 927 Free Poster Fonts. Dafont.com. Free Fonts. The HTML5 Center by SourceForge and Intel Software. Yeti. Bootswatch: Free themes for Bootstrap.

App Builders Premium PSD Template. Magnifico Free PSD Template. Keynote Classroom: Free Keynote Themes and Graphics. Free vectors, photos and PSD Downloads. Download a free PSD every day. Free vectors, photos and PSD Downloads. Color Scheme Designer 3.