Tag Archives: Google+

Fellow colleagues!

Are you a designer and haven't quite made it to web design yet? Here's a free course from the temp agency I do work for sometimes. I've gone through it and think they do a good job for an intro course.

Just sign up for an account (easy) and get started!

#css   #html   #training   #free  

Embedded Link

Aquent Gymnasium
At Aquent Gymnasium, we offer free online courses focused on HTML and CSS, responsive design, UX design, and an array of front-end development tools.

Google+: View post on Google+

CSS: How to hide text

…when you just want to show an image (but you can't or shouldn't delete the text). I use this when I want to use a button image and not show the text at all when using an "a href" link.

I've used that -9999px hack before. The following one seems less extreme.

text-indent: 100%;
white-space: nowrap;
overflow: hidden;


Embedded Link

Replacing the -9999px hack (new image replacement) – Jeffrey Zeldman Presents The Daily Report
The Daily Report’s 2003 redesign uses (and our book explained) an image replacement technique intended to combine the benefits of accessibility with the power of graphic design. We christened this method Fahrner Image Replacement (FIR) in honor of Todd Fahrner, who first suggested it to us.

Google+: View post on Google+

Want to watch YouTube videos FASTER?

Like watching videos but don't want to waste as much time? Follow these instructions and you can!

I've been watching a series of instructional videos and the person is a bit slow to go over what I'm looking for, so playing them at 2x the speed is very helpful!

#video   #youtube  

Embedded Link

How to Watch Youtube Videos Faster (2x speed) – Apologetics 315
If you are an avid watcher of lectures, teachings, and debates, then you know how time-consuming it is to watch them. At least when you listen to audio you can speed it up in your iPod or audio player. Maybe you avoid watching videos (especially on Youtube) because they just take too long to …

Google+: View post on Google+

Another great way to develop your new theme in the background without going live…

Another great way to develop your new theme in the background without going live with it. Thanks, +WP JEDI!

#wordpress   #plugin   #utility   #develop  

Embedded Link

How to Test Drive WordPress Themes as Admin: 3 Plugins | WordPress Jedi
We all have to update our themes or adopt new ones once in a while. If you are going with a completely different design, you don’t want to go live too fast. In

Google+: View post on Google+

Website Grid Calculator

Would you like to build your site using a grid and want a quick way to see if your calculations will add up?

This grid calculator lets you input the width of your site, how many columns, your gutter and margin width and it will let you know if you get your exact max width by coloring the numbers green. (They're red when they don't quite make it to what you're looking for.)

This is helpful if you're looking to fit specific elements together on the page to see if they'll play nicely together using the grid you're building.

I'm using it with bootstrap, but any grid system can benefit from this calculator.

#grid   #bootstrap   #columns   #calculator   #onlinecalculator  

Embedded Link

Grid Calculator by Nicolaj Kirkgaard Nielsen
A simple tool for web and print designers to calculate your grids. Download your grid as illustrator or photoshop files with a pre-made guides ready to go

Google+: View post on Google+

Have nothing better to do on a Friday night than to look to apply a style sheet to…

Have nothing better to do on a Friday night than to look to apply a style sheet to certain divs and not others?

As always, CSS-Tricks comes to the rescue! This page allows you to test your equations.

Thanks CSS-Tricks!

(Hope you all have better things to do on your Friday night, though!)


Embedded Link

:nth Tester
Back to Article
– . . . . More Demos → · via Ad Packs. :nth Tester. li, div. :nth-child, :nth-of-type, :nth-last-child, :nth-last-of-type. ( ). Recipes. Select the third item if it’s a list item; Select the the first four elements if they are list items; Select the second to …

Google+: View post on Google+