Weekly Web Design & Development News: Collective #263

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.

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]

  • Publication date: 22.10.2018
  • Source