Last week’s Facebook Friday poll question was: Which does your Church IT need more: Funding or Volunteers? (see results)
I really cracked myself up when I saw the results. I should have known!
This week, let’s turn our eyes on CSS/HTML editing.
Adding tabbed content on a web page is a great way to organize large amounts of data on one single page.
It keeps everything above the fold, but more importantly, it minimizes deep scrolls into the page.
Here’s some nifty animated content tabs done with some pretty sweet CSS3 effects.
CSS has become so much more than defining fonts and the color of links. It’s become a powerful creative tool that can do some pretty flippin’ awesome things.
That’s exactly what CSSDeck is all about. It’s a collection of cool creations made with CSS.
So, if you’re looking for some inspiration and interested in just how some effects are done, take a look at CSSDeck:
Whether you’re a complete n00b to HTML and CSS or you’ve got a dozen websites under your belt, you’re going to want to take a look at this!
A Beginner’s Guide to HTML & CSS is an easy to use, comprehensive guide to help you learn HTML and CSS fundamentals. You’ll work through all the common elements of front-end design and web dev.
This free resource is created and led by designer and front-end developer Shay Howe.
Here are the details:
If you want to sling some sweet CSS3 drop shadow effects, this online CSS3 drop shadow generator is sure to come in handy.
Select your shadow style and tweak the settings to see the changes in real-time.
Once you have everything just-so, copy the code and you’re good to go!
Alright.
You’ve read the article title.
Which is it?
Before reading any further, what’s your guess?
You’ve got to see these clouds!
Completely 3D and life like, simply drag your mouse around and get a full three dimensional look.
There’s nothing quite as frustrating as having your web design cruising along and working great.
… And then you open it up with one of those pesky browsers.
I won’t name any names, I would hate to offend any Internet Explorer lovers out there.
Here’s a nifty way to use the tools built in WordPress to pull browser specific CSS:
With Font Awesome, you can easily add over 150 icons in your CSS. Although it’s designed to work perfectly with Twitter Bootstrap 2.0, you can still use it without.
Here are a few reasons you should consider using Font Awesome:
There’s nothing quite as slick as displaying your social media icons via CSS.
This solution by the most excellent Web Designer Wall is not another CSS3 or HTML5 solution. This is fully cross-browser compatible while giving you a good deal of options for you design.
This can be really handy, as you can use it in all your web designs, tweak accordingly, or have this running in your website and have the option to totally switch up your style on the fly.
Here are the design options:
