Search Results for "css" - Page 23
Sort By:
Showing 950 open source projects for "css"
View related business solutions-
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.
-
Paessler: Easy to Use With Enterprise Power. Free TrialYou shouldn't have to choose between a monitoring tool that's easy to use and one that's powerful enough for a complex environment. PRTG's low-code interface lets any admin build dashboards, set alerts and monitor devices without scripting, while custom sensors and full API access are there when your team needs deeper control. One platform, no compromise. Download a free 30-day trial now.
-
1
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. -
2
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... -
3
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. -
4
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. -
Demo Series - Small Business Backup By VeeamWatch this on-demand demo series and learn how to protect your Microsoft 365 data with clear, simple, actionable steps that are easy to implement for businesses of all sizes.
-
5
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 :) -
6
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. -
7
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. -
8
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. -
9
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. -
Build Securely on Azure 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
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. -
11
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." ... -
12
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. -
13
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. -
14
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. -
15
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. -
16
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. ... -
17
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). -
18
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. -
19
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),... -
20
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. ... -
21
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. -
22
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. -
23
custom-react-scripts
Allow custom config for create-react-app without ejecting
Modify the .env file in the root of the generated project, and add any of the configuration options to enable that feature. The generated project comes with every option turned on by default, but you can remove them at any time by removing the options from the .env file. Add a .env. file with the desired features. Files that are not prefixed with the module will be parsed normally. Some of the babel presets and plugins that people might use are experimental. If they're used in a project and... -
24
AnClock
Analog clock with javascript and css3
Analog clock with javascript and css3 -
25
Add to Homescreen call out
Add to home screen call-out for mobile devices
...It was designed for compatibility with iOS 6 and later, Chrome for Android, and planned Windows Phone support. Developers integrate it by adding the CSS and JavaScript files to a page and calling the main function early in the document. The repository is archived and read-only, so it is mainly useful for legacy projects, historical reference, or lightweight custom implementations.
