Rob Gravelle

Using the CSS3 Calc() Function Just when you thought that CSS couldn’t get any better, it did! CSS3 introduced, among its numerous new features, a few quality functions. One of the most versatile is undoubtedly the calc() function. It offers a means of dynamically positioning elements at runtime and promises to change the way web […]

Create a Chart Plot Line Using a Pure HTML and CSS Solution There are a lot of excellent front-end chart libraries around. In fact, I wrote several articles on one such library named PlotKit. Any library worth its salt provides a number of options for configuring plot (or marker) lines. Be that as it may, […]

How to Appropriate Custom Fonts from other Websites Demo This header should be in the Bazar font   If you enjoyed this article, please contribute to Rob’s rock star aspirations by purchasing one of Rob’s cover or original songs from iTunes.com or Amazon.com for only 0.99 cents each. Rob has also released CDs with his […]

How to Appropriate Custom Fonts from other Websites In my Manage Web Fonts using CSS3 article, we learned how to incorporate font files into our web pages using the CSS3 @font-face rule. As an example, we downloaded a free font from fontsquirrel.com, one of the many repositories of custom fonts. Most providers offer their fonts […]

HTMLGoodies Bootstrap 3 Demo Toggle navigation Navbar Home About Contact Dropdown Action Another action Nav header Separated link One more separated link Bootstrap 3 Demo Resize this page in the browser to see the layout ajust automatically! Column 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et […]

Getting Started with Twitter Bootstrap 3 With so many people browsing the Internet via mobile devices, it’s crucial to optimize your websites for both the desktop and mobile browsing experience. The preferred way to do that is to make your pages “responsive” so that their layout changes based on the size of the viewport. The […]

  Build an HTML5 Video Player Prior to HTML5, video content could only be embedded into a web page using a plug-in such as flash. The HTML5

Build an HTML5 Audio Player Before HTML5 arrived on the scene, there was no standard for playing audio files on a web page. Therefore, the only way to play audio files was to use a plug-in such as flash. Now, the HTML5

Parsing Building and Street Fields from an Address using Regular Expressions One of the most challenging tasks that I was faced with in recent memory involved the importing a comma separated values (CSV) file into my client’s database. Talk about trying to fit a round peg into a square hole! The first hurdle I encountered […]

_Manage Web Fonts using CSS3 In the early days of the World-Wide-Web, developers had to content themselves with “web-safe” colors and fonts. Using the CSS font-family property, one had to supply several font names as a “fallback” hierarchy, in order to ensure maximum compatibility between browsers and the users’ operating […]

Display a Thumbnail using the Vaadin Application FileUpload Control In the Vaadin Mobile Application Framework, Component.Event is the superclass of all component-originating events and is the one required method of the Component.Listener interface. In the Handling Events in Vaadin Mobile Applications article, we got an overview of events in Vaadin. In today’s follow up, we’ll […]

Using the jQuery TubePlayer Plugin In my Trigger Specific Actions on YouTube Video Player Events article, I described how to achieve granular control over a video’s playback and events using the YouTube IFrame API. It maintains the general pattern and structure of the now defunct JavaScript API, the only difference being how the player is […]