Search Results for "css-slider" - Page 23
Sort By:
Showing 968 open source projects for "css-slider"
View related business solutions-
Build Agents and Models on One PlatformGemini Enterprise Agent Platform is Google Cloud's comprehensive platform for developers to build, scale, govern, and optimize agents and models. Choose from Google's most advanced models and third-party models like Anthropic's Claude Model Family.
-
Go from Code to Production URL in SecondsSkip the Kubernetes configs. Cloud Run handles HTTPS, scaling, and infrastructure automatically. Two million requests free per month.
-
1
React Codemirror
Codemirror Component for React.js
React Codemirror is a React component wrapper around the CodeMirror code editor, making it easy to embed a powerful text editor into React applications. It exposes CodeMirror through a declarative React interface, where editor value and options are passed in as props and changes are reported via callbacks. The component can be integrated either through npm, as part of a bundler-based build process, or via a standalone UMD build included directly in a web page. It supports initialization with... -
2
-
3
olivermak.es
Personal archive for Oliver Pattison: writing, photos and projects
Personal archive for Oliver Pattison: writing, photos, and projects. Build a personal website as an archive for my creative output. Experiment with HTML, CSS, and JavaScript using design patterns that I have not implemented before. Self-built: design and implement as much as possible by myself. Showcase my work for others. Improve at building advanced static sites with Jekyll. -
4
minireset.css
A tiny modern CSS reset
minireset.css is a very small CSS reset that removes the most inconsistent default styles across browsers without wiping out useful defaults. Unlike heavy resets or opinionated base styles, it aims to be non-intrusive and safe to drop into any project. It normalizes margins, box sizing, and some inline element behaviors so that components render predictably. The file is intentionally short and readable, making it easy to audit and tailor to your needs. -
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
5
Nylas Mail
An extensible desktop mail app built on the modern web
Nylas Mail is an open-source mail client built on the modern web with Electron, React, and Flux. It was designed to be easy to extend, and many third-party plugins are available that add functionality to the client. See /packages for the separate pieces. Each folder in /packages is designed to be its own stand-alone repository. They are all bundled here for the ease of source control management. In early 2016, the Nylas Mail team wrote extensive documentation for the app that was intended... -
6
jquery.matchHeight.js
A responsive equal heights plugin
In the years since this library was originally developed there have been updates to CSS that can now achieve equal heights in many situations. If you only need to support modern browsers then consider using CSS Flexbox and CSS Grid instead. -
7
Bricks.js
A blazing fast masonry layout generator for fixed width elements
Bricks capitalizes on batched reading of layout properties for blazing fastpacking time, no matter how many items. Bricks was developed with a modern JavaScript workflow in mind. To use it, it's recommended you have a build system in place that can transpile ES6, and bundle modules. It's recommended that you assign your Bricks instance to a variable. Using your instance, you can enable and disable the resize handler, add and remove event handlers, accommodate dynamically added elements, etc.... -
8
Picturefill
A responsive image polyfill
A Responsive Images approach that you can use today that mimics the proposed picture element using spans, for safety sake. Picturefill works best in browsers that support CSS3 media queries. The demo page references (externally) the matchMedia polyfill which makes matchMedia work in media-query-supporting browsers that don't support matchMedia. matchMedia and the matchMedia polyfill are not required for picturefill to work, but they are required to support the media attributes on picture... -
9
Extension Boilerplate
A template for building cross browser extensions for Chrome
Now that Firefox supports WebExtensions, it has become a lot easier to build browser extensions/addons for multiple browsers without duplicating the codebase. This project serves as a sensible starting point to help you get started. A foundation for creating browser extensions for Chrome, Opera & Firefox. Your changes to CSS, HTML & JS files will be relayed instantly without having to manually reload the extension. This ends up saving a lot of time and improving the developer experience. This comes with a gulp-based workflow that converts modern ES6 JavaScript and SCSS to JS/CSS. Scripts are transpired using Babel and bundled using Browserify. Source maps are available for both JS and SCSS. ... -
$300 Free Credits to Build on Google CloudPut your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.
-
10
Bootstrap Switch
Turn checkboxes and radio buttons in toggle switches
Turn checkboxes and radio buttons into toggle switches. Created by Mattia Larentis, maintained by Emanuele Marchi and Peter Stein with the help of the community. Compatible with Bootstrap 4, Bootstrap 3 and Bootstrap 2. -
11
Involt
Inject hardware interactions directly into HTML layout
An easy way to think outside the box. Simplicity of HTML and CSS combined with hardware interactions. Create your app using only basic knowledge of HTML, CSS, and Arduino. Instead of learning advanced coding focus on overall experience and quickly develop results. Using CSS allows you to work on the layout and interfacing with the device at once. Involt comes with a UI kit to help you get started. -
12
jQuery Hover3d
Simple jQuery plugin for 3d Hover effect
jQuery Hover3d is a simple hover script for creating 3d hover effect. It was my experiment on exploring CSS3 3d transform back in 2015 on Codepen 3D hover plane effect. The idea is to transform the element into 3d space using CSS3 transform, playing with translateZ for spacing the elements, and detecting mouse movement to change the transform value. -
13
generator-fountain-webapp
Yeoman 'fountain' generator to start a webapp
This Yeoman generator allows you to start any Webapp with the best Developer Experience out of the box! No matter what framework or module management you want to use, we got you covered with a cutting-edge working configuration. To take profit of the best of the Yeoman infrastructure, we heavily relies on the composability natures of the generators. Thereby, each needs of your future application will be addressed by a dedicated Yeoman generator (each will be used depending of the options you... -
14
Fluidbox
Replicating and improving the lightbox module seen on Medium
...This project was originally initiated as a personal challenge to replicate Medium’s lightbox module, but it soon developed into a full-fledged jQuery plugin. Each initialized Fluidbox instance can therefore be styled independently from each other using CSS alone, requiring no further manipulation via JS (unless required on the user's behalf for specific implementations). Fluidbox listens to the click event triggered on the ghost element, .fluidbox__ghost, and toggles between two binary states, open or closed. TThe latest version of Fluidbox require two dependencies: jQuery v1.7 or above, and Ben Alman's debounce/throttle plugin. -
15
WebDGap
A PhoneGap alternative for Desktop applications.
WebDGap allows you to convert any website or HTML/CSS/JavaScript web application to a native Windows, Mac, Linux, and Chrome application. WebDGap also gives you the option to export as a Chrome popup extension, and you can export your app or website as a native PhoneGap application making your app available for mobile devices :) -
16
bttn.css
Awesome buttons for awesome projects!
Awesome buttons for awesome projects! Include bttn.min.css in head of your html file and start using bttn CSS classes in your button. Minify css for production and build example folder javascript files (Webpack). Install dependencies - stylus, autoprefixer-stylus and clean-css. uild process uses yarn, you can also use npm instead. -
17
joelglovier.com
Source for joelglovier.com. Built with Jekyll and hosted on GitHub
...I've been working on this site in various forms since around 2005. Initially it was just a customized Blogger page for a few years. Then, I designed and built the first version around 2008 after teaching myself to write HTML and CSS (and eventually some shoddy PHP). I launched the first version sometime around 2009. Ever since, I've been redesigning every few years. I've republished the older verions as repo dumps and GH pages just for fun and posterity. -
18
Illustrated Algorithms
Interactive algorithm visualizations
...Going back and forth between function execution (and call stack when algorithm uses recursion) is effortless. So is pausing and resuming. This project uses styled-jsx, but takes the idea of CSS-in-JS even further. Sizing, positioning and transition offsets are computed by JS, all before elements hit the DOM. -
19
Concise CLI
A CSS framework that's lightweight and easy-to-use
The Concise CLI can be used independently of any styles. In principle, it would will with any other CSS library, framework or any existing project so long as the code is plain CSS or contains only the features that can be compiled with PostCSS. Of course, one can start writing everything from scratch using Concise as well. The core library contains the very basic styles that one might use, and contains most of the code that was available on Concise v4. -
20
Material Design Lite
Material Design Components in HTML/CSS/JS
Material Design Lite is an implementation of Material Design components in vanilla CSS, JS, and HTML. Material Design is a design language developed by Google that fuses classic principles of good design with the innovation of technology and science. Material Design Lite lets you infuse the look and feel of Material Design into your static content websites without relying on any JavaScript frameworks or libraries. -
21
Google Material Design Lite
Material Design Components in HTML/CSS/JS
...It doesn’t rely on any JavaScript frameworks and aims to optimize for cross-device use, gracefully degrade in older browsers, and offer an experience that is immediately accessible. The MDL components are created with CSS, JavaScript, and HTML. You can use the components to construct web pages and web apps that are attractive, consistent, and functional. Pages developed with MDL will adhere to modern web design principles like browser portability, device independence, and graceful degradation. Material Design Lite (MDL) is a library of components for web developers based on Google's Material Design Philosophy: "A visual language for our users that synthesizes the classic principles of good design with the innovation and possibility of technology and science." ... -
22
Midnight.js
Switch your nav's design on the fly
...After that, take any sections of your page that need a different nav and add data-midnight="your-class" to it, where .your-class is the class you are going to use to style that header. If you don't use the property or just leave it blank, the .default class will be used for that section. You can style it in your CSS using the class .midnightHeader.your-class. Use whatever CSS or markup you like for each one. They will be switched automatically when necessary. To make everything work, just load midnight (and jQuery) and initialize it. We take care of the rest. -
23
React Toolbox
A set of React components implementing Google's Material Design
...React Toolbox uses CSS Modules by default to import stylesheets written using PostCSS & postcss-preset-env features. In case you want to import the components already bundled with CSS, your module bundler should be able to require these PostCSS modules. Of course this is a set of React components so you should be familiar with React. If want to customize your components via themes, you may want to take a look to react-css-themr, used by React Toolbox. -
24
stylefmt
stylefmt is a tool that automatically formats stylesheets
...If you are using stylefmt with stylelint configuration to format according to its rules, you can now use stylelint's, fix option (from v7.11.0) to auto fix. On the other hand, prettier supports to format not only JavaScript but also CSS, SCSS, and Less code. -
25
Web Starter Kit
Web Starter Kit - a workflow for multi-device websites
...A responsive boilerplate optimized for the multi-screen web. Powered by Material Design Lite. You're free to use either this or a completely clean-slate via basic.html. Minify and concatenate JavaScript, CSS, HTML and images to help keep your pages lean. JavaScript code linting is done using ESLint - a pluggable linter tool for identifying and reporting on patterns in JavaScript. Web Starter Kit uses ESLint with eslint-config-google, which tries to follow the Google JavaScript style guide. A built-in server for previewing your site locally while you develop and iterate. ...
