Slides: https://speakerdeck.com/kenwoodworth/design-smarter-not-harder
Soft Facade
http://softfacade.com
Flat Pixels: The Battle Between Flat Design & Skeuomorphism
by Sacha Grief
http://sachagreif.com/flat-pixels
<?xml version="1.0" encoding="utf-8"?> | |
<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> | |
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> | |
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" | |
viewBox="0 0 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve"> | |
<style type="text/css"> | |
.primary{fill:#FF0000;} | |
.secondary{fill:#00FF00;} | |
</style> | |
<circle class="primary" cx="15" cy="15" r="10"/> |
Slides: https://speakerdeck.com/kenwoodworth/design-smarter-not-harder
Soft Facade
http://softfacade.com
Flat Pixels: The Battle Between Flat Design & Skeuomorphism
by Sacha Grief
http://sachagreif.com/flat-pixels
@mixin before-icon($icon, $icon-hover:false) { | |
position: relative; | |
z-index: 1; | |
&:before { | |
content: ''; | |
@extend .icon-#{$icon}; | |
display: block; | |
height: icon-sprite-height($icon); | |
left: 0; |
★ SESSION VIDEO & DESCRIPTION | |
http://bit.ly/R6GPPD | |
-------------------------------------------------- | |
★ DESIGN ARTICLES | |
Principles of User Interface Design | |
http://bokardo.com/principles-of-user-interface-design |