• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

TeraTech

The ColdFusion Experts: Develop | Secure | Optimize

  • Services
    • Consulting
    • Crash
    • Development
    • Maintenance
    • Modernization
    • Security
  • About Us
  • Testimonials
  • Free Assessment
  • Get in touch!

  • Services
    • Consulting
    • Crash
    • Development
    • Maintenance
    • Modernization
    • Security
  • About Us
  • Testimonials
  • Free Assessment
  • Get in touch!

070 Font Awesome and ColdFusion (never build icons again) with Nolan Erck

April 9, 2018 By Michaela Light 2 Comments

Nolan Erck talks about “Font Awesome and ColdFusion (never build icons again)” in this episode of the CF Alive Podcast, with host Michaela Light.

Tired of having to make “delete”, “edit”, “new”, “save”, “confirm”, and “purchase” icons for your clients? In 3 different sizes (desktop, tablet, mobile)? And new versions for each color scheme you use? Enter Font Awesome!  Font Awesome gives you scalable vector icons, that are totally customizable, all by just including a CSS file in your project. It's free, compatible with current devices and browsers, easy to use and customize to your liking.  Font Awesome is compatible with Bootstrap, various other frameworks, screen readers, retina displays and cuts down the time you spend doing “boilerplate” work in PhotoShop for every project!

Target Audience: Designers and CF developers that are tired of having to rebuild the same icons for every project.  Attendees should know some basic HTML and CSS, no further programming or PhotoShop skills are required.

Contents

  • Show notes
  • What is Font Awesome
  • Why should CF developers care?
  • Pricing
  • Demo
  • Installing Font Awesome
  • CSS Lint
  • Documentation
  • How does it work with Bootstrap?
  • Pros and cons of Font Awesome
    • Pros
    • Cons
  • Why are you proud to use CF?
  • WWIT for you to make CF more alive this year?
  • What are you looking forward to at Into The Box
  • Mentioned in this episode
  • Listen to the Audio
  • Bio
  • Links
  • Interview transcript
    • Read more

Show notes

What is Font Awesome

  • A vector based CSS font that you can use in CF apps that displays icons without graphic files

Why should CF developers care?

  • Auto sizing for desktop, tablet and mobile
  • Easy to change the look and feel in code – no need to go back to a graphic designer.
  • Display or change icons in code (JavaScript)
  • Faster page loading.
  • 100s of commonly used icons included
  • Vector based graphics – no pixelation on zooming

Pricing

  • Free open source version
    • 900+ icons
    • Automated Accessibility
  • Paid version with themes $60/year
    • 500+ more icons
    • Font CDN
    • Subset only the icons you need into a custom font
  • Version 5

Demo

  • The <i> tag “icon” – overrides the old meaning of italic
  • Treating icons like fonts – changing sizes and colors, applying styles
  • Bordered, spinning and rotated icons
  • Stacked icons
    • Divs
    • Float
  • Rotating icons

Installing Font Awesome

  • Add one line of javascript to your header code.

CSS Lint

Documentation

  • Online docs
  • Blog
  • Support (paid version)

How does it work with Bootstrap?

  • No problem

Pros and cons of Font Awesome

Pros

  • Saves grunt work
  • Better UX
  • No pixelation
  • Responsive ready
  • Faster site

Cons

  • 30 Mb download to install on website (vs CDN)
  • A 700k file overhead on Free version
  • Paid Subscription (on Pro version)

Why are you proud to use CF?

WWIT for you to make CF more alive this year?

What are you looking forward to at Into The Box

Mentioned in this episode

  • Font Awesome 
  • MuraCMS (ColdFusion Content Management System) used Font Awesome in the admin screen
  • Into The Box conference 
  • MuraCon – dev and marketing (digital experience) tracks 
  • ColdFusion conferences roundup 
  • Demo code 
  • CSS Lint tools
    • Link 1
    • Link 2
  • Preso and demo
  • Jazz conference 
    • a 3-day event, March 21-23, 2018, on Web & JavaScript Development! All tickets include workshop day, and there will be 4 concurrent tracks. Workshops and sessions include:
      • Angular,
      • React,
      • Vue,
      • JavaScript,
      • JS Frameworks,
      • HTML5,
      • CSS3, 
      • tools, techniques.
    • This is not a mega-conf – rather it is an intimate event with less than 250 attendees
    • Ray Camden
    • Simon McDonald
    • Jessica Kennedy

Listen to the Audio

https://traffic.libsyn.com/coldfusionalive/069_Font_Awesome_and_ColdFusion_never_build_icons_again_with_Nolan_Erck.mp3

Podcast: Play in new window | Download | Embed

Subscribe: RSS

Bio

Nolan Erck

Chief consultant at South of Shasta

Nolan Erck has been developing software for 19 years. Starting in the video game industry working on titles for Maxis and LucasArts, then advancing to web development in 1999, his list of credits includes Grim Fandango, StarWars Rogue Squadron, SimPark, SimSafari as well as high-traffic websites for clients. Nolan manages the SacInteractive User Group, teaches classes on aspects of software development, and regularly gives presentations at conferences and user groups across the country.

Links

  • Twitter
  • GitHub

Interview transcript

Michaela:        Today, we’re looking at Font Awesome and ColdFusion and how you can never have to build icons for your apps again and we're here with Nolan Erck. And he is the founder of. South of Shasta productions.

Nolan:             South of Shasta Consulting.

Michaela:        South of Shasta Consulting?

Nolan:             yes

Michaela:        Consulting! He's like an expert ColdFusion consultant and he's always speaking at different conferences. In fact, he’s gonna be speaking I think in like five or six conferences this year including ‘Into the Box’ which we’ll talk about a bit more later.

Read more

 

