08 Jan

Meetup Talk on PHP: The Right Way

Think of this is a continuation of the topic from November (that one a PHP Classes 101), this one focused on the site http://www.phptherightway.com/ and other tools to help developers build PHP apps the “Right Way”. I also mentioned both The League of Extraordinary Packages as well as PHP-FIG.

Next month at the Las Vegas PHP Meetup, I’ll be speaking again on CakePHP 3.0 which just came out in RC 1, about a week ago.

07 May

Line Clampin’ | CSS-Tricks

You want X lines of text. Anything after that, gracefully cut off. That’s “line clamping” and it is a perfectly legit desire. When you can count on text being a certain number of lines, you can create stronger and more reliable grids from the elements that contain that text, as well as achieve some symmetric aesthetic harmony.

There are a couple of ways to get it done, none of them spectacular.

If you are doing Web Design/Development as a full-time and aren’t reading CSS-Tricks, you really should be. Awesome little tricks like this one..

30 Apr

Hex Color Tool

I needed a tool that either added white or black to a hex color. Launching Photoshop just to drag a color picker around wasn’t cutting it. I looked around for a web app that would do this but unfortunately most good programmers are terrible designers. I built HexColorTool to fill the gap. It’s responsive too! Launch it on your smartphone or tablet and use it as you please.

Just added it to my list of web design tools, I know I’ve needed something like it more than once.

16 Feb

Frankie Roberto – Responsive Text

Some websites now contain ‘responsive images’. These scale (or crop) depending upon your screen’s viewing area, so the image sizes remain appropriate whether you’re looking at the website on a mobile phone, or on a huge flat screen monitor.

This is an example of responsive text.

The amount of textual detail scales relative to your screen size.

The effect is achieved using simple HTML class names and CSS media queries which show or hide the content depending upon the current screen width.

via Frankie Roberto – Responsive Text. In agreement, nifty idea, but defiantly unsure of the practical application.

06 Feb

Tinycon – Favicon Alerts

Tinycon allows the addition of alert bubbles and changing the favicon image. Tinycon gracefully falls back to a number in title approach for browers that don’t support canvas or dynamic favicons.

Alerts in the favicon allow users to pin a tab and easily see if their attention is needed.

via GitHub – Tinycon. Pretty sure I could count the times I actually looked at a favicon alert on one hand, that being said nice work.

26 Jan

whatwg – Requests for new elements for comments

We already have an element for comments and other self-contained document modules, namely, <article>. The spec in fact specifically calls out an <article> nested in another <article> as being, by definition, a comment <article> on the outer <article>

via whatwg – Requests for new elements for comments. Want to do comments on your new spiffy HTML5 site, use an article element inside your main article element.

16 Nov

The ALA 2011 Web Design Survey

The profession that dares not speak its name needs you. Digital design is the wonder of the world. But the world still hasn’t bothered to stop and wonder about web workers—the designers, developers, project managers, information architects slash UX folk, content strategists, writers, editors, marketers, educators, and other professionals who make the web what it is.

via The ALA 2011 Web Design Survey. It’s that time of year for the A List Apart Web Design Survey or The Survey for People Who Make Websites. Take it and tell the world (or really A List Apart and people who read it) a little bit about yourself and everyone else who makes websites.

14 Nov

Analyzing Network Characteristics Using JavaScript And The DOM, Part 1

In this article, we’ll look at some methods of manipulating JavaScript to determine various network characteristics from within the browser — characteristics that were previously available only to applications that directly interface with the operating system. Much of this was discovered while building the Boomerang project to measure real user performance.

via Analyzing Network Characteristics Using JavaScript And The DOM, Part 1. Pretty sure I would never have thought of attempting measuring the speed of the TCP packest with JavaScript. I’ve done it a few times with C for a class, Atwood’s Law in effect, I guess.

09 Nov

Mozilla Popcorn – Making video work like the web

Popcorn makes video work like the web. We create tools and programs to help developers and authors create interactive pages that supplement video and audio with rich web content, allowing your creations to live and grow online.

via Mozilla Popcorn – Making video work like the web. The video at the link makes it a little bit clearer. The concept is basically at points in the video you can load in data from the web about the video or what’s shown in the video from Twitter, Wikipedia, Google Maps and other stuff.