adammoisa Goto Github PK

expandingsearchbar

A tutorial on how to create a mobile-friendly and responsive expanding search bar.

favico.js

Make use of your favicon with badges, images or videos

firepad

Collaborative Text Editor Powered by Firebase

flattr-icons-kde

Fork of Flattr icon theme for KDE desktops for dark themes

full-height-sections

ES6 Vanilla.js full-height sections plugin. Create full screen pages simple.

fullscreenform

An experimental fullscreen form concept where the idea is to allow distraction-free form filling with some fancy animations when moving between form fields.

fullscreenlayoutpagetransitions

This responsive layout is based on an initial grid of four boxes. Once a box is clicked, it gets resized to fullscreen and the other boxes scale down and fade out. In the work section we experiment with another transition which is to show a panel by making it appear from the bottom while scaling the current one down. To see it in action, open the work section and click on one of the portfolio items and navigate through them.

fullscreenoverlaystyles

Some simple and creative overlay styles and effects. From sliding the overlay into the viewport to using SVG morphing shapes, we explore some effects for fullscreen overlays.

gammagallery

Gamma Gallery is an experimental responsive image gallery that attempts to provide an adjustable responsive images approach taking its grid layout and the full slideshow view into account.

gridgallery

A responsive grid gallery based on the [Google Chromebook getting started](https://gweb-gettingstartedguide.appspot.com/) guide gallery. In this Blueprint we use Masonry for the grid and 3D transforms for navigating the items.

gridloadingeffects

Some inspiration for loading effects of grid items using CSS animations.

hackprincetonf16

horizontalslideoutmenu

A horizontal slide out menu with a grid-like thumbnail layout for the submenu. With media query examples for smaller devices.

hovereffectideas

Some inspiration and modern ideas for subtle hover effects.

iconhovereffects

A set of simple round icon hover effects with CSS transitions and animations for your inspiration.

instagram.css

Complete set of Instagram filters in pure CSS

js13k-rewire

My entry for the js13kGames 2018 Development Competition

meteor-azure

Meteor support for Azure App Service

meteor-showmethemoney

Very basic Stripe payment point using Meteor.js

minimalform

A simplistic form with inputs shown one at a time. Inspired by the form seen on the end of the [PageLanes website](http://www.pagelanes.com/).

modalwindoweffects

A set of experimental modal window appearance effects with CSS transitions and animations.

morphingsearch

A simple effect idea for a search input that morphs into a fullscreen overlay. The idea is to enlarge the search input and show some relevant content or search results.

multielementselection

Ever thought that clicking multiple checkboxes is not a very user-friendly task? Imagine rows and rows of junk mail that you'd like to select in your email app. This little script tries to ease that task by allowing a rapid and simple selection of multiple items by clicking, holding and moving over the desired items.

multilevelpushmenu

An experimental push menu with multi-level functionality that allows endless nesting of navigation elements.

naturallanguageform

An experimental form that uses natural language instead of the usual form layout. Values are entered using custom input elements.

notificationstyles

Various simple ideas and effects for unobtrusive notifications on a website.

offcanvasmenueffects

Some inspiration for off-canvas menu effects and styles using CSS transitions and SVG path animations.

onscrolleffectlayout

An on scroll effect template that animates the sides of sections once they are in the viewport.

openface

OpenFace – a state-of-the art open source tool intended for facial landmark detection, head pose estimation, facial action unit recognition, and eye-gaze estimation.

pagetransitions

A showcase collection of various page transition effects using CSS animations.