EverWeb Widgets

EverWeb Widgets

Responsive Widgets

Responsive widgets using the CSS Grid Layout Module for better design, more items for less code and faster download speed.

EverWeb Widgets

Responsive Slide Over

A CSS Grid Layout consists of a parent element, with one or more child elements.
This example contains two elements - an article and a figure. The relative widths are calculated in the CSS using fractional units. In this case, the text area is 2fr and the image is 3fr. This corresponds with relative widths of 40% and 60% respectively.
At the break point, the text slides over the image and its background has the opacity value reduced.

EverWeb responsive slide over

Slideshow

switch slider

Switch Height Slider

switch slider

Optional Captions & Links

switch slider

Slide or Fade Transition

switch slider

Autoplay - Stop On Last

Services

Grid Items

Each grid item is an HTML5 figure element with a PNG image with a figcaption and a text description.

Links

The icons can be created as links to internal or external pages and open in a new window if required.
The inks can show a title on hover when viewed on computers.

Grid

The grid is created using the CSS "display:grid" which is now supported by all modern browsers.

Layout

The items are spaced out using the "grid-gap" property.
The number of items per row is set using the "grid-template-columns" property.

Items Per row

The number of items per row on the different devices is set using CSS Media Queries.

Icons

The PNG images used here were created in Keynote and are 128 x 128px

Testimonials

What Our Customers Say

It's rare to find a developer who not only listens to user requests but implements them .
EverWeb has had an astonishing number of updates in its life which gives hope for its future development

John Brown

This software offers so much more freedom to develop my own ideas with plenty of scope for artistic expression without being tied to a template

Celia Mainyard

Being able to extend the basic functionality with the availability of literally hundreds of widgets puts EverWeb way ahead of other web creation tools.

Neil Blythe

It's a great product that is just as easy to design in as iWeb was. Most important to me is their fantastic customer service.
When I had some issues and had to deal with their support team they were fast and extremely helpful in resolving all of my needs.

Sean Vernon

EverWeb is an ideal replacement for iWeb. It gives me creative possibilities with my Mac that don't exist elsewhere.
I cannot express what that means in benefits. If you're a Mac/Apple person, this is the best choice for developing and maintaining your own creative website - no matter the style.

Sonia Grenoble

Having recently created and launched my first-ever website with EverWeb + hosting
Five stars for the software and another five for EverWeb's terrific support.
Building a website to display my artwork has been very rewarding learning experience. I'm delighted with the result!

M Johansen

Reviews

Very Versatile

The Mackie Big Knob 3x2 is one very versatile piece of gear. I don't know how I got along without this thing. It has made controlling Mics, all my line level Instruments, as well as music sources like MP3 and CD players a breeze. If that is not enough, it will also switch between two Monitor speaker sets.
It also include Tracktion software which is really easy to use. The only thing missing as far as I am concerned is MIDI in and out ports. It is still one great piece of gear to have!

Cal from California

Blown Away

I was blown away at the preamp quality in the Mackie Producer 2-2 USB interface I use at work. The ONYX preamps are heads and tails above the "reds" and the "blues", just my opinion.
When we needed a monitor controller, it was a no brainer to get the Big Knob from Mackie. Basically get 2 really nice preamps in addition to providing quality switching options for 2 sets of monitors. Only bummer is no MIDI, but we didn't need that for the monitor control features, so all good. If Mackie would add an ADAT in/out they would be The Kings Of USB Interfaces.The 3x2 is a great piece of kit at a sweet price. Paying more for less makes no "cents", so save some dough and get you some Mackie. PLUS the drivers are the compatible with every one of our DAW's - ACID, Studio One, Cakewalk, Samplitude, Tracktion, Sound Forge - it is a huge plus to have the Mackie interfaces jive so seamlessly.

Van from Vancouver

Go For It!

I had a Big Knob in a former studio I had built and remember the big, clean sound it produced through my monitors. I have a new studio now and haven't been able to get the same level of purity and fullness from the two audio interfaces I've been using (famous name 2-input units). I noticed that the Big Knob line had been upgraded and now featured two channels of IO. Seemed like a no-brainer. It was! I'm now getting the same big output I missed so much and have a couple of pristine preamps to to with it! I ran my Rode NT2 through them and now understand why the that mic is such a big deal. Huge sound and crisp detail. And of course, to top it all off, I have a fully capable monitor switcher, talkback mic, mono sum button, and extra outputs to boot! If you only need two inputs in your recording chain, I see absolutely no reason to not buy this, given all that you get to go with them. I just picked up a GAP Pre-73 Jr. to finish my setup and cannot imagine the vocal quality I'm going to get when combined with the Big Knob. We pro audio snobs tend to obsess over the fine details. But when you step back and consider the level of quality and functionality of this unit, you're basically getting champagne quality and features from the 'Budweiser of audio gear.

Bob from Boston

Info

Page Layout Widgets

If viewing this page on a computer, reduce the browser width to see how the layout changes. More realistic results can be obtained by opening the page in both an iPad and an iPhone in the iOS Simulator.

This page is created using these items…

  • The Action Hero Switch Widget shows a fixed height image on computers and switches to responsive height on touch devices. The heading, text and CTA style link animate in.
    The heading has an optional underline animation and the link has a draw border animation.
  • The Scroll Navigation can link to internal or external pages and/or create scroll down links to anchors. The navigation can overlay the item above it at the top and be fixed in position if required
  • The Scroll Down Bar has a phone number which switches to a phone icon "Call Me" button on phones, a scroll down chevron to scroll to the next item and an email link with spam protection
  • The Responsive Heading Widget is used with the maximum width setting and the text aligned left to create section dividers and the anchors for the scroll down links
  • The Slide Over has a panel with heading, text and optional link and an image to the left or right when viewed on wider screens. On narrower screens, the panel slides on top of the image and its background becomes transparent
  • The Switch Slider shows the lazy loading images as full width fixed height on computers and switches to responsive width and height on touch devices.
    The arrows switch position and can be hidden on mobile for swipe navigation.
    The images can be links and the slider can be set to autoplay and stop on the last slide
  • The Modal Links widget can open several different items in a modal window. These are text, image, Vimeo and YouTube video, Google Map, contact form, blog signup form and website custom search
  • The PNG Icon Links create a grid with each item having a PNG image link with hover animation, a heading and text.
  • The testimonials have a show more link so that a number of them can be inserted without taking up to much space. The fancy quotes and author's signature use custom Google hosted fonts.
  • The reviews have a more/less button and can show a star rating from zero to five in half star increments. The text is limited by setting a maximum number of characters to show on page load.
  • This list is created using the Responsive Styled List widget which has options for a heading and text and controls for setting the list style, position, inset and spacing
  • The Grid Footer has a phone number which switches to a "Call Me" icon on mobile phones, a text block with auto copyright year update, an email link and a smooth scroll to the top function