Issue #149  (CSS, Static Sites, JS Utils)


(Skip to the tools section below)


I'm finishing up my vacation this week, so nothing fancy for the intro. But the tools are still here, because we all know that's the main reason you subscribe. :)


Now on to this week's tools!
 

CSS and HTML Tools


Guide
"A Bootstrap template that would be a great choice for a startup landing page or any other projects you might consider. This template features a wide/boxed layout toggle and 8 color styles to chose from."

Coloor
"HTML preprocessor that decorates your img tags with data-coloor attributes containing a small base64 encoded version of your image... to quickly show the small image as a placeholder while the original one is loading."

Modaal
"An accessible dialog window plugin for all humans."

Aphrodite
"Inline Styles that work. Support for colocating your styles with your JavaScript component."

HTML to React components
"Extract annotated portions of HTML into React components as separate modules."

Sketch Flex Layout
"Plugin for Sketch allowing for CSS Flexbox layouts using stylesheets and prototypes."

google-fonts-helper
"A hassle-free way to self-host Google fonts."

Bootcards
"A cards-based UI with dual-pane capability for mobile and desktop, built on top of Bootstrap."

bodymovin
After Effects plugin for exporting animations to SVG/Canvas/HTML + JavaScript.

 
384 Pages of CSS for $7 (PDF E-Book)
 

Static Sites, Hosting, etc.


Photish
"Fast, simple, configurable photo portfolio website generator."

prismic.io
"The API based CMS. prismic.io makes it easy to draft & publish content for your website. Create Custom Types, edit content in a prismic.io repository and use the SDK to build your website, without traditional CMS programming and design constraints."

hotel
"No need to worry about ports, remember commands, manage terminal tabs... access and start your servers from the browser."

BaseDeploy
"Build powerful apps faster - without coding."

KISSr
"Simple Dropbox web hosting."

cdnex
"An easy way to prepend your CDN URLs to your HTML and CSS files."

static-react
"Zero-configuration CLI React static renderer."

Urubu
"A micro CMS for static websites."

 
70 JavaScript and DOM Tips for $5 (EPUB, MOBI, PDF)
 

JavaScript Utilities and Mini Libraries


InlineTweet.js
"Allows you to easily create tweetable links out of any text on a webpage."

ally.js
"JavaScript library to help modern web applications with accessibility concerns by making accessibility simpler."

asyncStorage
"A developer friendly asynchronous storage."

Operative
"A small JS utility (~1.8k gzipped) for seamlessly creating Web Worker scripts."

Parsley
"The ultimate JavaScript form validation library."

Dragabilly
IE10+ and multi-touch drag-and-drop library.

zipasaur.us
"Exposes a friendly JSON interface for interacting with postal code data. US data only."

Tourist.js
"A simple library for creating guided tours through your app."

 
384 Pages of CSS for $7 (PDF E-Book)
 

A Tweet for Thought

Advice on what to learn by StackOverflow co-founder Jeff Atwood.
 

Suggestions / Corrections

Made something? Send links via Twitter @WebToolsWeekly (details here). No tutorials or articles, please. If you have any suggestions for improvement or corrections, feel free to reply to this email.
 

Before I Go...

Here's an HTML form based Rube Goldberg machine (spoiler: it's an email contact link!)

Thanks to all for subscribing and reading!

Keep tooling,
Louis
webtoolsweekly.com
@WebToolsWeekly
Copyright © 2013 Web Tools Weekly, All rights reserved.

Email Marketing Powered by MailChimp