background preloader

ZURB — Product Design, Interaction Design & Design Strategy

ZURB — Product Design, Interaction Design & Design Strategy

Related:  Diseño - DesignDev Tools

hani-el-masri-wdi-imagineer-and-artist An extremely sad news happened this morning as Hani El Masri, former WDI Imagineer, highly talented designer and illustrator and very good friend of mine died in Los Angeles at 63 at 2.30 am, surrounded by his son Cherif and friends. Hani had more than thirty-five years of an award-winning, creative career in illustration, graphic design, and advertising as well as children’s books and theater productions. And for Disney fans he was a WDI imagineer who did creative concept for many WDI projects.

Imprimir LINK = How to add a Print button to your website Here’s a quick tip on How to add a Print button to your website or WordPress theme files. There’s no magic when it comes to adding a Print Button to a website, sorry to break it to you. Well, that’s not true, it is magic and it’s called javascript!

CSS Grid Positioning Module Level 3 Conformance requirements are expressed with a combination of descriptive assertions and RFC 2119 terminology. The key words “MUST”, “MUST NOT”, “REQUIRED”, “SHALL”, “SHALL NOT”, “SHOULD”, “SHOULD NOT”, “RECOMMENDED”, “MAY”, and “OPTIONAL” in the normative parts of this document are to be interpreted as described in RFC 2119. However, for readability, these words do not appear in all uppercase letters in this specification. All of the text of this specification is normative except sections explicitly marked as non-normative, examples, and notes. CSS Grid Builder CSS Code Product Design Training from the Experts at ZURB This is a default modal in all its glory, but any of the styles here can easily be changed in the CSS. This is just a simple modal with the default styles, but any type of content can live in here.

Grid-Based Web Design, Simplified A Craft Of Consequences: Reader, Writer And Emotional Design Before the very first page of a book has been read, you've already analyzed it in countless ways without even noticing. The paper stock, the thickness of the binding, the aroma, the color of the type and even the texture of the cover; the very character of the book is being dissected by the hand and eye at every moment.

Nik Collection Today we’re making the Nik Collection available to everyone, for free. Photo enthusiasts all over the world use the Nik Collection to get the best out of their images every day. As we continue to focus our long-term investments in building incredible photo editing tools for mobile, including Google Photos and Snapseed, we’ve decided to make the Nik Collection desktop suite available for free, so that now anyone can use it. The Nik Collection is comprised of seven desktop plug-ins that provide a powerful range of photo editing capabilities -- from filter applications that improve color correction, to retouching and creative effects, to image sharpening that brings out all the hidden details, to the ability to make adjustments to the color and tonality of images. Starting March 24, 2016, the latest Nik Collection will be freely available to download: Analog Efex Pro, Color Efex Pro, Silver Efex Pro, Viveza, HDR Efex Pro, Sharpener Pro and Dfine.

MENU COLLAPSE MOBILE - Xtreme Labs Tech Blog – HTML5 Facebook Style Sliding Menu Using Twitter Bootstrap Collapse Ever since Facebook, and other “super” apps started to implement a side menu that slides out for their main navigation, this pattern has pretty much turned into the standard for any application that has a lot of content and a complex navigation stack. Organizing information with a sliding menu is becoming increasingly common, as numerous success stories of companies taking a “mobile first” approach has encouraged many to publish as much content on our mobile devices as possible. As UX paradigms shift there arose a demand to replicate native features in browsers, especially in the case of mobile HMTL5 where hardware acceleration continues to improve.

Download Foundation 5 Complete Grab this version of Foundation if you want everything in the framework in simple, vanilla CSS and JS. Download Everything Essential Design a Wonderfully Detailed, Nautical Themed Poster « Design Cuts Ahoy Design Cutters! This is Captain Fallon navigating you through your latest bundle of design resources :). As there’s such an awesome variety available here, we’ll be using lots of different resources and demonstrating how the different elements work great on their own, as well as some cool effects you can achieve by combining the resources together. Quick note: In this tutorial, the term “clipping” or “clipped layer” is used a few times. 13 Resources to Design for Bootstrap Twitter’s Bootstrap has rapidly grown into one of the most popular frameworks for web designers and developers. Bootstrap aims to make web development faster and easier, and a growing number of designers and developers are working with Bootstrap. There are a lot of benefits to using a framework like Bootstrap, most of them focusing on the increased efficiency for building modern and responsive websites.

How to Auto Crop Pictures for Zurb Foundation Thumbnails - Never Stop Building One of the problems you may run across while building a website is dealing with galleries of unequally sized images. I think I would rather eat paint that manually resize all of them or make thumbnails. Especially because now with the great css framework Zurb Foundation we can make a sweet looking image gallery really quick. Stock Clearing Gallery Here is what I am trying to avoid: Vector game graphics for Indie game developers - Free Vector Graphics I offer a range of free files, many on which were created by me, whilst others were sourced online and are free to use. Offered free under a regular license to be used once per person. Please, Please, Please! 1.

Bootstro.js demo Features Works cross-browser, cross-devices . C'mon, it is bootstrap Utilises Bootstrap Popovers Bootstro popovers can have variable width, even though Bootstrap 2.3 popovers does not (yet) (issue #1730 & solution) Small (3.0K minified JS & 0.5K minified CSS) Equal Height Blocks in Rows There are plenty of solutions for equal height columns using jQuery (like this one by Rob Glazebrook). The basic idea is to measure all of their heights and then set all their heights to that of the tallest one. But what if there is multiple rows of blocks and you only want to increase the heights to match in the current row? This could happen from having different sized thumbnails or different amounts of text in each box. Stephen Akins posted a neat idea on how to solve this. The idea is largely the same, test the heights of divs and set them to the tallest, but before it does that it measures the top position.

Related:  zurbwebweb designstudioinspiration