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.
- 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.
- Faster page loading.
- 100s of commonly used icons included
- Vector based graphics – no pixelation on zooming
- 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
- Free open source version
- 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
- Rotating icons
- Installing Font Awesome
- CSS Lint
- Online docs
- Support (paid version)
- How does it work with Bootstrap?
- No problem
- Pros and cons of Font Awesome
- Saves grunt work
- Better UX
- No pixelation
- Responsive ready
- Faster site
- 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
- Preso and demo
- Jazz conference
- This is not a mega-conf – rather it is an intimate event with less than 250 attendees
- Ray Camden
- Simon McDonald
- Jessica Kennedy
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.