The ThemeKit dBox widgets are ideal for reducing the amount of onload content to save excessive scrolling for small mobile device users.
The media items - images and videos - are lazy loaded toprevent them effecting the page download time.
The whole of the header acts as the action tab - not just the animated icon.
The header text can be aligned left or center and has a control to set the text-transform to uppercase if required.
The box has an option for an image, a heading, text, an optional list, more text and a link.
The item can be open for editing or left open on page load. Several drop boxes can be stacked to work in unison.
Any open item will close when another is selected to open to save excessive scrolling for small mobile device users.
Like all items used on a responsive website the ThemeKit dBox widgets have all the essential features for fast page download and code efficiency.
Media items such as images, the map, self hosted video and YouTube video all have a lazy loading function which should be used if the dropbox is closed at page load.
Although the boxes can be used individually anywhere they can be stacked to create a multi function accordion style item.
For greater efficiency they use common supporting CSS and Javascript files.
The best way to build a responsive website with EverWeb. These are the best designed and constructed widgets available to the EverWeb user.
HTML
All widgets use HTML5 containersResponsive
Do not require the EverWeb Responsive RowCode
More efficient code for faster downloadStyles
Full use of CSS3 for better stylingStyle Insert
No inline styles to slow page loadScripts
All supporting scripts are minifiedGoogle Score
Get web pages to score "in the green" with Google's Page Insights testCustom
Professional class elements with custom stylesYour EverWeb website project deserves the best design componenets.
More InfoNOTE: that the animated tab icon in this example is shown without the optional border.
The box has an option for an MP4, a heading, text, an optional list, more text and a link.
A responsive video must have the following features …
The video files used in this demo are 854 x 480px (14MB) and 426 x 240px (5.4MB).
The box has a YouTube video, a heading, text, an optional list, more text and a link.
Hosted video like YouTube is very inefficient and effects the page download time since it downloads a whole bunch of assets whether the video is played or not.
For best page download efficiency insert hosted video in a drop box or to open i). a modal (lightbox).
The video player …