by Bryan Chalker | Feb 24, 2014 | Website |
I love creating icons. Colorful and vibrant, with nice little transparencies and details. They can be beautiful and effective navigational elements, as well as visual breaks in heavy text areas. It’s hard to think of a project which wouldn’t benefit by using them properly. The traditional icons don’t always fit the need, though. Sometimes you need vector versions for scalability – or multi-sized ones for navigation and mobile use. In these cases, icon fonts are a more practical and easier to maintain approach. Icon font sets and creators, such as Font Awesome and Icomoon, have made it so much more accessible for designers to create their own libraries. Leverage them. Icon fonts are basically “glyphs” to use in your projects, as you would a traditional font. This allows you to style with CSS (color, multi-layer overlays, animation, etc.), as easily as you would do for your other fonts. You can use a font-creation app, or a web-based solution like Icomoon. Icomoom is an easy (and free) tool, and allows you to import your exported SVG files into their font-converter. It then provides a zipped download of the newly created font-set, example usage file, and a detailed CSS file. Very straightforward and useful. Once downloaded, you upload to your server (or CDN), and use the “font-family” attribute to assign. Easy.[/icon_box] What to consider when creating your icons. When you are creating your traditional icons for a project, consider creating a “font version” at the same time. This not only gets you thinking ahead, but it’s keeps you from becoming overly complicated in your creations. Though they can be used in...
by bryan chalker | Feb 17, 2014 | Website |
Are you a Christian web designer? One whose primary role is church web design or faith-focused design? I’m not sure about your situation, but for me – I didn’t start learning web design to become the next Jeffrey Zeldman (the first web guy I was in awe of. A geek’s rock star). I started it as a hobby. I always loved messing with my Commodore64 and TI-99, and when I heard of “html”, well, I had to check it out. Sitting at work one day, I read pages of “learning html” on one of the countless sites that gave free webspace to anyone. I was giddy at my first attempt…an embedded spinning globe animated .gif, stuck on a page of glittering stars. Beautiful. Not the look, but the potential. I was hooked. I knew what I wanted to spend time learning and developing. But I no idea how to implement what I was learning about, in my everyday life. One minute backstory – when I was 19, I felt a specific calling in my life to enter into “full-time” ministry. It was a clear and powerful call. God would be using my skills and talents for his purpose. I spent the next 10 years praying and seeking where I would be used. Preacher? Teacher? Missionary? I never felt a peace about any of that, though the importance of each was always apparent. Fast-forward to around early 2000. I was asked by my supervisor at MediaOne (a regional cable/isp that I worked at in Jacksonville), based on my new found interest in web code, to help him develop an intranet site...
by bryan chalker | Feb 16, 2014 | Website |
Save with a non-profit discount: Email Marketing Vendors Churches and other 501(c)(3) non-profits have a unique need for discounts. As their name implies…they are not out to make a profit. They do not survive from a recurring source of income provided by products and services. They are a charitable-focused entity. I personally love the fact that they’re given tax breaks and money-saving opportunities. I even give a hourly discount on design and dev work I do for church and non-profit projects. Partnering with vendors who offer discounts like these is a perfect way equip yourself with some incredibly useful tools and appease the financial powers-that-be on staff at the same time. Remember that before you can take advantage of any of these offers, you need to have your 501(c)(3) paperwork and use your work email for communication with them. Makes things easy. There will always be the “Vendor A vs. Vendor B vs. blah didi blah didi blah“. This is not in any way a comparison of services. Many of these are all ones which I’ve personally used and know are valuable tools; while others are popular, but untested by me. Here we go…this week deals with: Email Marketing Vendors Why do I need one? First off – do NOT send mass emails out using you own in-house servers. I’ll touch on why in a future post, but in short, if you have a spam-reporting issue, it will shut down your ability to send out emails – anywhere. You don’t want this. To counter that concern, sign-up to with an email marketing vendor. They basically handle the heavy-lifting – spam...
by bryan chalker | Feb 10, 2014 | Website |
I love designing web pages and web sites. It’s a wonderful process that involves wrapping the latest technologies together with creative ideas and design. Who doesn’t love that combination. Well apparently Microsoft, Google, and the rest of the motley bunch of email client creators. The are firmly “stuck in the 90s”. You need to lobotomize your web approach, to remove all those pesky standards that guide your web designs. Things to know when you design email templates: Designing email “templates” are not the same as designing web pages. If they are, then you need to seriously adjust how you design web pages. Initial web pages, all through the 1990’s, and early 2000’s were designed using “<table>” elements to layout the content. Then design evolved, and tables were looked at with disdain – as developers understood they should only hold tabular data, and not be used for layouts. Now, proper websites and pages are developed using “<div>” elements to lay them out, and for HTML5 use, the “<section>“, “<header>“, and “<menu>” tags. That’s why, to design the proper and consistent email template, you gotta kick it old school. “Tables are your best friend” (pardon me…I have to wash my mouth out with soap for a moment. Ok. Back). The reason I say this, is that tables are what you must use to contain your layout. It is not yet an option. To keep the look of a template you simply have to do this. Tables are not the only thing differentiating email code from web code. Desktop email clients such as Microsoft Outlook and even online clients such as GMail or...
by bryan chalker | Feb 3, 2014 | Website |
You are a pastor, small business owner, admin, regardless – you are not a graphic designer. You don’t like one, and you certainly don’t want to start now. But the guy designing your website piece, has asked you for your logo in order to start work on your project. Unfortunately, the first thing many clients tend to do in this case, is go to a web browser – pull up their web site – and right-click to save the logo. Let me get this out of the way – that this is probably the worst thing you can do. And what’s more, it will probably cost you more money in the project, than if you took a few moments to find the “right” one to provide, as the cost for fixing the “wrong” one will not be billed. Lesson #1: Do NOT send a file named anything “.jpeg” (or .jpg) Lesson #2: Read lesson #1 Problem #1 A “jpeg”, is a typical file format used for many photos and graphics online. It allows for proper saturation and color gradients to be used, without an large file size. It’s great for photos – terrible for logos. There are several important reasons for this, none of which should be discounted: They are a “compressed” file format. This essentially means all the elements of the logo have been analyzed, then info about the logo is dumped, in order to fit it into a specific file size, or a quality percentage. In short, it is never the same as the original. Never. On top of that, much like how a copy of a copy of...
Recent Comments