Sketch iOS Mirror – Preview Sketch Designs on iOS Devices

With Sketch Mirror, you can preview your designs on your iOS devices while you work on them, making it the perfect companion for Sketch.

Made for Sketch.
Sketch Mirror shows a live preview of your document on your iOS device. Because we built Sketch Mirror exclusively for Sketch we’ve integrated it directly into the Mac app.

Swipe to Navigate.
An example of this deep integration is that we support Pages and Artboards in Sketch and you can swipe between artboards on your device while you can continue your work on the Mac.

Multiple Devices.
Want to preview your iPhone and iPad artboards at the same time? Want to compare standard resolution with retina? Using Wi-Fi, you can connect to multiple Sketch Mirror devices simultaneously.

source

Tablesaw: A Flexible Tool for Responsive Tables

Following lots of early experiments with responsive tables, we came to the conclustion that any approach to “responsive tables” needs to address a few key points:

First and foremost, it needs to flexibly reformat table layouts in a way that’s suitable for compact screens, without removing any data outright from the markup

tablesaw-stack

If any data are hidden by default, it should provide some method to let users to access that information (we can’t make assumptions about what data will be relevant based on the screen size)

Tablesaw lets developers apply rules to determine display presentation layout, data priority, and adds a range of extensions to give users control over data display and interaction.

source

Framer Studio 1.5 (Framer.js)

Today we are happy to announce Framer Studio 1.5. The main focus of this release is a new, native code editor that makes working on your prototypes faster and better. This rewrite allows us to control every aspect of the editor, so we can add more advanced features in the future.

We updated the app to work great on Yosemite, fixing all currently known issues. And a fresh look for the icons make Framer Studio fit right in.

framer-studio-1.5

source

Material design in the 2014 Google I/O app

Every year for Google I/O, we publish an Android app for the conference that serves two purposes. First, it serves as a companion for conference attendees and those tuning in from home, with a personalized schedule, a browsing interface for talks, and more. Second, and arguably more importantly, it serves as a reference demo for Android design and development best practices.

On the design front, this year’s I/O app uses the new material design approach and features of the Android L Developer Preview to present content in a rational, consistent, adaptive and beautiful way.

material-design-android

source

Blast.js: Blast text apart to make it manipulable

View demos at source link.

Overview
Blast.js separates text in order to facilitate typographic manipulation. It has four delimiters built in: character, word, sentence, and element. Alternatively, Blast can match custom regular expressions and phrases.

Blast’s uses include typographic animation, juxtaposition, styling, search, and analysis.

Blast is highly accurate; it neither dumbly splits words at spaces nor dumbly splits sentences at periods. Features include: 1) By traversing text nodes, all HTML, event handlers, and spacing are preserved. Thus, you can safely apply Blast to any part of your page. 2) Automatic class and ID generation make text manipulation simple. 4) Blast can be fully undone with a single call. 5) All Latin alphabet languages and UTF-8 characters are supported.

The elements Blast generates can be accessed through both CSS and JavaScript by referencing auto-generated class names or iterating via jQuery/Zepto’s eq() function.

blast,js-screenshot

source