For the 39th issue of What’s Cool for Designers this Week we have some amazing goodies prepared. We have a great JS library that automatically adjusts the font size and line height according to the element width, we have a great JS library for HTML presentations, 2 video JS plugins, we’ll teach you the basics of Sass.
We also have 2 very useful WordPress plugins for the optimization of your uploaded images and a great implementation of Google Pagespeed.
In the HTML section you will find a new grid system and a way to test your email newsletters’ responsiveness live.
We also have 2 new websites for you, a new blogging platform and a technology news aggregator.
JS
Flowtype JS
Ideally, the most legible typography contains between 45 and 75 characters per line. This is difficult to accomplish for all screen widths with only CSS media-queries. FlowType.JS eases this difficulty by changing the font-size—and subsequently the line-height—based on a specific element’s width. This allows for a perfect character count per line at any screen width.
Reveal JS
Reveal.js is a framework for easily creating beautiful presentations using HTML. You’ll need a browser with support for CSS 3D transforms to see it in its full glory.
Popline
Popline is a non-intrusive WYSIWYG editor. It shows up only after selecting a piece of text on the page.It provides commonly used editing features out-of-the-box.
Popcorn JS
Popcorn.js is an HTML5 media framework written in JavaScript for filmmakers, web developers, and anyone who wants to create time-based interactive media on the web. Popcorn.js is part of Mozilla’s Popcorn project.
Video JS
Video.js is a JavaScript and CSS library that makes it easier to work with and build on HTML5 video. This is also known as an HTML5 Video Player. Video.js provides a common controls skin built in HTML/CSS, fixes cross-browser inconsistencies, adds additional features like fullscreen and subtitles, manages the fallback to Flash or other playback technologies when HTML5 video isn’t supported, and also provides a consistent JavaScript API for interacting with the video.
RulersGuides JS
RulersGuides.js is a Javascript library which enables Photoshop-like rulers and guides interface on a web page.
HTML
Litmus for Responsive Emails
Preview your responsive email designs as you type, starting from scratch or using one of the available templates. Litmus Builder lets you save, share and collaborate on responsive templates with your colleagues and peers.
Mueller Grid System
MUELLER is a modular grid system for responsive/adaptive and non–responsive layouts, based on Compass. You have full control over column width, gutter width, baseline grid and media–queries.
Websites
TECHi
Offering the latest news, reviews and in-depth feature articles, Techi is the ultimate online resource for all things technology.
Roon
Roon is the easiest way to blog, cross-platform.
Google Keep
A really easy way to keep notes in the cloud. And it’s from Google.
Install Rails
InstallRails.com is the easier way to install Rails on your computer.
WordPress
WP Smush.it
Reduce image file sizes and improve performance using the Smush.it API within WordPress.
Google Pagespeed Insights for WordPress
Use Google Pagespeed Insights to increase your sites performance, your search engine ranking, and your visitors browsing experience.
Articles
Tutorial: Buttons with Progress Meters
Tutorial: The beginner’s guide to Sass
