r0dn3y

40 Flips | 2 Magazines | 1 Like | 2 Following | @r0dn3y | Keep up with r0dn3y 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 “r0dn3y”

the new code – not found – blog / 1015

A dynamic, browser based visualization library.

Network<p>Display dynamic, automatically organised, customizable network views.<p>Timeline<p>Create a fully customizable, interactive timeline with items and …

Faster UI Animations With Velocity JS

• <b>Improved feedback loops</b>. As a UI and UX designer, you should use patterns as much as possible since users will be subconsciously looking for them. …

Website Screenshots For Mac OS X

Page Layers<p>Page Layers is a website screenshot app for Mac OS X. It converts web pages to Photoshop files with separate layers for all page …

Tether

Tether is a JavaScript library for efficiently making an absolutely positioned element stay next to another element on the page. For example, you …

jQuery One Page Scroll by Pete R. | The Pete Design

One Page Scroll v1.3.1<p>Create an Apple-like one page scroller website (iPhone 5S website) with One Page Scroll plugin<p>Looking for a Pure JS | Zepto …

CSS the way it was imagined.

Myth lets you write pure CSS while still giving you the benefits of tools like LESS and Sass. You can still use variables and math functions, just …

Type Rendering Mix

What? Why is this useful?<p>Type Rendering Mix is useful in many situations. Let’s say you are using Proxima Nova on your website. Below you can see how …

Duo, the browser for responsive web development from Electric Pulp

␡<p>➡<p>ADJUSTABLE MOBILE VIEW<p>Duo gives you a typical 'mobile' view using a 320px wide pane, which is adjustable to whatever size suits your needs. A …

Multi-Level Push Menu v2.1.4, https://github.com/adgsm/multi-level-push-menu

Multi-level push menu is cross-browser compatible jQuery plug-in allowing endless nesting of navigation elements.<p>Following basic, lightweight release …

Web Development

Welcome to Bokeh — Bokeh 0.12.15 documentation

Welcome to Bokeh¶<p>Bokeh is an interactive visualization library that targets modern web browsers for presentation. Its goal is to provide elegant, …

data-href

A quick bit of JavaScript to let you define an href on any element. This vanilla JS is library agnostic, and will degrade gracefully so long as your …

Synchronized Cross-device Mobile Testing

Modern tools can help ease your cross-device testing workflow

watson - inline issue manager

Inline Issues<p>Create issues while you code without ever having to interrupt your flow. Keep track of a todo item, bring attention to a bug, or just …

Implementing Sparkicons

A few days ago, Mark Boulton bounced around the idea of Sparkicons, small inline icons at the end of links, that indicate what’s on the end of a …

Building An App In 45 Minutes With Meteor

That would work, but I was afraid it would prove to be too much effort. <b>If I’ve learned one thing in my years as a designer, it’s that people are …

Freebie: Stationery Icon Set (EPS, AI, PSD)

A creative and unique Stationery icon set by Shaun Dona for your next project.<p>Today we want to share a beautiful and pixel-perfect stationery icon …

A Collection of Page Transitions

View demo Download sourceToday we’d like to share a collection of creative page transitions with you. We’ve put together a couple of animations that …

By: Adhe

Hi, i really like the UI. It’s so simple and clean!<br>However would you plan an update to Bootstrap 4 version?

CSS Wizardry

shame.css<p>Written by <b>Harry Roberts</b> on <b>CSS Wizardry</b>.<p><b>Update:</b> I did a short interview about shame.css with .net magazine.<p>Something Chris Coyier, Dave …

Clown Car Technique for Responsive Images

We can use media queries within SVG to serve up the right image. The beauty of the "Clown Car" technique is that all the logic remains in the SVG …

Web Development

LinkedIn for iPad: 5 techniques for smooth infinite scrolling in HTML5 | LinkedIn Engineering

This is the second article in a series of blog posts that we will write about LinkedIn's new iPad App. In the first post, we described how we build a …

Writing a Shell Script From Scratch

Writing shell scripts can be rather daunting, primarily because the shell isn't the most friendly of languages to use. However, I hope to show you in …

How To Maintain Hierarchy Through Content Choreography

<i>The figure above shows three columns of content. The lines below the two right columns indicate that each will drop below the main content as the</i> …

Simple YouTube Menu Effect

A tutorial on how to recreate the effect of YouTube's little left side menu. The idea is to slide a little menu icon to the right side while …