Category Archives: css

Download CSS Parser, Transformer, and Minifier Written in Rust

Features

Analyzing and minifying large files in quick way.


Typed Property Values ​​

@parcel/css parsing all values ​​using the proper grammar from the CSS specification and deliver a specific value type for each property.


Browser-grade parser

@parcel/css is based on the cssparser and selectors crates created by Mozilla and used by Firefox and Servo.


Minification –

One of the main purposes of @parcel/css is to minify CSS to make it smaller, includes many optimizations, including:
Merge adjacent rules with the same selectors or declarations when it is safe to do so.
Combining CSS turns into a single matrix or vice versa if smaller.

Link ReadMore

Full screen responsive background image with bootstrap

For making images responsive , if you are using bootstrap framework use the class ‘img-responsive’. Creating fullwidth background with css , wrap the content with a div and apply the below css with background image, example given below

<div class="wrapper">
   <img src="new_1.jpg" class="img-responsive" alt="Responsive image">
</div>
.wrapper{background: url('/assets/bg/greenvalley.jpg') no-repeat   center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

CSS Spinner

elegant collection of pure css spinners for your website loading animation.

  • Vanilla – no external dependency and no additional library required.
  • Standalone – use one of these separately.
  • customizable – use stylus variables to quickly customize them to your needs.
  • easy to use – easy to copy and paste, but also easy to use with pug mixins.
  • small – average size 1K per spinner not minimized, unpacked