And to continue learning how to make your ColdFusion apps more modern and alive, I encourage you to download our free ColdFusion Alive Best Practices Checklist.

Because… perhaps you are responsible for a mission-critical or revenue-generating CF application that you don’t trust 100%, where implementing new features is a painful ad-hoc process with slow turnaround even for simple requests.

What if you have no contingency plan for a sudden developer departure or a server outage? Perhaps every time a new freelancer works on your site, something breaks. Or your application availability, security, and reliability are poor.

And if you are depending on ColdFusion for your job, then you can’t afford to let your CF development methods die on the vine.

You’re making a high-stakes bet that everything is going to be OK using the same old app creation ways in that one language — forever.

All it would take is for your fellow CF developer to quit or for your CIO to decide to leave the (falsely) perceived sinking ship of CFML and you could lose everything—your project, your hard-won CF skills, and possibly even your job.

Luckily, there are a number of simple, logical steps you can take now to protect yourself from these obvious risks.

No Brainer ColdFusion Best Practices to Ensure You Thrive No Matter What Happens Next

ColdFusion Alive Best Practices Checklist

ColdFusion Alive Best Practices Checklist

Modern ColdFusion development best practices that reduce stress, inefficiency, project lifecycle costs while simultaneously increasing project velocity and innovation.

√ Easily create a consistent server architecture across development, testing, and production

√ A modern test environment to prevent bugs from spreading

√ Automated continuous integration tools that work well with CF

√ A portable development environment baked into your codebase… for free!

 

Learn about these and many more strategies in our free ColdFusion Alive Best Practices Checklist.

  • Facebook
  • Twitter
  • LinkedIn

Filed Under: CF Alive Podcast, IntoTheBox Conference Tagged With: CFML, CFObjective Conference, ColdFusion, hiring software developers

← Previous Post 7 More Powerful Traits an Ideal ColdFusion Developer Must Have
Next Post → 071 CommandBox 4 Deep Dive (new version revealed) with Brad Wood

Primary Sidebar

Subscribe on iTunes

Popular podcast episodes

  • Revealing ColdFusion 2021 – Rakshith Naresh
  • CF and Angular – Nolan Erck
  • Migrating legacy CFML – Nolan Erck
  • Adobe API manager – Brian Sappey
  • Improve your CFML code – Kai Koenig

CF Alive Best Practices Checklist

Modern ColdFusion development best practices that reduce stress, inefficiency, project lifecycle costs while simultaneously increasing project velocity and innovation.

Get your checklist

Top articles

  • CF Hosting (independent guide)
  • What is Adobe ColdFusion
  • Is Lucee CFML now better than ACF?
  • Is CF dead?
  • Learn CF (comprehensive list of resources)

Recent Posts

  • 141 Into The Box 2025 ColdFusion conference (all the details) with Daniel Garcia – Transcript
  • 141 Into The Box 2025 ColdFusion conference (all the details) with Daniel Garcia
  • 107 ColdFusion 2021 Revealing Details on How it was Created with Rakshith Naresh
  • The Legacy Continues: ColdFusion Summit East Conference Edition
  • 140 BoxLang modern JVM language that runs CFML code (new CFML engine and much more) with Luis Majano and Brad Wood – Transcript

Categories

  • Adobe ColdFusion 11 and older
  • Adobe ColdFusion 2018
  • Adobe ColdFusion 2020 Beta
  • Adobe ColdFusion 2021
  • Adobe ColdFusion 2023
  • Adobe ColdFusion 2024
  • Adobe ColdFusion 2025
  • Adobe ColdFusion Developer week
  • Adobe ColdFusion Project Stratus
  • Adobe ColdFusion Summit
  • AWS
  • BoxLang
  • CF Alive
  • CF Alive Podcast
  • CF Camp
  • CF Tags
  • CF Vs. Other Languages
  • CFEclipse
  • CFML
  • CFML Open- Source
  • CFUnited
  • ColdBox
  • ColdFusion and other news
  • ColdFusion Community
  • ColdFusion Conference
  • ColdFusion Consulting
  • ColdFusion Developer
  • ColdFusion Development
  • ColdFusion Hosting
  • ColdFusion Maintenance
  • ColdFusion Performance Tuning
  • ColdFusion Projects
  • ColdFusion Roadmap
  • ColdFusion Security
  • ColdFusion Training
  • ColdFusion's AI
  • CommandBox
  • Docker
  • Fixinator
  • Frameworks
  • Fusebox
  • FusionReactor
  • IntoTheBox Conference
  • Java
  • JavaScript
  • JVM
  • Learn CFML
  • Learn ColdFusion
  • Legacy Code
  • Load Testing
  • Lucee
  • Mindmapping
  • MockBox
  • Modernize ColdFusion
  • Ortus Developer Week
  • Ortus Roadshow
  • Server Crash
  • Server Software
  • Server Tuning
  • SQL
  • Survey
  • Survey results
  • TestBox
  • Transcript
  • Webinar
  • Women in Tech

TeraTech

  • About Us
  • Contact

Services

  • Free assessment
  • Consulting
  • Crash
  • Development
  • Maintenance
  • Modernization
  • Security
  • Case Studies

Resources

  • CF Alive Book
  • CF Alive Podcast
    • Podcast Guest Schedule
  • TeraTech Blog
  • CF Alive resources
  • CF e-course
  • CF best practice checklist

Community

  • CF Alive
  • CF Inner Circle
  • CF Facebook Group

TeraTech Inc
451 Hungerford Drive Suite 119
Rockville, MD 20850

Tel : +1 (301) 424 3903
Fax: +1 (301) 762 8185

Follow us on Facebook Follow us on LinkedIn Follow us on Twitter Follow us on Pinterest Follow us on YouTube



Copyright © 1998–2025 TeraTech Inc. All rights Reserved. Privacy Policy.