HTML/CSS Archives - John Dyer

Using CSS to Display Fonts for Greek and Hebrew, but not English

By John Dyer on September 30, 2016March 5, 2020

If you have a website that mixes Latin characters languages like English or Spanish with characters from a non-Latin language like Greek, Hebrew, or Arabic it usually requires a lot of extra CSSContinue readingUsing CSS to Display Fonts for Greek and Hebrew, but not English

Coloring Hebrew Vowels and Accents in HTML/CSS

By John Dyer on May 18, 2013March 5, 2020

In a recent conversation with a Hebrew professor, we discussed adding color to Hebrew vowels and accents. If you’re unfamiliar, Hebrew is different from most Western languages in two mainContinue readingColoring Hebrew Vowels and Accents in HTML/CSS

Drawing 3D Objects and Buildings on Google Maps

By John Dyer on February 11, 2013March 5, 2020

As a web developer for a school, I’ve always enjoyed the challenge of creating a good campus map. The school I work for has a growing online seminary program to train pastors aroundContinue readingDrawing 3D Objects and Buildings on Google Maps

How to Create a Responsive, Retina-ready Website

By John Dyer on September 12, 2012March 5, 2020

My team and I at Dallas Theological Seminary just finished putting together a new site that has both a responsive layout and Retina graphics, and I thought it would beContinue readingHow to Create a Responsive, Retina-ready Website

HTML5 Audio Karaoke – a JavaScript audio text aligner

By John Dyer on June 1, 2012March 5, 2020

What it Does Based on some amazing work by my friend Weston Ruter, I’ve put together a little library that mashes together some text (usually some HTML) an audio sourceContinue readingHTML5 Audio Karaoke – a JavaScript audio text aligner

HTML5 Reset Debug

By John Dyer on December 3, 2010March 5, 2020

I’m a huge fan of using HTML Reset, originally created by Eric Meyer and given HTML5 updates by people like Richard Clark. The only problem is that when you try toContinue readingHTML5 Reset Debug

HTML Table to JSON

By John Dyer on May 5, 2010March 5, 2020

I am updating a tool that allows users to customize a large data table to their needs. It’s sort of like a progressive insurance for seminaries in that it helpsContinue readingHTML Table to JSON

HTML5 Video Player with Slides and Transcript

By John Dyer on April 26, 2010March 5, 2020

A few weeks ago I created an HTML5 version of DTS’s online video player application. A few years ago, when Flash 9 enabled H.264 playback, we switched all of ourContinue readingHTML5 Video Player with Slides and Transcript

Optimizing CSS with Base64 Embedded Images (with Bonus Utility!)

By John Dyer on January 26, 2010March 5, 2020

As I design a new site (current site | early demo of new site), I am working through what combination of technologies (CDN, sprites, caching, gzipping, etc.) we wantContinue readingOptimizing CSS with Base64 Embedded Images (with Bonus Utility!)

Refactoring the JavaScript Color Picker – Step 1: Clean up the HTML and CSS

By John Dyer on November 19, 2009March 5, 2020

On of the most popular posts on this blog was a color picker (demo) I created about 4 years ago and then released 2 years ago. It was based onContinue readingRefactoring the JavaScript Color Picker – Step 1: Clean up the HTML and CSS

Category: HTML/CSS