Web Safe Fonts

Whenever building a site especially your first site its very tempting to head over to your favorite font library and just go nuts. This is a exercise in futility though as almost 99% of those font cant display on the world wide web. Fear not intrepid young developer here is a list of the current fonts (many of them actually aesthetically pleasing) that are completely web safe.

Building a Lean, Mean, Quick, Web Machine!

Building a website can be a time consuming process. If you use the wrong kind of assets in building your site, it will become a exercise in patience and anger management. Here is a few simple tips to keep that site light on its feet, easy to build, troubleshoot, and maintain.


Small pages = Fast pages

The art of building a site that loads quickly and is quick to transition is a tricky one. no matter a persons connection speed there is always content to download. How frustrating is it when you go to a page you want to view only to have to wait sometimes, what seems like forever, for content to load. We have all been there. (modem era anyone?) Do your viewers a favor, keep those pages small no more than a couple hundred kb. (yes you can still have images and content and keep it that small)

Codecademy and Learning how to build websites.

In the last couple of years a wealth of web building software has arrived on the market that allows even the most technically challenged to build a pretty sophisticated website. Software like WordPress is even used by professionals to achieve pretty remarkable and sophisticated websites, sometimes though, a person will want more control they will want to start to lean how to actually code.

Years ago, short of going back to school this was a option that was not realistic to the average novice. These days however the game has changed. http://www.codecademy.com/ is a internet learning tool that will guide you step by step through the process of learning how to code almost every major web based language currently in use. I myself have used it to enhance and build upon the skills I already have.  The lessons are easy to follow, dynamic, and well constructed. Best of all they are free!

If you are a up-and-coming web developer and are looking to expand your skills so you can lean how to build your own sites from scratch I recommend this tool wholeheartedly.

CSS Button Generator

Building a website can be a time consuming and stressful task. one of the hardest aspects of design for many people is assets. Something as simple as a button can be a hassle when you don't know where to get the assets to design and eventually code your own. This being the internet some industrious individual has come along and given us a simple CSS Button Generator.

CSS Button Generator will create beautiful  simple CSS buttons for you to use on your web pages without the need for any images. These time saving tricks and tools can turn what was once an arduous task into a painless procedure. remember; work hard, but work smart.

Happy coding.

Do's and Dont's of HTML Email Blasts.

Hey everyone, after a week off we are back with more helpful hints.

With the proliferation of email-blast software and websites all over the internet, its becoming increasingly popular for people to turn to these avenues in order to drive sign ups, direct to seasonal events, and really reach out and impress where a regular email would fall short.

One of the best aspects of these sites is their ability to let you craft a beautiful email-blast whether you have skills in HTML or not. Many people though can sometimes be a little to ambitious when diving into the HTML editors as they tend to carry their skill sets in designing websites into crafting their email blasts and they can be frustrated when the results do not match their efforts

Email clients such as Hotmail, Yahoo, Outlook, Gmail, etc., can render your emails in different ways. What looks one way in Yahoo or Outlook 2003 may appear very different in Gmail or Entourage.
The root of this problem is the variance among email clients in the level of support for CSS (Cascading Style Sheets).

There is no real standard for what an email client should support and how it should go about supporting it. Every email client takes its own approach to rendering HTML and CSS – which is why an email that looks fine in one email client can look different in another.

So how can you or your designer ensure an email design remains consistent and looks great across all these different email clients? Here's a helpful list of "Do's and Dont's" on email blasts and HTML.

The Best Free Software for Webmasters

Designing and maintaining websites can be expensive with all of the software required – photo editing software, graphics software and HTML editors. Below are a few programs you can download for free that will help you get your website up and running. (If it isn’t already!)

CoffeeCup HTML Editor (PC)
This is a nice HTML editor that color codes your code for you, making it easier to see what you’re doing. It also includes a “design” editor, making it easier for non-programmers to edit a webpage.

Smultron HTML Editor (Mac)
The software has syntax highlighting features which include over 90 different languages. You can also create new documents stored in your iCloud account to retrieve from any computer. This is easy to grab right off the Mac App Store and it’s great for developers.

Tips for Creating HTML Emails

As the webmaster for your Region, there is a likelihood that you’ll be asked to create HTML emails to be sent to the parents. HTML emails can be tricky because they don’t always display the same in every email client (similar to how an HTML page can display differently in different browers).

Here are some things to keep in mind when creating an HTML email:

Layout with Tables
Your email should be programmed in a table layout to make sure that everything displays the way it should. DIVs are not recommended because of the limits that certain email clients put on the use of style sheets.

Use Inline Styles Style sheets placed in the headers of an HTML email don’t always work, since some email clients (mainly Gmail) limit the types of style sheets accepted. DO NOT use an external style sheet. It won’t work. The best way to use styles is inline in the HTML. Stick with simpler styles, as some email clients are very restrictive. CSS Support: The Ultimate Guide is a good reference of which CSS styles will work with various email clients.

Basic HTML

As the Manager of Digital Media for AYSO, I work with HTML on a daily basis, so it comes very second nature to me. I know this is not the case with the majority of the world, which I often realize by the strange looks people give me when I start talking “code.” Therefore, I thought it would be beneficial to a lot of you if I did an entry on basic HTML.

Whether you know it or not, you probably come into contact with it at some point while editing/updating your Region’s website. It can sometimes look like a foreign language, so it’s important to know what’s what. Here are some common tags you might come across while editing your website.

A quick note before we start: Most tags have two parts: the opening part and the closing part. The opening part starts a certain element style. Everything that comes after the opening tag will contain that style. The closing part comes at the end of the element and stops that particular style from appearing. Note the paragraph example below and how the <p> opens the style and the </p> closes the style. A slash before the letter indicates a closing tag.