webslides

-


WebSlides = Good Karma

Finally, everything you need to make HTML presentations in a beautiful way. Just the essentials. You can create your own presentation instantly. Simply choose a demo and customize it in minutes — https://webslides.tv/demos
Why WebSlides?
Good karma and productivity. Just a basic knowledge of HTML and CSS is required. Designers, marketers, and journalists can now focus on the content.
Features
Version 0.1 (Jan 8, 2017):
  • Navigation (horizontal and vertical sliding): touchpad, keyboard shorcuts, and swipe.
  • Slide counter.
  • Permalinks: go to a specific slide.
  • Simple CSS alignments. Put content wherever you want (vertical centering...)
  • 40+ components: background images/videos, quotes, cards, covers...
  • Flexible blocks with auto-fill and equal height.
  • Fonts: Roboto, Maitree (Serif), and San Francisco.
  • Vertical rhythm (use multiples of 8).
Markup
  • Code is clean and scalable. It uses intuitive markup with popular naming conventions. There's no need to overuse classes or nesting.
  • Each parent <section> in the #webslides element is an individual slide.
<article id="webslides">
    <section>
        <h1>Slide 1</h1>
    </section>
    <section class="bg-black aligncenter">
    <!-- .wrap = container 1200px -->
        <div class="wrap">
            <h1>Slide 2</h1>
        </div>
    </section>
</article>
Vertical Sliding
<article id="webslides" class="vertical">
What's in the download?
The download includes demos and images (devices and logos). All content is for demo purposes only. Images are property of their respective owners.
webslides/
├── index.html
├── css/
│   ├── base.css
│   └── colors.css
│   └── svg-icons.css (optional)
├── js/
│   ├── webslides.js
│   └── svg-icons.js (optional)
└── demos/
└── images/
CSS Syntax (classes)
  • Typography: .text-landing, .text-data, .text-intro...
  • Background Colors: .bg-primary, .bg-apple, .bg-blue...
  • Background Images: .background,.background-center-bottom...
  • Cards: .card-50, .card-40...
  • Flexible Blocks: .flexblock.clients, .flexblock.metrics...
Extensions
You can add:

Comments

Post a Comment

Popular posts from this blog

How to Write a Shell in C

-
It’s easy to view yourself as “not a  real  programmer.” There are programs out there that everyone uses, and it’s easy to put their developers on a pedestal. Although developing large software projects isn’t easy, many times the basic idea of that software is quite simple. Implementing it yourself is a fun way to show that you have what it takes to be a real programmer. So, this is a walkthrough on how I wrote my own simplistic Unix shell in C, in the hopes that it makes other people feel that way too. The code for the shell described here, dubbed  lsh , is available on  GitHub . University students beware!  Many classes have assignments that ask you to write a shell, and some faculty are aware of this tutorial and code. If you’re a student in such a class, you shouldn’t copy (or copy then modify) this code without permission. And even then, I would  advise  against heavily relying on this tutorial. Basic lifetime of a shell Let’s look at a s...
Read more

.NET API

-
autorest  - Swagger (OpenAPI) Specification code generator featuring C# and Razor templates. Supports C#, Java, Node.js, TypeScript, Python and Ruby.  4.5.x or above Flurl  - Fluent URL builder and testable HTTP for .NET  http://tmenier.github.io/Flurl . LightNode  - Micro RPC/REST Framework built on OWIN  http://neuecc.github.io/LightNode . NSwag  - The Swagger API toolchain for .NET, Web API and TypeScript  http://NSwag.org . refit  - The automatic type-safe REST library for Xamarin and .NET  http://paulcbetts.github.io/refit/ . RESTClient .NET  - Simple REST Client for all .NET platforms. RestEase  - Easy-to-use typesafe REST API client library, which is simple and customisable. Swashbuckle  - Seamlessly adds a swagger to WebApi projects. WebAPIContrib for ASP.NET CORE  - Community Contributions for ASP.NET Core. GraphQL graphql-dotnetcore  - GraphQL for .NET Core based on  https://github.com/g...
Read more

.NET Sample Projects

-
AlbumViewerVNext  - West Wind Album Viewer ASP.NET 5 Sample. allReady  - Open-source solution focused on increasing awareness, efficiency and impact of preparedness campaigns as they are delivered by humanitarian and disaster response organizations in local communities.  http://www.htbox.org/projects/allready AspNet5GeoElasticsearch  - ASP.NET Core MVC Geo Elasticsearch Swashbuckle Swagger. aspnet-servicediscovery-patterns  - Samples of implementing Service Discovery patterns with ASP.NET Core. cloudscribe  - ASP.NET Core Multi-tenant web application foundation. distributed-playground  - Distributed service playground with Vagrant, Consul, Docker & ASP.NET Core. DotNetClub  - Tiny club written in ASP.NET Core. Entropy  - Chaotic experimental playground for new features and ideas - check here for small and simple samples for individual features. guidance-identity-management-for-multitenant-apps  - How to manage user identitie...
Read more