Giter Site home page Giter Site logo

Adam Moisa's Projects

animatedbordermenus icon animatedbordermenus

A tutorial on how to create a off-canvas icon navigation with an animated border effect.

animatedheader icon animatedheader

A fixed header that will animate its size on scroll. The inner elements will also adjust their size with a transition.

animatedresponsiveimagegrid icon animatedresponsiveimagegrid

A jQuery plugin for creating a responsive image grid that will switch images using different animations and timings. This can work nicely as a background or decorative element of a website since we can randomize the appearance of new images and their transitions.

animatedsvgicons icon animatedsvgicons

Using SVGs on websites is becoming more and more easy with great libraries like Snap.svg. Today we want to explore what we can do with it and animate some SVG icons as a practical example.

arrownavigationstyles icon arrownavigationstyles

Some inspiration for arrow navigation styles and hover effects using SVG icons for the arrows, and CSS transitions and animations for the effects.

awesome-ios icon awesome-ios

A curated list of awesome iOS ecosystem, including Objective-C and Swift Projects

blueprint-slidepushmenus icon blueprint-slidepushmenus

Fixed menus that will slide out from the sides of the page and in case of the right and left side optionally move the body.

circularprogressbutton icon circularprogressbutton

Implementation of Colin Garvin's [submit button concept](http://dribbble.com/shots/1426764-Submit-Button)

clickeffects icon clickeffects

A set of subtle effects for click or touch interactions inspired by the visualization of screen taps in mobile app showcases. The effects are done with CSS animations mostly on pseudo-elements.

creativebuttons icon creativebuttons

Some creative and modern button styles and effects for your inspiration.

creativelinkeffects icon creativelinkeffects

An inspirational collection of experimental link effects mostly using transitions on pseudo-elements.

dialogeffects icon dialogeffects

A collection of dialog effects using CSS (and SVG) animations.

directionawarehovereffect icon directionawarehovereffect

How to create a direction-aware hover effect using CSS3 and jQuery. The idea is to slide in an overlay from the direction we are moving with the mouse.

draggabledualviewslideshow icon draggabledualviewslideshow

A draggable slideshow with two views: fullscreen and small carousel. In fullscreen view, a related content area can be viewed.

dynamicgrid icon dynamicgrid

A dynamic grid layout that let's you choose how many rows and columns of items are shown. Partly based on the visualization of Google Trends, except that you can add transitions.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.