Author: Susan

css-position-cheatsheet-400-200

CSS Positioning Cheat Sheet

- - Comments Off on CSS Positioning Cheat Sheet

When you are learning CSS, it’s tough to remember what the different position values do so we put together a summary to use in our CSS Layouts & Positioning class. Download our CSS Layout & Positioning Cheat Sheet… Covers: the main points of inline vs. block-level elements and float, in...

best-shot-quote-400-200

Quote: If you give your best shot at something you’ll do pretty well

- - Comments Off on Quote: If you give your best shot at something you’ll do pretty well

“Assume nobody else has any idea what they’re doing either. A lot of people refuse to try something because they feel they don’t know enough about it or they assume other people must have already tried everything they could have thought of. Well, few people really have any idea how...

fake-mail-400-200

Fakemail for Acceptance Testing

- - Comments Off on Fakemail for Acceptance Testing

A big part of automated acceptance testing involves confirming your applications are sending out the right emails. I looked at a few ways of accomplishing this: Method 1) Our framework logs a record of all outgoing email to a log file. In my tests, I was reading those log files...

rsync-instead-of-git-400-200

Rsync as an alternative for Git on a shared host

- - Comments Off on Rsync as an alternative for Git on a shared host

A common development workflow looks like this Make your edits on your local copy of your project Push those edits to a online repository somewhere, i.e. Github.com Pull the changes down from Github to your live server when you’re ready to “go live” i.e. “deploy” your changes. This is all...

fab-logo-Black

Complex newsletter / email frequency preferences

- - Comments Off on Complex newsletter / email frequency preferences

View full screenshot We’re working on a revamp involving newsletter and other email notification preferences, so I’m looking for interesting ways other applications handle this. Discovered a nice and clean example of this from Fab.com when I went to unsubscribe. I especially like the clear on / off buttons and...

coda-themes-400-200

Paint your code with a big batch of Coda 2 themes

- - Comments Off on Paint your code with a big batch of Coda 2 themes

Feeling like a stagnant hacker? Maybe a new syntax highlighting theme is just what you need. Check out ipaintcode.com/coda-2-themes/ which features 20+ themes for Coda. Our favorite part? You can download the entire package of themes together. Just unzip the download and drop all the themes in your Coda styles...

autotests-400-200

TDD Part 2: Making your tests run on their own

- - Comments Off on TDD Part 2: Making your tests run on their own

In an effort to get better about testing when developing, I’m walking my way through the Nuttuts series of tutorials on test driven PHP. In the last post, I installed PHPUnit and Selenium for automated browser testing. In this post, I’ll look at setting up a system so that the...

hey-dummy-you-broke-your-code

TDD Part 1: Programs to check your programs: PHPUnit and Selenium

- - Comments Off on TDD Part 1: Programs to check your programs: PHPUnit and Selenium

Developing applications can have this overwhelming feeling of keeping a lot of balls in the air…or herding cats…or wrestling an octopus. This feature touches that feature which impacts that other feature. Each of those features may have a multitude of cases that will behave in different ways depending on usage,...

Simulating a screen reader

Simulating a screen reader

- - Comments Off on Simulating a screen reader

Fangs is a Firefox plugin that simulates the screen reader experience. Visit a web page, right click, choose “View Fangs” and you’ll see a text representation of your website as a screen reader would read. Great way to get a sense of the kind of experience you’re delivering for users’...

display-inline-block-400-200

Great breakdown of inline vs. block elements

- - Comments Off on Great breakdown of inline vs. block elements

We love this article on block vs. inline elements; it’s one of those topics in CSS that we find ourselves elaborating on a lot, and this is going to be one of our new go-to resource to reference. Great break down and visuals. Impressiveweb.com: The Difference Between “Block” and “Inline”...