Razvan Caliman

CSS Shapes Editor extension for Google Chrome DevTools

Google Chrome extension that restores browser behavior of navigating to previous page when pressing the Backspace key.

No description.

Slides from my talk at Future of Web Design in London, 2014

Adaptation of Raphael.FreeTransform for Snap SVG

Demos of CSS Masking features: clip-path and mask-image

Polymer custom element to diff between images using the "onion skin" method.

Slides and demos for my talk, "CSS for Decoration"

Split an element's multiple CSS backgrounds into separate layers and visualize in 3D.

Experiment to check how regions interact with Shadow DOM

Quick demonstration of CSS background blend modes

Test files to check support of CSS Masking `clip-path` and `mask-image` properties.

Ping service to keep Heroku web processes from idling when not in use.

Example of using Custom Elements in Chrome Extension content script

Examples of common layouts achieved using GSS

Slides for my Adobe MAX 2014 talk, "Beyond Rectangles in Web Design: CSS Shapes and CSS Masking"

Chrome Extension that augments Booking.com UI with tools for improved search, filtering, and display of results.

Slides for my talk at infoShare 2015, "Let's Talk About Shapes"

Simple demo which shows how to use the CSS mask-image property in a responsive fashion

Slides and demos for my infoShare 2016 talk, "CSS for Decoration"

Slides for my talk at JSConf.eu 2015 - Disconnected Networking and Input

Use an image as a CSS shape

Code Playground

Slides for CSSConf.eu

Slides for my talk at Future of Web Design in New York, 2014 about CSS Shapes and CSS Masking.

Slides for Kings of Code Conference

JavaScript workaround for faulty region click event handling

A simple and flexible tab navigation plugin for the jQuery JavaScript framework.

Simple demo with CSS Shapes

No description.

Source for my personal blog

Slides from my talk at CSSconf EU 2018

Experimental Google Chrome extension that attempts to block full page overlays.

JavaScript image gallery for mobile and desktop, modular, framework independent

Chrome extension to hide Facebook Like buttons from web pages

Training material for a workshop on CSS layout, March 2014

Demo of using CSS Animations to trigger CSS polyfills

Experiment using CSS filter and transforms

JS tool to help visualize axes of Flexbox

Simple text masking experiment

Experiment with `mix-blend-mode`

Experiment using fixed CSS masks

Simple clock built with CSS and time sync service

Slides for my talk at New Developer Conference in London, 2014 about CSS Shapes and CSS Masking.

Pull to refresh UX touch metaphor for HTML5 apps

CSS Shorthand Experiment for basic CSS Regions usage.

No description.

A lightweight stand-alone JavaScript localization framework

Template HTML markup with CSS for jQuery plugin demos

Links, demos and resources used to support various talks I gave.

Source for the Bugzilla Tracker script used on W3C proposals

A jQuery plugin that does incremental content loading inside a container with a scrollbar.

5kB WebGL globe lib.

An open source code editor for the web, written in JavaScript, HTML and CSS.

:computer: wake on lan

Perl script for waking up computers via Wake-On-LAN magic packets

Cloudflare’s developer docs.

A small app for making quick flowcharts from text ⿻

A text editor build on the Native File System APIs

The HTML touch slider carousel with the most native feeling.

Mozilla and GSOC 2020

Standalone in-browser editor for CSS Shapes.

A rotating, touch-sensitive knob web component that you can use like an <input type="range">.

Browser extensions for Terms of Service; Didn't Read. “I have read and agree to the Terms” is the biggest lie on the web. We aim to fix that. Get informed instantly about websites' terms & privacy policies, with ratings and summaries from the www.tosdr.org initiative.

No description.

Content of the Learn Next.js

Chrome extension to simplify Gmail's interface

A devtools extension for toggling CSS features allowing developers to see how pages/apps render in browsers that don't support modern CSS features

CSS Working Group Editor Drafts

A place to store things for public consumption

Code examples that accompany the MDN CSS documentation

Comlink makes WebWorkers enjoyable.

No description.

Repository for Dev.Opera source code

Source code for Todd Motto

web client interface for rexapp-api

Proof of concept of polyfill for CSS background-opacity property.

(WIP) A boilerplate project for Chrome DevTools extensions

Demo of CSS Shapes using the Alice in Wonderland story.

An extensible class to define hyperHTML based Custom Elements.

No description.

Specialized editors for DevTools

Calculate bill-splitting based on income

Experiment using DeviceLight API for optical morse code

:wave: Motion detection using the doppler effect

The HTML Presentation Framework

JavaScript library to render a signal on a canvas.

Ultrasonic Networking with the Web Audio API

A polyfill to allow locales to be passed to Number.toLocaleString.

Replaces references to non-optimized scripts or stylesheets into a set of HTML files (or any templates/views)

GSS website

No description.

Plugin for postCSS to generate CSS animation-based triggers for polyfills

No description.

Progressive disclosure of content according to viewport size.

PostCSS processor for extracting @supports rules to be fed to a polyfill at runtime.

Conditional JavaScript, CSS, callbacks and classNames for environments.

Small JavaScript component to clone an element's text content to a data attribute on itself.

No description.

....a top-notch resource for web developers

CustomElements.io is where community-members show their awesome Web Components

No description.

No description.

Documentation for Polymer

Blogpost explaining reference boxes for CSS Shapes

A flexible static site generator

Server for REX App

There are several CSS graphics-related properties that provide the bulk of support for Clipping, Masking, Filters and whatnot. The purpose of this repo is to hopefully provide some insight into what the current state of affairs is with various browsers.

Simple example how to use `npm run`

Simplest possible examples of HTML, CSS and JavaScript

Curious by nature. I need a playground.

Use dalekjs to run tests which detect feature support in browsers

Presentation or rich web experiences

Chrome Browser bindings for DalekJS

Slides from my talk at London Web meetup in February 2014

Control Google Chrome from the command line

Simple browserscope.org test

Demo with CSS Regions as Web Components

The JavaScript library for modern SVG graphics.

Slides for "Geeky, October 2012" in London

Slides for talk at BBC NewsHACK 2013

Magazine layout templates with CSS Regions

A library for intentionally dealing with responsive design

Feature detect HTML5 and CSS3 features, with handy css and javascript hooks so you can progressively enhance to your heart's content.

Free transform tool for Raphaël elements.

No description.

CSS FilterLab