Felippe Nardi

73 Flips | 8 Magazines | 4 Likes | @wdfelippe | Keep up with Felippe Nardi on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “Felippe Nardi”

favico.js

Attribute<p>Default<p>bgColor<p>#d00<p>Badge background color<p>textColor<p>#fff<p>Badge text color<p>fontFamily<p>sans-serif<p>Text font family (Arial, Verdana, Times New Roman, …

The web: less engine, more gas

Twenty-four hours ago I posted a mildly ranty tweet (I know, I can’t believe it either) about the current proliferation of techniques/tools for …

Here's a great news for Mobile Web Developers! The Chromium Team has started ...

Here's a great news for Mobile Web Developers! The Chromium Team has started to work on <b>Remote Debugging over raw USB</b>.<p>It means we will be able to use …

Measuring performance of the user experience

TL;DR: WebPagetest will now expose any User Timing marks that a page records so you can use the same custom events for your synthetic test …

The Linux Command Line by William E. Shotts, Jr.

<b>Released under a Creative Commons license , this book is available for free download in PDF format.</b> Download it here .<p><b>The book is available in</b> …

Command-line

11 Things You Didn't Know About Foundation

We're deep in the mountains plugging away at the next iteration of Foundation. Watching it grow into one of the top 15 open source projects in the …

Chrome DevTools Revolutions 2013

Introduction<p>As the complexity and functionality of web applications has grown, so has Chrome DevTools. In this recap of Paul Irish's Google I/O 2013 …

PNG Rotate Trick

A: Image B is 20,479 bytes smaller. Both images came from the same source file and were both compressed with pngcrush -brute and deflopt.<p>The trick: …

Nicholas Zakas: Progressive Enhancement 2.0

Add Rules to Stylesheets with JavaScript

By David Walsh on<p>53<p><b>Update:</b>Rewrites made to accurately represent current practice for stylesheet injection.<p>Since we're using so much JavaScript in our …

GE just invented the first “internet of things” device you’ll actually want to own

Quirky<p>If you’ve always wanted to be able to check, from anywhere in the world, exactly how many eggs are in your fridge at home, the Egg Minder is for you. Sure, it sounds silly. Do we really need an internet-connected device and companion smartphone app to tell us something so inessential? But …

Internet of Things

A Designer’s Guide to Grumpicon

A Designer’s Guide to Grumpicon, or: How I Learned to Stop Using Font Icons and Love SVGs<p>Posted by Todd and Andrew on 07/02/2013<p>The number of devices …

jQuery TwentyTwenty Plugin

Need to highlight the differences between two images? <b>TwentyTwenty</b>, a visual diff tool, makes it easy to spot them!<p>The Problem<p>We recently needed a way …

Mobile Devices

Roast Your Own Coffee on the Grill

If you're the type who loves to use their grill for just about everything, and you've wanted to try your hand at roasting your own coffee beans, the …

Building an iOS weather app with Angular and ClojureScript

We just launched the Weathertron, an iOS weather app. The Weathertron is written in ClojureScript with Angular.js, backed by a weather forecast and …

DevTools Snippets

querystringvalues.js # (view raw)<p>Print a table of query string (GET) values. This can be helpful, especially when trying to read the values from a …

console.image

Backup Your Skype Chat & Audio Conversations Online With Simkl

Skype is one of the more famous messengers and online meeting tools. It saves your conversation history in your computer but to read it, you would …

How to Scale and Maintain Legacy CSS with Sass and SMACSS

We’ve been big fans of SMACSS for a long time, however a pure SMACSS approach works best with plain old CSS on a brand new project. On our …

JavaScript

grunt-snapshots

grunt-snapshots<p>Take screenshots of your evolving front-end periodically during development.<p>Getting Started<p>This plugin requires Grunt ~0.4.1<p>If you …

Frontend Workflows with Grunt and Angular JS

Event Tracking Code for Google Analytics

When there is an on-click event that you wish to track (e.g. a contact form submission) but you don’t have a confirmation page to use when setting up …

TypeForm - Easy & Highly Customizable Form Builder

Forms are a major part of our online world nowadays. There are registration forms, applications, user experience forms and lots more. Today I will …

find your colour scheme

Ultimate Guide to Flat Website Design

The combination of bright colors and exotic typography has paved the way for unique flat interfaces. Minimalism is a big part of this design idea, …

O’Reilly Media - Technology and business training, knowledge, and insight, delivered by experts and innovators

SafariThis is how you learn. transform. future-proof.<p>Already a Safari member? Sign in.<p>Our live, instructor-led online courses get you up to speed …