Want to Write for Us?Read This | LoginBecome a Member
Web UI

3 Minimal Web UI Element Kits

If you like clean lines and minimal design, you’ll like these three minimal web UI element kits.

These kinds of resources can save time and even provide some inspiration for your next web design project.

Check these out:

Continue Reading…

Noah Blon Codepen Thumb

Hyperspace with CSS3

I’m not sure what kind of project this could be used for, especially since it works best with browsers using webkit (could we please adopt a standard and everyone comply!?!), but this Hyperspace generated with CSS3 is a whole lot of fun.

Check this out:

Continue Reading…

twitter bootstrap snippets

Bootsnipp: Design Elements & Code Snippets for Bootstrap

Mmmm. Another Bootstrap resource for your coding and designing pleasure.

Bootsnipp, as it’s called, is full of design elements and code snippets specially made for the Bootstrap HTML/CSS/JS framework. There are currently almost 70 up for grabs.

Here’s a closer look:

Continue Reading…

MarkdownPadLogo

MarkdownPad 2: Smart Tool for Markdown

If you really want to get your geek on, I just discovered a great new tool for producing PDF, EPUB and MOBI e-books. The language is called Markdown and the tool I use to build Markdown documents is MarkdownPad 2. Created by Evan Wondrasek, a software engineer in Minneapolis, MN, MarkdownPad 2 is pretty comprehensive. There are two flavors (as with most projects of this kind): the free version and the licensed version. A single-user license costs 14.95 (USD).

The Skinny on Markdown

Continue Reading…

Find the Right Hexadecimal Color with Hex Color Tool

hex color tool

Finding just the right shade of color when you’re formulating your web design can be a pain sometimes. You might need a color just a little darker or lighter for your link values or whatever CSS element it might be.

Instead of opening Photoshop or other favorite design app, just jump over to this cool online color tool!

Continue Reading…

time jump html5

How-To Create Deep Links for Podcasts Using HTML5

Having recently relaunched a podcast on a project I am working on, the idea of adding deep links is something I hadn’t thought much about–until now.

Web development is funny like that. Sometimes you find a tool like this and then you get the idea, oppose to having an idea and needing to find the tool.

I have not tried to use it, yet, but I’m really thinking about it. This could be really interesting to use for sermon audio, too. Check it out:

Continue Reading…

download google fonts skyfonts

Sync Google Fonts to Your Desktop

Yes!

They finally did it.

If you like to dig into Google Fonts for your web development, it can be a little bit of a pain when you’re also trying to do graphic design with the same fonts. Sure, you can download them as needed and install them, but all-in-all, it’s a pain and once you install a font it’s not easy to keep up with updates.

Until today!

Introducing, SkyFonts:

Continue Reading…

From Zen Coding to Emmet

emmet zen coding

Are you a Zen Coder?

Zen coding is a huge time-saver for those who like to drop some serious code snippets by typing out simple abbreviations. If you’re using an editor that has some basic autocomplete, think of a Zen Coding as a plugin that will take autocomplete to a whole new level.

For those of you that are already jamming with Zen Coding, let me introduce you to a new approach to Zen Coding, called, Emmet:

Continue Reading…

wordpress test data

The Best WordPress Test Data: WP Test

So your theming a WordPress theme, testing a WordPress plugin or simply designing a website with WordPress.

You need test data!

WP Test is “a fantastically exhaustive set of test data to measure the integrity of your plugins and themes.”

And it’s awesome:

Continue Reading…

british-flag-square

Add Some Britishness and ‘class’ with Spiffing CSS!

If you’re a regular reader of ChurchMag, you’ll know that I’m the resident ‘Britisher’ on the author team.

Well, if you’ve ever wanted to add a bit of class and quality to your CSS – you can with the splendidly named ‘Spiffing CSS’.

Continue Reading…

Page 1 of 13112345»102030...Last »