Weekly Web Design & Development News: Collective #263

by jQueryScript,

Here's the 263rd Weekly Web Design & Development Collective that aims to introduce fresh new, trendy and easy-to-use web design & development resources (freebies, codes, graphics, tools, inspiration, etc) from the past week. Have fun with it and remember to share with your friends.

Web Design & Development News: Collective #263

Fancy Border Radius Generator

Fancy Border Radius Generator

[Demo] [Download]

percollate

Percollate is a command-line tool to turn web pages into beautifully formatted PDFs.

percollate

[Demo] [Download]

Responsive-Stairs

Responsive-Stairs

[Download]

PDFSave

PDFSave uses node-readability for clearing all non essential content. Later with pdfkit converts the HTML to lightweight PDF. PDFSave is text only, it doesn't save images or other multimedia content.

[Download]

bars

Css progress bars made with svg patterns.

bars

[Demo] [Download]

gradient-shapes

Shapes generated with CSS background gradients.

gradient-shapes

[Demo] [Download]

muze

Build composable visualizations for the web with a data-first approach

muze

[Demo] [Download]

imglab

To speedup and simplify image labeling/ annotation process with multiple supported formats.

imglab

[Demo] [Download]

Penrose

A language-based platform for creating beautiful mathematical diagrams.

Penrose

[Demo] [Download]

Mask Slider

Mask Slider

[Demo] [Download]

Pure CSS Gooey Morph

Animating primarily border-radius, plus some opacity and basic transforms.

Pure CSS Gooey Morph

[Demo] [Download]

SVG Menu Experiments With viewBox Zoom

SVG Menu Experiments With viewBox Zoom

[Download]

Fullscreen Hover Loop Effect

A fullscreen loop effect that shows a fast preview of images when hovering a special menu item.

Fullscreen Hover Loop Effect

[Demo] [Download]