background preloader

ProtoFluid. Responsive Design Testing.

ProtoFluid. Responsive Design Testing.
Effortless Responsive Design Testing ProtoFluid simplifies the development of fluid layouts, adaptive CSS and responsive design. It builds precise, dynamic viewports in which to test your work. This allows you to quickly effect changes and demonstrate benefits to interested parties. Launch ProtoFluid ProtoFluid is free (ad supported).

Related:  responsive

20 tools to help you create responsive web designs Building responsive design has become a huge trend in the web design world. There is a good reason for that: responsive websites are much more relevant than fixed web designs in a time where a lot of internet traffic comes from mobile devices. In this article we take a look at some of the most useful tool to help you with the creation of responsive designs. iui - Project Hosting on Google Code iUI: User Interface Framework for Mobile Web Devices iUI is a framework consisting of a JavaScript library, CSS, and images for developing advanced mobile webapps for iPhone and comparable/compatible devices. Create Mobile-optimized WebApps with just HTML and CSS

Golden Grid System GGS was my next step after Less Framework. Instead of a fixed-width grid, it used a fully fluid-width one, without even a maximum width. The resources it was published with are still available on GitHub. RELOAD Project: Editor Download Reload Editor version 2.5.6 cross-platform Install (9.64 mb) This new release of Reload editor with a number of enhancements is available only as a manual install version. Enhancements include support for IEEE LOM, IMS MD 1.2.4, IMS CP 1.1.4 and SCORM 2004 (3rd edition) specifications. (This vesion has fixes for latest bugs) Please note that this version requires Java 1.5.x or later (available here for download) installed on the host machine and that it is configured to run "jar" files (file extension .jar) with Java.

15 More Responsive CSS Frameworks & Boilerplates Worth Considering Following on from 15 Responsive CSS Frameworks Worth Considering, which we published last November, today we have 15 more for you to consider. All of the frameworks and boilerplates below have been built with strict compliance to standards and conventions and will, as you would expect from any CSS framework, save your precious time by eliminating the need to write any of the base CSS styles yourself and, more importantly, helping you solve any tricky responsive layout issues you may have. Gumby 960 Grid Responsive CSS Framework Gumby offers a choice of either downloading the 12 column version, 16 column version, hybrid 12/16 column version or absolutely everything in a single bundle. Within the framework they’ve packaged up tons of styles and common interface elements (forms, buttons, tabs, and pure CSS dropdowns) to help you quickly put together functional prototypes. Gumby 960 Grid Responsive CSS Framework →

Mobile Web Application Best Practices Abstract The goal of this document is to aid the development of rich and dynamic mobile Web applications. It collects the most relevant engineering practices, promoting those that enable a better user experience and warning against those that are considered harmful. Status of This Document

Orientation and scale Paul Irish, Divya Manian and Shi Chuan launched Mobile Boilerplate recently—a mobile companion site to HTML5 Boilerplate. There’s some good stuff in there but I was a little surprised to see that the meta viewport element included values for minimum-scale=1.0, maximum-scale=1.0, user-scalable=no: Setting user-scalable=no is pretty much the same as setting minimum-scale=1.0, maximum-scale=1.0. Overview The Tin Can API (sometimes known as the Experience API or xAPI) is a brand new specification for learning technology that makes it possible to collect data about the wide range of experiences a person has (online and offline). This API captures data in a consistent format about a person or group’s activities from many technologies. Very different systems are able to securely communicate by capturing and sharing this stream of activities using Tin Can’s simple vocabulary. Previous specifications were difficult and had limitations (see Tin Can vs SCORM), but the Tin Can API is simple and flexible. It lifts many of the older restrictions.

Splash Vector Graphics on your Responsive Site - HTML5 Rocks Creating mobile content that dazzles means balancing the amount of data downloaded against maximal visual impact. Vector graphics are a great way to deliver stunning visual results using minimal bandwidth. Many people think of canvas as the only way to draw a mixture of vectors and rasters on the web, but there are alternatives that have some advantages.