box-shadows.css - :pisces: A cross-browser collection of CSS box-shadows

  •        11

box-shadows.css is a collection of simple and pleasant shadows for you to use in your projects. Great for tables, homepages content, containers, navigation and other blocks your website. Version v1.0.5 became much simpler, since support for the prefix is no longer required. To verify this, check the support of your browser on the site Can I Use.

https://madeas.github.io/box-shadows
https://github.com/madeas/box-shadows.css

Tags
Implementation
License
Platform

   




Related Projects

four-shadows - Time-aware, algorithm driven shadows for icons.

  •    Javascript

An approach to replace conventional 5 o'clock shadow for iconography with intelligent time-aware, algorithm-driven shadows using simple sprites. The direction of the shadow changes according to the time of the day and based on the direction of the 'hour hand' of an analog clock. This results in natural and enriched user experience on the web. These dimensions can be altered any time. But it would also require you to change properties in CSS for corresponding classes.

User-Interface

  •    HTML

Being able to create a user interface from scratch based on a design file is considered a basic necessity for front end developers. We will be building a single page website using HTML and CSS. Given this design file, use HTML and CSS to build the web page layout. Remember, you can only use display:inline-block and box model CSS properties for this project. Note: you are NOT permitted to use Flexbox or CSS Grid. This is an exercise in basic layout techniques.

Long-Shadows - Long Shadows for android!

  •    Java

Shadows are filled by a linear gradient, so shadow color is built of two compontents shadow_start_color, which defines the start color of the gradient and shadow_end_color, which defines the end color of the gradient.

shadowOn

  •    JQuery

Image based jquery plugin to add shadows to html elements. Can display 88 shadows by default. Can refresh itself on browser and element resizing.

marx - The classless CSS reset (perfect for Communists).

  •    CSS

The classless CSS reset (perfect for Communists). Marx is a CSS stylesheet to be used in any projects (namely small ones). If you don't need the weight of heavy frameworks or you would just like to make an edible website quickly, Marx is perfect for you. It can be used out of the minified box but it can also be customised and styled through the use of HTML classes.


image2css - Pointless PHP class to convert image to CSS box-shadow property.

  •    PHP

You suck at CSS but want to impress your friends anyway? This PHP class converts an image to thousands of CSS lines of box-shadow properties. It's totally pointless... but life is pointless... You can see a demonstration on CodePen.io.

ShadowView - An iOS Library that makes shadows management easy on UIView.

  •    Swift

ShadowView is an iOS Shadow library that makes view's shadow implementation easy and sweet 🎉 🎊. Add simple shadows to add a gaussian blurred projection (as a shadow) to any UIView.

Castle Game Engine

  •    Pascal

3D game engine focused on X3D and beautiful graphic effects.

mvp - MVP.css — Minimalist stylesheet for HTML elements

  •    HTML

Out of the box CSS styling for HTML elements. No class names, no framework to learn. To submit your site built with MVP.css create a pull request or an issue. For pull requests, please keep sites in alphabetical order.

front-end-interview-handbook - 🕸 Almost complete answers to "Front-end Job Interview Questions" which you can use to interview potential candidates, test yourself or completely ignore

  •    Javascript

Unlike typical software engineer job interviews, front-end job interviews have less emphasis on algorithms and have more questions on intricate knowledge and expertise about the domain — HTML, CSS, JavaScript, just to name a few areas. While there are some existing resources to help front end developers in preparing for interviews, they aren't as abundant as materials for a software engineer interview. Among the existing resources, probably the most helpful question bank would be Front-end Developer Interview Questions. Unfortunately, I couldn't find many complete and satisfactory answers to these questions online, hence here is my attempt at answering them. Being an open source repository, the project can live on with the support of the community as the state of web evolves.

CSSketch - Plugin that adds CSS support to Sketch 3 for a faster design workflow.

  •    Objective-C

CSSketch is a Sketch 3 plugin that enables you to modify your designs quickly by attaching it a stylesheet to it that you can use to lay out your designs, change colors and shadows quickly, etc. It supports Sass and {less} stylesheets, which means you can put functions and variables in your stylesheet to make your workflow even more efficient.

awesome-flexbox - :eyeglasses: A curated list of CSS Flexible Box Layout Module or only Flexbox.

  •    

A curated list of CSS Flexible Box Layout Module or only Flexbox. Inspired by awesome-webcomponents and awesome-svg. The specification describes a CSS box model optimized for user interface design.

GridMenu - A CSS Grid powered menu with a box look and a sliding animation.

  •    HTML

A CSS Grid powered menu with a box look inspired by the effect seen in the Ableton Live 10: What's New video. This resource can be used freely if integrated or build upon in personal or commercial projects such as websites, web apps and web templates intended for sale. It is not allowed to take the resource "as-is" and sell it, redistribute, re-publish it, or sell "pluginized" versions of it. Free plugins built using this resource should have a visible mention and link to the original work. Always consider the licenses of all included libraries, scripts and images used.

toggle-osx-shadows - Tiny tool to toggle window shadows on OS X

  •    C

Run the following commands in Terminal to toggle OS X window shadows off. To turn on shadows again, run ./toggle-osx-shadows (like in step four above), log out, and log back in.

Metro-UI-CSS - Build responsive, mobile-first projects on the web with the first front-end component library in Metro Style

  •    CSS

Metro 4 is an MIT-licensed open source project. It's an independent project with its ongoing development made possible entirely thanks to the support by these awesome Backers. Documentation and Demo for v4: getmetroui.com or metroui.org.ua.

spaceBase - A Sass-based responsive CSS framework.

  •    CSS

Many CSS frameworks are meant to be included and left alone. But spaceBase is a boilerplate layer that can be built upon and tailored for your needs. It combines best practices for today’s responsive web with the core components we use on every project. Consider it the launch pad for your adventures into cyberspace. spaceBase is the front-end starter files for any new web project. It sets up your Sass architecture and normalizes your CSS and native HTML elements. It provides the structural groundwork for your application.

vogue - Save a CSS file, watch your web browser automatically reload it!

  •    Javascript

Vogue creates a real-time link between your web browser and your file system. When you save a CSS file, used by the HTML page in your browser, Vogue will make the browser reload the stylesheet. Only the stylesheet is reloaded, not the entire page, making it work even for very dynamic/ajax pages.Vogue is all javascript. It runs a server on Node.js, which will watch the file system. The server accepts WebSocket connections from the client code (which uses socket.io). The client javascript can be loaded into a HTML page using a single script tag.

Parcel - Blazing fast, zero configuration web application bundler

  •    Javascript

Parcel is a blazing fast zero configuration web application bundler. It automatically transforms modules using Babel, PostCSS, and PostHTML when needed - even node_modules. It has out of the box support for JS, CSS, HTML, file assets, and more - no plugins to install.

turretcss - Turret is a styles and browser behaviour normalisation framework for rapid development of responsive and accessible websites

  •    CSS

turretcss - A Responsive Front-end Framework for Accessible and Semantic Websites with default HTML elements, created by Scott de Jonge. Read the Getting started page for information on structure, usage, support and more.

Gatsby - Blazing fast static site generator for React

  •    Javascript

Gatsby is a blazing fast static site generator for React. Gatsby.js is a static PWA (Progressive Web App) generator. You get code and data splitting out-of-the-box. Gatsby loads only the critical HTML, CSS, data, and JavaScript so your site loads as fast as possible. Once loaded, Gatsby prefetches resources for other pages so clicking around the site feels incredibly fast.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.