background preloader


Facebook Twitter

Meditation Timers: Insight Meditation Center. Components. Available glyphs Includes over 250 glyphs in font format from the Glyphicon Halflings set. Glyphicons Halflings are normally not available for free, but their creator has made them available for Bootstrap free of cost. As a thank you, we only ask that you include a link back to Glyphicons whenever possible. How to use For performance reasons, all icons require a base class and individual icon class. Don't mix with other components Icon classes cannot be directly combined with other components. Only for use on empty elements Icon classes should only be used on elements that contain no text content and have no child elements. Changing the icon font location Bootstrap assumes icon font files will be located in the .. Change the @icon-font-path and/or @icon-font-name variables in the source Less files. Use whatever option best suits your specific development setup.

Accessible icons Modern versions of assistive technologies will announce CSS generated content, as well as specific Unicode characters. Complex Navigation Patterns for Responsive Design. The most frequently asked question I get since posting my responsive navigation patterns article is: How do I handle complex navigation for responsive designs?” Great question, but before we get down to brass tacks, I urge you: use mobile as an excuse to revisit your navigation. Look at your analytics. What are your experience’s key sections? Where are people spending most of their time?

Do you really need your privacy policy in your primary navigation? Another thing: if you have a zillion sections and pages, prioritize search. OK, now that all that’s out of the way, time for some real talk. Sometimes you just have a complex navigation. The Multi-Toggle Barack Obama's Multi-Toggle Navigation from his redesigned campaign site The multi-toggle is basically just nested accordions. Quick tip: use one of two emerging icons: the plus sign (+) or downward caret (▼ ▼) to let users know there’s more content.

Pros Cons Resources In the Wild The Ol’ Right-to-Left Sony's small screen navigation. Online Flat Icon Generator. Flat Icon Generator is Licensed Under Apache License v2.0 As far as the Redistribution goes, refer Point 4 "Redistribution" You may reproduce and distribute copies of the Work or Derivative Works thereof in any medium, with or without modifications, and in Source or Object form, provided that You meet the following conditions: You may add Your own copyright statement to Your modifications and may provide additional or different license terms and conditions for use, reproduction, or distribution of Your modifications, or for any such Derivative Works as a whole, provided Your use, reproduction, and distribution of the Work otherwise complies with the conditions stated in this License.

Please DO NOT use this for any Commercial Purposes Information of the License for the plugins used can be found on their respective Git Hub Pages... Better, Simpler Grid Systems — Solved By Flexbox — Cleaner, hack-free CSS. Can I use... Support tables for HTML5, CSS3, etc.

Little Big Details - Your daily dose of design inspiration. Single Element CSS Spinners. Top 5…Photo stock sites. iStockphoto UK: Starts with six credits for £7US: Starts with six credits for £9.99 There’s much more to than just royalty-free stock images, as the website also provides illustrations, video, Flash animations and even audio files, amounting to over ten million resources in all. Free membership includes access to special offers and hand-picked stock, chosen for its superior quality.

The Vetta Collection holds the best of the best from a range of artists, priced slightly higher for its premium quality. Scratch the surface even further and you’ll find’s The Steel Cage design competition, which gives artists an opportunity to win free credits. When you’re not winning them, there are three ways to buy, either as pay-as-you-go, via subscription, or using a corporate account. Prices at first appear steep, but reflect the quality on offer. US: Starts with 10 credits for $13 UK: Starts with 10 credits for £10 Free. Introduction - Material Design - Google design guidelines.

Lovely ui. Mobile Awesomeness. Advertisement 1 2 3 4 5 6 7 8 9 ... 60 Next. The Future of Wireframes - Articles - MIX Online. As we move into the next decade of web design, it's time for us to reevaluate our understanding of wireframes—a tried and tested user experience staple Riddle me this: How do you piss of a UX professional? The answer: Call him a “designer”. These days, user experience professionals look down on the word “designer” because it implies that their primary role is to paint pretty pixels.

UX is more than that, they clarify. Much more! Just how much? Holy guacamole, Batman! But wait! It’s time we end this madness! Convergence in the Simulacrum IA, content strategy and visual design are quickly converging on the Web. In 1999, Jakob Nielsen wrote an article that was undeniably ahead of its time: Differences between Print Design & Web Design. Print design is 2-dimensional while web design is 1-dimensional and n-dimensional simultaneously. Fast-forward to 2010 and it’s pretty easy to see how these differences have diminished drastically—or even disappeared. The Problem with Wireframes Today p.s. Web.without.words. Wireframe Showcase - Home. I ♥ wireframes - The ultimate source of inspiration and collection of resources for wireframes. Mobile-First Responsive Web Design.

What Is Mobile-First Responsive Web Design? Mobile-First Responsive Web Design is a combination of philosophies/strategies, and ultimately boils down to a broader application of good ol’ web best practices. As the digital landscape gets increasingly complex, we need to design experiences that work across the entire spectrum of digital devices. Sounds like fun, right? Mobile First Mobile First Mobile First is a philosophy created by Luke Wroblewski that highlights the need to prioritize the mobile context when creating user experiences. Responsive Web Design Responsive Web Design is a term coined by Ethan Marcotte that articulates how to adapt a website’s layout for multiple screen resolutions. Progressive Enhancement Ultimately, mobile-first responsive web design comes down to using Progressive Enhancement as a foundation for web strategy and design. Why Mobile-First RWD Works The interactive landscape is increasingly complex.

Where It Can Be Applied Structure Content First Content. Design Your Own Android Apps Without Programming Skills » Web Design » SitePoint Blogs. This article was written in 2010 and remains one of our most popular posts. If you’re keen to learn more about Android development, you may find this recent article on free web development apps of great interest. If you like the idea of creating your own App but don’t have any coding skills, you may be very interested to hear about Google’s new offering. The App Inventor (with the obligatory BETA in the title) is a new tool which allows non-programmers to build fully working applications for Android.

Google announced the availability of the App Inventor on its blog earlier this week. To use App Inventor, you do not need to be a developer. App Inventor requires NO programming knowledge. This is because instead of writing code, you visually design the way the app looks and use blocks to specify the app’s behavior. Google has been working on the tool for over a year and it has been tested in schools and colleges. So designers, do you think this is a good thing and something you might use? UX Design. Blog. The State of In-Car UX We are surrounded by bad design. You witness it when you’re taking cash out of an ATM. Written by Geoff Teehan on April 9,2014 in Design iOS 7 GUI templates will ship inside of Sketch 3 I'm really excited today to share the news that our iOS 7 GUI template is going to ship natively in Sketch 3 (Sketch 2 shown above). Written by Geoff Teehan on March 31,2014 in Design, News Zen and the Art of Insight Generation It’s not even really up for debate.

Written by Kyra Aylsworth on February 25,2014 in How We Work, Strategy Don’t go chasing waterfalls Waterfall. Written by Keely Nugent on February 10,2014 in How We Work Krush iOS Architecture At Teehan+Lax, we’ve been working on a project called Krush for several months now. Written by Ash Furrow on February 4,2014 in Development, How We Work Developing Design Oftentimes, the word “design” is seen as being synonymous with “appearance.” Written by Leigh Farrell on January 22,2014 in Design, Development, How We Work Developers. UX.