jQuery Script Blog

Weekly Web Design & Development News: Collective #368

by jQueryScript,

Here's the 368th 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 #368

Awfice

Awfice is a collection of tiny office suite apps:

  • a word processor, a spreadsheet, a drawing app and a presentation maker
  • each less than 1KB of plain JavaScript
  • each is literally just one line of code
  • packaged as data URLs, so you can use them right away, without downloading or installing
  • you can also use them offline
  • but they can't store their state, so whatever you type there would be lost on page refresh
  • which can be also sold as a "good for your privacy" feature
  • this project is only a half-joke, I actually use a few Awfice apps as quick scratchpads.
  • the only way to save your job is to save a HTML or send it to the printer/print to PDF.

Fully Styled UI Component Library – PCUI

[Demo] [Download]

bueno

A tiny, composable validation library.

bueno

[Demo] [Download]

i18n-language.js

A tiny JavaScript internationalization library that allows the user to quickly translate strings in any HTML elements.

i18n-language.js

[Demo] [Download]

css-loadings

A set of 6 pretty cool loading animations that can be used as loading spinners while loading content in the document. Written in pure CSS/CSS3.

css-loadings

[Demo] [Download]

Retro Shadow Buttons

A tiny CSS library used to create animated, customizable, vintage style buttons & frames using plain HTML.

Retro Shadow Buttons

[Demo] [Download]

Baileys

Typescript/Javascript WhatsApp Web API.

Baileys

[Demo] [Download]

shortcut-icons

A CSS library that enables you to add iOS glyph icons (iOS 14, 13, or 12) to the webpage using CSS image sprite technology.

shortcut-icons

[Demo] [Download]

testimonials-slider

A tesimonial slider written in JavaScript.

testimonials-slider

[Demo] [Download]

blurredfox

A modern Firefox CSS Theme.

blurredfox

[Download]

Animated Clip-path Slider Concept

See the Pen Animated clip-path slider Concept by Jake Whiteley (@jakewhiteleydev) on CodePen.

coolicons

Carefully designed icons for your next project. Perfect for use in web and mobile. Support for SVG, your favourite design tool and webfont. Completely free and open source.

coolicons

[Demo] [Download]

Scroll Animations for Image Grids

Some ideas for scroll animations for image grids powered by Locomotive Scroll.

Scroll Animations for Image Grids

[Demo] [Download]

Evelyn Script Font

Evelyn Script Font

[Download]