Search Results for "css" - Page 21
Sort By:
Showing 891 open source projects for "css"
View related business solutions-
Our Free Plans just got better! | Auth0You asked, we delivered! Auth0 is excited to expand our Free and Paid plans to include more options so you can focus on building, deploying, and scaling applications without having to worry about your security. Auth0 now, thank yourself later.
-
Stop Cyber Threats with VM-Series Next-Gen Firewall on AzureGain integrated visibility across all traffic in a single pass. Deploy Palo Alto Networks VM-Series to determine application identity and content while automating security policy updates via rich APIs.
-
1
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... -
2
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. ... -
3
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. -
4
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. -
Go From AI Idea to AI App FastAccess Gemini 3 and 200+ models. Build chatbots, agents, or custom models with built-in monitoring and scaling.
-
5
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. -
6
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... -
7
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. -
8
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 :) -
9
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. -
Build Securely on AWS with Proven FrameworksMoving to the cloud brings new challenges. How can you manage a larger attack surface while ensuring great network performance? Turn to Fortinet’s Tested Reference Architectures, blueprints for designing and securing cloud environments built by cybersecurity experts. Learn more and explore use cases in this white paper.
-
10
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. -
11
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. -
12
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. -
13
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. -
14
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." ... -
15
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. -
16
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. -
17
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. -
18
Social Buttons for Bootstrap
Social Sign-In Buttons for Bootstrap
Social Sign-In Buttons made in pure CSS based on Bootstrap and Font Awesome! Include Bootstrap and Font Awesome. If you haven't done that already, include the latest Bootstrap and Font Awesome in your project. You have two options for enabling the social buttons in your project: vanilla CSS or source Less. For vanilla CSS, just include the bootstrap-social.css file into your project. -
19
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. ... -
20
CSSgram
CSS library for Instagram filters
...The recommendation is to wrap your images in a <figure> tag. If you use custom naming in your CSS architecture, you can add the .scss files for the provided styles within your project and then @extend the filter effects within your style definitions. Mixins allow for multiple filter arguments to be passed into your classes. This is useful for if you want to add filters in addition to the ones provided (i.e. add a blur). -
21
Simplicity Jekyll
A free, flexible, superfast and easily customizable Jekyll Theme
If you know Jekyll well, you just need five minutes to start your own blog with Simplicity. If you know some CSS and Sass, you even customize your site in minutes. Everything is well-documented inside each file. Give it a go. Simplicity is a Jekyll Theme for minimalists focused on essentials avoiding unnecessary clutter. But still giving you all you need to build wonderful pages for your content. -
22
Slideout.js
A touch slideout navigation menu for your mobile web apps
Implementing Slideout.js into your project is easy. Slideout is available on cdnjs. Also you can use one of many package managers. First of all, you'll need to create your markup. You should have a menu (#menu) and a main content (#panel) into your body. Add the Slideout.js styles (index.css) in your web application. Then you just include Slideout.js, create a new instance with some options and call the toggle method. Supports Chrome (IOS, Android, desktop), Firefox (Android, desktop),... -
23
Typography.js
A powerful toolkit for building websites with beautiful design
...Typography is a complex system of interrelated styles. 100s of style declarations on dozens of elements must be in harmonious order. Trying one design change can mean making dozens of tedious recalculations and CSS value changes. Creating new Typography themes with CSS feels hard. Typography.js provides a vastly simpler way to define and explore typography designs. You provide configuration to the Typography.js JS API and it uses its Typography engine to generate CSS for block and inline elements. Typography.js makes it easy to create designs that are unique, personal, and custom to your project. ... -
24
CSSLint
Automated linting of cascading stylesheets
CSSLint is an open-source CSS code quality tool originally written by Nicholas C. Zakas and Nicole Sullivan. A lint tool performs static analysis of source code and flags patterns that might be errors or otherwise cause problems for the developer. CSSLint is a tool to help point out problems with your CSS code. It does basic syntax checking as well as applying a set of rules to the code that look for problematic patterns or signs of inefficiency. -
25
driveway
Pure CSS masonry layouts
driveway is a pure CSS masonry layout aid. driveway is an explorative project for developing pure CSS masonry layouts. It is developed using stylus. driveway simply provides the basic means to layout your content in a masonry style and provides no aesthetic styling. This should ideally be covered by your own theme files. Clusters and segments are most likely the trickiest part of creating a layout with a driveway.
