Slides Review: Create Awesome Animated Websites

By  on  

Many of the impressive product websites I see these days are single-page sites with elegant animations and responsive elements;  responsive images, responsive font-sizes, and responsive backgrounds.  Whenever I see these sites I wonder how these sites were made, and what CSS units and JavaScript magic went into their creation.  At the end of the day, however, the tech behind the site doesn't so much matter as the fact that the end product looks stunning.  I was recently asked to look at Slides Framework, a solution for animated, one or multi-page sites that look amazing...and I can confirm I'm amazed.

Quick Hits

  • Slides Framework is a powerful site generator for animated, elegant websites
  • Slides provides numerous templates to choose from
  • Slides templates are responsive and retina quality
  • Slides lets you preview your animated site at any time
  • Slides can easily be rearranged to match your prototype's flow
  • Slides provides dozens of "modules", or widgets, to add to slides to make them more dynamic
  • Slides is developer-friendly; generated code is well-formatted and easily customizable
  • Slides provides a download/export functionality to get all website files when your site is done
  • Slides is frequently updated, adding new features all the time, ranging from adding integrations, navigation styles, modules, parallax properties, and more.

Slides starts with a massive listing of interesting slides categories by type, ranging from basic informational slides to specialized slides with forms, videos, and other traditional types.  Clicking a slide adds it to your site flow, and you can drag and drop slides

What I find most impressive about Slides is that the attention paid to detail is superb; every gesture, both on desktop and mobile, does exactly what I expect from it: swipes, both vertically and horizontally, move to the next or previous logical slide; I love well-done UX.

Along with the default slide layouts and widgets, you can also customize slide transitions.  Additionally, you can tweak other site generator settings:

Slides also integrates with dozens of well known third parties to provide users a more consuming experience while allowing you, the developer, to get and display the information you need:

Once the slides you want are generated, you can export the code for the. The code is well formatted, which you don't always expect from a generator. This code formatting allows the developer to jump in and add custom code, as well as promote an easy maintenance experience.

Slides Framework is a really impressive product that does everything it can to put the developer in the best possible position:  a slide editor to pick from a listing, pre-made widgets and slides to choose from, responsively styled design, and fully customizable code you can download and hack to your heart's content.  I'd love Slides for a product site or a working prototype -- it's really that impressive.

Recent Features

  • By
    Create Namespaced Classes with MooTools

    MooTools has always gotten a bit of grief for not inherently using and standardizing namespaced-based JavaScript classes like the Dojo Toolkit does.  Many developers create their classes as globals which is generally frowned up.  I mostly disagree with that stance, but each to their own.  In any event...

  • By
    Facebook Open Graph META Tags

    It's no secret that Facebook has become a major traffic driver for all types of websites.  Nowadays even large corporations steer consumers toward their Facebook pages instead of the corporate websites directly.  And of course there are Facebook "Like" and "Recommend" widgets on every website.  One...

Incredible Demos

  • By
    RealTime Stock Quotes with MooTools Request.Stocks and YQL

    It goes without saying but MooTools' inheritance pattern allows for creation of small, simple classes that possess immense power.  One example of that power is a class that inherits from Request, Request.JSON, and Request.JSONP:  Request.Stocks.  Created by Enrique Erne, this great MooTools class acts as...

  • By
    Add Styles to Console Statements

    I was recently checking out Google Plus because they implement some awesome effects.  I opened the console and same the following message: WARNING! Using this console may allow attackers to impersonate you and steal your information using an attack called Self-XSS. Do not enter or paste code that you...

Discussion

    Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!