More Responsive Tables

RWD-Table-Patternspng

Responsive Tables for Twitter Bootstrap, but not necessarily. From @nadangergeo & @filamentgroup!

I made a post the other day about the responsive table plugins provided by TableSaw. They’re nice, but if you’re using Twitter Bootstrap (like I and many, many others do), RWD-Table Patterns may suit you better. There’s a demo here.

It’s mobile first, and is made with Twitter Bootstrap, although you can remove Bootstrap in your own fork if you wish. Usage instructions can be found at the demo page, and at the the GitHub repository.

A list of features:

Made for Twitter Bootstrap

Designed to be used with Bootstrap 3. If you don’t want to use bootstrap, just fork the repo and customize it to your needs!

Mobile first & PE

Built with mobile first and progressive enhancement in mind. Also built with love and with the help of a fair amount of coffee.

Graceful JS fallback

In browsers without JavaScript, the tables will still be scrollable. I.e. there’s still some responsiveness.

Easy to use

You only need to add one JS-file, one CSS-file and some minimal setup to make the tables responsive. Dependencies: jQuery and Twitter Bootstrap 3.

If you’re really in need of responsive tables, this could be another option for you, so it’s at least worth knowing about and checking out.

PHP MVC Skeleton App

php-mvc

A simple and easy to understand MVC skeleton application

While reading about the “best” PHP frameworks of 2014 at SitePoint, I stumbled upon a little framework that will be very handy, especially where a full-blown framework may be a bit too much.

The PHP-MVC Project has two editions available, a basic version, and then an advanced version that supports Twig and automatic Saas compiling.

The developer of PHP-MVC was quoted in the SitePoint article, basically stating why he created it:

Most frameworks are simply too advanced, making it hard for non-professional developers or frontend people to quickly build good things, so I was always searching for a naked and totally stripped-down PHP barebone application. php-mvc solves this problem and reduces the learning curve to a total time of under 30 minutes while still being very professional and self-explaining.

I’ll still probably use Alto Router for really simple sites or apps, and Slim Framework for slightly larger sites.

I’ll probably never need to use the PHP-MVC skeleton application, but it’s nice to have available. PHP-MVC framework can be downloaded from GitHub, here’s the basic version, and here’s the advanced version.

New Sublime Text Themes: am​Coder and Minimal Sublime Text

amCoder

So many themes and color schemes

These aren’t exactly new, but I’ve been around the Sublime Text theme scene for a while and I’d never seen these two. So, here you go!

amCoder

amCoder describes itself as a “Hyperminimal UI Theme for Sublime Text 2/3 with Love of Monokai.” It’s based on Spacegray, and is optimized for Monokai.

amCoder can be installed via Package Control and can also be found on GitHub. Here’s a screenshot of the amCoder Sublime Text theme:
amCoder

Minimal Sublime Text

Minimal Sublime Text is a flat version of the default Sublime Text theme. That’s probably why I like it so much.

It also comes with a dark sidebar version and can be installed via Package Control. Imagine that. :) Minimal Sublime Text is available on Github as well. A screenshot of Minimal Sublime Text is below:
minimal

Here’s some other recent posts about Sublime Text themes:

  1. Brogrammer Theme
  2. Predawn
  3. Spacefunk
  4. Flatland
  5. A bunch of others

Responsive HTML Tables

stack

HTML tables have fallen out of favor over the past few years. People seem to use grids where a plain HTML table would really work much better. This is especially true when displaying data, like you’d find in a spreadsheet.

Enter TableSaw, a group of plugins for responsive tables. There are various modes, the featured image for this post is a preview of the Stack mode.

There are many other modes to choose from, too.

To get you started quickly, there’s a Stack-Only TableSaw, it’s barebones and doesn’t include the other modes. Here’s a demo of the Stack-Only TableSaw.

For usage instructions for the full TableSaw, look towards the bottom of the README on GitHub. You basically are just including a few CSS and JavaScript files.

How-To: Install lolcommits On Ubuntu

lolcommits

Lolcat-style photos as you commit

I’ve always had problems installing lolcommits on Xubuntu and other Ubuntu-based Linux distributions.

The installation instructions are very simple. Only requiring you to run two commands, sudo apt-get install mplayer imagemagick libmagickwand-dev and then sudo gem install lolcommits (need sudo for linux). Pretty simple.

The gem install lolcommits command is where things usually go bad for me. I typically see something like this:

To fix this, you need to install a newer ruby-dev package:

You can now try to install the lolcommits gem again. It’ll actually install this time:

A GitHub user documented this solution in issue #54. Another user suggests that the installation guide should be updated to make a note of this, but I haven’t seen it noted anywhere but in issue #54.

It’d sure save me a bit of time if it was noted somewhere, that’s partly why I’m writing this post.

After you’ve got lolocommits installed, see the README on GitHub for usage instructions and examples.

I usually run lolcommits --enable --delay=2 --fork when enabling lolcommits. That will capture a photo in a forked process, after a 2 second delay. I like this method because you’re not left waiting for the photo before being able to type into your terminal again.

Lolcommits is kinda cool, but not really useful in a practical sense. I do use it pretty much everywhere though, and have the default storage location linked to Copy. That way all my images are in the same place, no matter which machine I’m using at home.

If nothing else, it’s something kinda neat to be able to offer to your clients.

tyler-hat-lolcommits

I no longer smoke. ;)