Design Elements

We make extensive use of web design elements. These tools make our job easier, and that saves you money. We use them to enhance the visual appearance and functionality of your site, using components that make sense for your business. You'll get the website you've been hoping for, at a price you can afford.

Data Tables

Traditional data tables often look like boring lists of information. Our active data tables are very elegant, and provide much more function than a traditional data table. We have developed a way to combine some simple coding with professional styling options. The result is an intuitive "active table" with buttons"and icons which can appear as selectable links.

John Schnell and Associates

Font Awesome

Font Awesome gives web designers the opportunity to use scalable vector icons which can be easily customized.

Font Awesome v.5 currently includes 910 icons (and the number just keeps on growing). In a single collection, Font Awesome is a pictographic language of web-related actions. Font Awesome Pro is a great tool that John Schnell and Associates has subscribed to, for commercial use on behalf of our clients. Skilled web designers can style icon color, size, shadows, and anything else that's possible with CSS.

Font Awesome icons are gorgeous on high-resolution displays like iPhones and iPads. Originally designed for Bootstrap, Font Awesome works great with all current browsers and frameworks.

John Schnell and Associates

Google Fonts

Accordion Panels are selectable user interfaces — page elements which allow you to expand and collapse (like an accordion) multiple panels of content, with access to each panel controlled by a selectable component. Accordion Panels can be inserted into pages or table layouts. They can be tucked snugly into sidebars, and can span an entire page. You can insert multiple tab panels on a single page, and the content can include text, lists, images, forms, tables, and links — using an intuitive interface.

John Schnell and Associates

Google Maps

Google Maps is a web-based service that provides detailed information about geographical regions and sites around the world. In addition to conventional road maps, Google Maps offers aerial and satellite views of many places. In some cities, Google Maps offers street views comprising photographs taken from vehicles.

Google Maps offers several additional services. A route planner offers directions for drivers, bikers, walkers, and users of public transportation who want to take a trip from one specific location to another. The Google Maps application program interface (API) makes it possible for web designers to embed Google Maps into websites.

To learn more, visit Google Maps.

John Schnell and Associates

Material + Icons

Google's Material + Icons gives web designers the opportunity to use scalable vector icons which can be easily customized.

Material + Icons currently includes 585 icons (and the number just keeps on growing). In a single collection, Material + Icons is a pictographic language of web-related actions. Material + Icons is completely free for commercial use. Skilled web designers can style icon color, size, shadows, and anything else that's possible with CSS.

Material + Icons icons are gorgeous on high-resolution displays like iPhones and iPads. Material + Icons works great with all current browsers and frameworks.

John Schnell and Associates

Tooltips

We use tooltips to provide additional information or context which "pops up" in an attractive box when users mouse over or click on text or images. A tooltip link can be an element's title, or a complete string of text. A tooltip box can contain any type of content you wish to display, including paragraphs of text, tables, forms, links, or images.

John Schnell and Associates

Video Player

An embedded video player allows users to view YouTube or Vimeo videos on your site. Our new video player is responsive, which means it functions across a wide range of devices, including desktops, laptops, tablets, and mobile phones.

We have developed a special method to support videos embedded inside iframes — the typical method used by Vimeo and YouTube. And since it embraces responsive design, the video player will adjust dynamically, taking into consideration the characteristics of the device being used.

John Schnell and Associates