background preloader

Introduction - Material design - Google design guidelines

Related:  Trend, stili e ispirazione

Bower Google Is Designing the Font of the Future -- NYMag Among the thousands of features on your smartphone, one you’ve probably never thought about is which fonts it uses. Typography is involved in almost everything we do on our devices — the emails we send and receive, the texts we compose, the tweets we scroll through — yet to most of us, letters are just letters, numbers are just numbers. We might pick Garamond over Comic Sans for a cover letter, but on a phone, who cares? Google, though, is paying attention. It’s spent years trying to create the perfect fonts for Android devices, a sprawling ecosystem that includes small phones, big tablets, and everything in between. “Typography is kind of the skeleton. Google’s efforts to perfect a universal typeface began in 2005, when it acquired a small operating-system-maker named Android. In many ways, designing a system font for Android is like trying to pick an outfit that will look equally good at the beach and a black-tie dinner. Roboto wasn’t an immediate hit.

Cyberluke blog: 10 somiglianze sospette. A volte è un caso, altre volte... beh, che vi devo dire? Certe volte, anche noi designer abbiamo poco tempo e ancor meno voglia. E siamo pagati male, ricordatevelo sempre. Flexy Boxes — CSS flexbox playground and code generation tool Flexbox browser support Three versions of the flexbox spec – each with different syntax – have been implemented in browsers. The two 2012 specs are roughly equivilant in terms of features, differing mainly in syntax. The earlier 2009 spec is less comprehensive though covers a lot of the same ground. Flexbox 2012 — W3C Candidate Recommendation, September 2012 Opera 12.1+, Firefox 22+. More browser support info available on caniuse.com. Known issues Flexbox early 2012 Flexbox early 2012 (Internet Explorer 10) align-content (equiv. flex-line-pack) doesn't work if the cross axis dimension is set with min-width or min-height Flexbox 2009 Box wrapping is not supported. box-lines is the property in this spec to achieve wrapping, though unfortunately no browser implemented it. Flexbox 2009 (Firefox) Firefox has a number of non-trivial issues with its 2009 implementation: The setting display: box is treated as display: inline-box if there is no width set. Further reading Code and design by @pete_b.

❍ IcoMoon IcoMoon is striving to build and provide the best iconography and icon management tool for perfectionists. IcoMoon's icon library features only the very best icon sets out there. All of our icons are designed on a precise pixel grid. The IcoMoon app lets you build and use your own icon sets in many different formats including SVG, Polymer, PDF, XAML, CSH, icon font or simple PNG/CSS sprites. IcoMoon was first built and released back in the November of 2011. IcoMoon was also the first to solve a big problem with icon fonts: Compatibility with screen readers. IcoMoon is constantly improving and it offers many unique features. With over 4000 free and open source icons available in IcoMoon's library, and by allowing you to generate crisp icon fonts and SVG sprites locally/offline, this service is far ahead of any similar one. IcoMoon is created and maintained by Keyamoon and it is currently operating under Roonas. Need to contact us?

Share: The Icon No One Agrees On - BOLD by Pixelapse What do each of these symbols have in common? They are all trying to convey the exact same action - share! Sharing to a social network or via email is a ubiquitous action nowadays but designers have still not been able to reach a consensus on what symbol to use to represent it. Not only does each major platform use a different icon, but they've each witnessed changes over the years. I have spent sometime thinking about this, trying to figure out which symbol best conveys sharing to the user. I first saw this share icon when Apple announced iOS 7 on stage at WWDC 2013. The primary issue is that the iOS 7 share icon looks far too much like an upload symbol. The share icon from previous versions of iOS has been around for many years and is still being used in Mac OS X Mavericks (Mac OS X Yosemite will use the same share symbol as iOS 7's). The Android share icon is a simple three dots with lines joining them. Prior to Honeycomb, this share symbol was used across Android devices.

Un'agenzia regala tutti i loghi rifiutati dai propri clienti | Darlin Magazine Quando si tratta del rebranding di un marchio i creativi devono lavorare su decine di loghi sperando che il cliente riesca a trovarne uno di proprio piacimento. Per evitare di sprecare le idee del suo team, lo studio Fairpixels ha avuto l’idea geniale di creare una piattaforma opensource battezzata Logodust sulla quale l’agenzia stessa mette gratuitamente a disposizione i loghi che sono stati scartati dai clienti precedenti. I loghi proposti hanno la licenza Creative Commons, ciò significa utilizzabili da tutti a fini commerciali, ma bisogna anche considerare i limiti che ne conseguono: se tutte le aziende si ritrovano con la stessa variante di logo, potrebbero esserci alcuni problemi sul mercato e si creerebbe confusione. =>

Experimental CSS3 Animations for Image Transitions Today we want to share some experimental 3D image transitions with you that use CSS3 animations and jQuery. We'll be using CSS3 3D Transforms for Webkit only. View demo Download source Today we want to share some experimental 3D image transitions with you that use CSS3 animations and jQuery. We’ll be using CSS3 3D Transforms for Webkit only. The images used in the demo are by Joanna Kustra. Please note that the 3D effects will only work in Webkit browsers. How it works Given a set of images, we’ll add the first image to the wrapper with the class te-cover. The main idea is to always show the regarding image using te-cover. Demos Each demo will have a group of possible transitions that can be selected from the dropdown menu above the image. We hope you like our little experiment and find it inspiring and useful!

NounProject

Related: