Built something? We create video reels & spotlights for GitHub projects.Promote your project →
Home / Developers / cybord
Developer Profile

cybord

Discovered public repositories for cybord in the GitHub catalog.

↗

cybord/laziestloader

A responsive-aware jQuery plugin to smartly lazy load images and other elements.

↗

cybord/animate.css

A cross-browser library of CSS animations. As easy to use as an easy thing.

↗

cybord/Pixelator

A really simple tool to generate one element css box-shadow pixel style.

↗

cybord/basket.js

A script and resource loader for caching & loading scripts with localStorage

↗

cybord/Sortable

Sortable — is a minimalist JavaScript library for modern browsers and touch devices. No jQuery.

↗

cybord/Fluidbox

Replicating and improving the lightbox module seen on Medium with fluid transitions.

↗

cybord/PFold

A highly experimental jQuery plugin that let's you unfold elements to reveal more content just like a piece of paper. Unfolding directions and number of steps can be specified.

↗

cybord/Slicebox

Slicebox is  a jQuery 3D image slider plugin that makes use of CSS 3D Transforms and provides a graceful fallback for older browsers that don't support the new properties.

↗

cybord/SlitSlider

A responsive slideshow with a twist: the idea is to slice open the current slide when navigating to the next or previous one. Using jQuery and CSS animations we can create unique slide transitions for the content elements.

↗

cybord/Baraja

Baraja is a jQuery plugin that allows to move elements in a card-like fashion and spread them like one would spread a deck of cards on a table. It uses CSS transforms for rotating and translating the items. There are several options available that will create various spreading possibilities of the items, for example, moving the items laterally or rotating them in a fan-like way.

↗

cybord/SwatchBook

A tutorial about how to create a swatch book like component that let's you open and rotate the single swatches revealing some details. We will be using CSS transforms and transitions and create a simple jQuery plugin.

↗

cybord/VerticalShowcaseSlider

A tutorial on how to create a responsive vertical fullscreen slider that moves its sections in opposite directions. We'll be using jQuery, CSS Transitions and media queries to make the layout adaptive.

↗

cybord/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.

↗

cybord/SliderPagination

An experimental slider pagination using the jQuery UI slider. The idea is to use a simple navigation concept that preserves layout and style while allowing content to stay easily accessible.

↗

cybord/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.

↗

cybord/Stapel

An experimental jQuery plugin that will group thumbnails by a shared data-attribute into a pile. When clicking on the pile, the thumbnails that belong to that pile will be spread into a grid using CSS transitions.

↗

cybord/StackSlider

An experimental image slider that flips through images in 3D. Two stacks resemble image piles where images will be lifted off from and rotated to the center for viewing.

↗

cybord/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.

↗

cybord/YouTubeLeftSideMenu

A tutorial on how to recreate the effect of YouTube's little left side menu. The idea is to slide a little menu icon to the right side while revealing some menu item list beneath.

↗

cybord/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.

↗

cybord/MorphingDevices

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

↗

cybord/HorizontalSlideOutMenu

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

↗

cybord/NaturalLanguageForm

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

↗

cybord/TooltipMenu

This is a simple tooltip menu that will show a tooltip submenu when hovering over an item. The submenu will either appear above or below the main menu, depending on where more space is available. Using Modernizr's touch detection, the menu will either react on hover or on click. Example media queries show how to adjust the style for smaller screens.

↗

cybord/AnimatedHeader

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

FOR MAINTAINERS

Built something? Put it in front of millions of developers.

We make a short reel about your project and post it across YouTube, Instagram, Threads, and X. Send a link, we do the rest.