responsive drag slider with parallax effect and transparent letter effect by using javascript, CSS. The thing is pretty easy customizable. You can safely change font, font size, font color, animation speed. The first letter of a new string in array in JS will appear on a new slide.

Easy to create (or delete) a new slide: 1. Add new city in the array in JS. 2. Change number of slides variable and put a new image in scss list in CSS.


JK Responsive Youtube Video and Image Gallery is a modern, lightbox style gallery that works perfectly on any screen size and device, big or small. Click on a Youtube video or image thumbnail to see an enlarged version centered on the screen with support for an optional, rich HTML caption beneath it


A cool effect made using CSS and JavaScript depicting a planet (Mars) with a rotating 3D effect, as well as some text which together compose a cool presentation slide or card. The sphere has a constant rotation speed, but you can drag it as well to increase it.


A cool CSS and JavaScript transition effect that can easily be implemented on any website. The transition can be used for sliders and other types of elements on the site, like cards (like in the example).


Today we’d like to share a fun little experiment with you: a geeky “try-on” sunglasses effect. It’s not a “try-on” in the classical sense for previewing how the sunglasses might look on a person, but instead how the view looks like when putting on some sunglasses and looking through them. For that we use a simple overlay effect and some animations to mimic the movement you do when you try on glasses from the first person perspective.


A simple chat bot in JavaScript with links to smart conversational APIs such as WebKnox (all purpose question answering), spoonacular (food related conversations), and DuckDuckGo Instant Answers (mostly entities like movies, people, and places).


CSS & JS Sidebar Toggle Menu

Thursday, 23 February 2017

A simple sidebar toggle menu made in CSS and JavaScript that activates on click, displaying a material menu for applications and mobile websites. It also looks good on big screens.


TypewriterJS is a simple yet powerful native javascript plugin for a cool typewriter effect.

Features

  • Simple
  • Fast
  • Easy to apply

A cool yet simple sticky header created in CSS and JavaScript. It remains on top of the page while the rest scrolls. The header includes the title of the resource, and it keeps the other elements in place, like the hamburger menus, the search bar and more.


nanogallery2 is a javascript library to create beautiful and high-quality image galleries for your website. Easy to use for designers and coders.

It's free to use for personal or open source projects.