I AM LISTENING TO
|
WHAT I LIKE
  • English
  • German
BLOG FILTER

Home » Cheatography ... cheatsheets for almost anything

Cheatography offers over 2,500 free Cheat Sheets, Revision Aids and Quick References!

Cheatography 

readmore

Grav is a Fast, Simple, and Flexible, file-based Web-platform. There is Zero installation required. Just extract the ZIP archive, and you are already up and running. It follows similar principles to other flat-file CMS platforms, but has a different design philosophy than most.

Grav comes with a powerful Package Management System to allow for simple installation and upgrading of plugins and themes, as well as simple updating of Grav itself.”

Grav@GitHub

readmore

A Sass mixin for creating angled edges on sections by dynamically encoding SVGs.

Angled Edges

readmore

  • Fully responsive.
  • Modular architecture with built in plugins.
  • Touch support for mobile devices.
  • Mouse drag supports for desktops.
  • Double-click/Double-tap to see actual size of the image.
  • Animated thumbnails.
  • Social media sharing.
  • YouTube, Vimeo, Dailymotion, VK and HTML5 video support.
  • 20+ Hardware-Accelerated CSS3 transitions.
  • Dynamic mode.
  • Full screen support.
  • Supports zoom.
  • Browser history API.
  • Responsive images.
  • HTML iframe support.
  • Multiple instances on one page.
  • Easily customizable via CSS (SCSS) and Settings.
  • Smart image preloading and code optimization.
  • Keyboard Navigation for desktop.
  • Font icon support.
  • And many more.

Lightgallery.js

readmore

Grunticon is a Grunt.js task that makes it easy to use SVGs (Scalable Vector Graphics) for crisp, resolution independent icons, logos, illustrations and background images. SVGs aren’t supported everywhere so Grunticon auto-generates bitmap (PNG) fallback images and loads the right format for compatibility with pretty much any browser.”

Grunticon

readmore

Transformicons are animated symbols/buttons/icons that morph using a combination of SVG, CSS and HTML.
They also offer a builder to tweak the set.

Transformicons

readmore
10. August 2016

SVG Circus

SVG Circus enables you to create cool animated SVG spinners, loaders and other looped animations online in seconds.

They allow you to build your own scenarios and combine offered presets.

SVG Circus

readmore

Varying Vagrant Vagrants is an open source Vagrant configuration focused on WordPress development. The primary goal of Varying Vagrant Vagrants (VVV) is to provide an approachable development environment with a modern server configuration. VVV is ideal for developing themes and plugins.

GitHub

readmore

A simple, accessible and customizable HTML5, YouTube and Vimeo media player.

  • Accessible – full support for VTT captions and screen readers
  • Lightweight – under 10KB minified and gzipped
  • Customisable – make the player look how you want with the markup you want
  • Semantic – uses the right elements. <input type="range"> for volume and <progress> for progress and well,<button>s for buttons. There’s no <span> or <a href="#"> button hacks
  • Responsive – as you’d expect these days
  • HTML Video & Audio – support for both formats
  • Embedded Video – support for YouTube and Vimeo video playback
  • API – toggle playback, volume, seeking, and more
  • Universal events – no messing around with Vimeo and YouTube APIs, all events are universal across formats
  • Fullscreen – supports native fullscreen with fallback to “full window” modes
  • i18n support – support for internationalization of controls
  • No dependencies – written in “vanilla” JavaScript, no jQuery required
  • SASS and LESS provided – If you like these over plain CSS

GitHub

readmore

The clip-path property allows you to make complex shapes in CSS by clipping an element to a basic shape (circle, ellipse, polygon, or inset), or to an SVG source.

Can you use it ? Check CanIUse ..

Clippy allows you to create those clip paths with use. Use presets or create your own. Copy and past css and you are done ;)

Clippy

readmore