Giter VIP home page Giter VIP logo

Adam Nesbitt's Projects

3drestaurantmenu icon 3drestaurantmenu

A responsive 3D menu concept for a restaurant website. The idea is to show the menu as a folded flyer and unfold it in order to show the menu items.

animatedbordermenus icon animatedbordermenus

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

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.

bookpreview icon bookpreview

A "look inside" book preview with BookBlock. A concept for book showcases or online book stores that shows a grid of books with the options to view the details and to look inside of the book, opening the BookBlock in fullscreen and allowing for a 3D page navigation.

card icon card

make your credit card form better in one line of code

circularprogressbutton icon circularprogressbutton

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

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.

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.

fullscreenform icon 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.

fullscreenoverlaystyles icon 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.

hover icon hover

A collection of CSS3 powered hover effects to be applied to call to actions, buttons, logos, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS and SASS.

iconhovereffects icon iconhovereffects

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

inlineanchorstyles icon inlineanchorstyles

A set of creative and modern inline anchor styles and effects for your inspiration.

itemslider icon itemslider

A tutorial on how to create a simple category slider with a minimal design using CSS animations and jQuery. The idea is to slide the items sequentially depending on the slide direction.

minimalform icon 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 icon modalwindoweffects

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

morphingdevices icon morphingdevices

An experimental morphing device slideshow with CSS Transitions for showcasing responsive web design screenshots.

naturallanguageform icon naturallanguageform

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

pagetransitions icon pagetransitions

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

perspectivepageviewnavigation icon perspectivepageviewnavigation

Some effects for a perspective page view navigation where the page itself gets pushed away in 3D to reveal a menu or other items.

progressbuttonstyles icon progressbuttonstyles

A set of flat and 3D progress button styles where the button itself serves as a progress indicator. 3D styles are used for showing the progress indication on one side of the button while rotating the button in perspective.

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.