Weekly Web Design & Development News: Collective #274

Here's the 274th 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.

FBT

FBT is an internationalization framework designed to be both powerful and flexible, but also simple and intuitive. It helps with the following:

  • Organizing your source text for translation
  • Composing grammatically correct translatable UI
  • Source-code bloat from generating similarly constructed UI

FBT

[Demo] [Download]

shiki

Shiki is a beautiful Syntax Highlighter. It uses TextMate grammar to tokenize strings, and colors the tokens with VS Code themes. In short, Shiki generates HTML that looks exactly like your code in VS Code, and it works great in your static website generator.

shiki

[Demo] [Download]

react-native-magic-move

Create magical move transitions between scenes in react-native.

react-native-magic-move

[Demo] [Download]

Canoe Solidity

Lightweight Javascript library for decoding constructor arguments.

Canoe Solidity

[Download]

rrweb

Record and replay the web.

rrweb

[View]

Morpher

A small dependency-free javascript tool for animating simple SVG paths.

Morpher

[Download]

WhatCSS

WhatCSS.info automatically generates a minified version of the bare minimum CSS a user needs to begin interacting with your site.

WhatCSS

[Demo] [Download]

documate

Documate is a minimal static site generator for docs that takes your Markdown-based code and outputs a beautiful site (like this). The reason for using Markdown is simply because HTML-based docs (JSX, EJS, etc as well) seem to be cluttery with all the unnecessary tags that remove brevity and make readability a pain.

documate

[Demo] [Download]

bootstrap-4-rtl

Bootstrap 4 RTL for languages like Farsi, Arabic and ...

[Download]

10 Best Text Animation JavaScript & CSS Libraries For 2019

10 Best Text Animation JavaScript & CSS Libraries For 2019

[Preview & Download]

Flex Panels With Varied Backgrounds On Load

A speedy motion transition effect for an image slideshow inspired by Gal Shir's "Ping Pong Slow Motion" animation.

Flex Panels With Varied Backgrounds On Load

[Demo] [Download]

  • Publication date: 07.01.2019
  • Source