Weekly Web Design & Development News: Collective #213

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

Frappe Charts

Simple, responsive, modern SVG Charts with zero dependencies.

Frappe Charts

[Demo] [Download]

tailwindcss

A utility-first CSS framework for rapidly building custom user interfaces.

tailwindcss

[Demo] [Download]

Field Play

Vector fields explorer. Made with WebGL, love and passion.

Field Play

[Demo] [Download]

chimee

A video player aims to bring wonderful experience on browser.

chimee

[Demo] [Download]

heml

HEML is an open source markup language for building responsive email.

heml

[Demo] [Download]

stylable

Stylable enables you to write reusable, highly-performant components. Each component exposes a style API that maps its internal parts so you can reuse components across teams without sacrificing stylability.

stylable

[Demo] [Download]

hiq

A lightweight, progressive, high-IQ PostCSS framework.

stylable

[Demo] [Download]

solidarity

Solidarity is an environment checker for project dependencies across multiple machines.

solidarity

[Demo] [Download]

PaperCSS

The Less Formal CSS Framework.

PaperCSS

[Demo] [Download]

terminus

Terminus is a web technology based terminal heavily inspired by Hyper. It is, however, designed for people who need to get things done.

  • Runs on Windows, macOS and Linux
  • Theming and color schemes
  • Configurable hotkey schemes
  • GNU Screen style hotkeys available by default
  • Full Unicode support including double-width characters
  • Doesn't choke on fast-flowing outputs
  • Tab persistence on macOS and Linux
  • Proper shell-like experience on Windows including tab completion (thanks, Clink!)
  • CMD, PowerShell, Cygwin, Git-Bash and Bash on Windows support
  • Default Linux style hotkeys for copy (Ctrl+Shift+C) and paste (Ctrl+Shift+V)

terminus

[Demo] [Download]

halkaBox.js

A simple and basic Javascript lightbox.

halkaBox.js

[Demo] [Download]

Koa11y

Koa11y is a desktop app that allows you to automatically detect accessibility (a11y) issues on webpages.

Koa11y

[Demo] [Download]

Instant iPhone X Mockup

HTML5 + CSS iPhone X Mock up.

Instant iPhone X Mockup

[Demo] [Download]

Kylo Ren CSS Page Preloader

A Star Wars Kylo Ren page preloader made with HTML and CSS only.

Kylo Ren CSS Page Preloader

[Demo] [Download]

Flexbox Toggles

Flexbox Toggles

[Demo] [Download]

  • Publication date: 06.11.2017
  • Source

Whoops, looks like something went wrong.

(1/1) ErrorException

file_put_contents(): Only 0 of 248 bytes written, possibly out of free disk space

in Filesystem.php (line 122)
at HandleExceptions->handleError(2, 'file_put_contents(): Only 0 of 248 bytes written, possibly out of free disk space', '/home/p336588/web/ivanovdmitry.com/public_html/vendor/laravel/framework/src/Illuminate/Filesystem/Filesystem.php', 122, array('path' => '/home/p336588/web/ivanovdmitry.com/public_html/storage/framework/sessions/9xQmZa6nbVgAxVA6nTBha9W22zEdpVZcUnB0EVE2', 'contents' => 'a:3:{s:6:"_token";s:40:"pxYKtZdfCotrPfz3uTx2Wr4VIfCQgmLo2wqleTs4";s:9:"_previous";a:1:{s:3:"url";s:90:"http://ivanovdmitry.com/blog/post/weekly-web-design-ampamp-development-news-collective-213";}s:6:"_flash";a:2:{s:3:"old";a:0:{}s:3:"new";a:0:{}}}', 'lock' => true))
at file_put_contents('/home/p336588/web/ivanovdmitry.com/public_html/storage/framework/sessions/9xQmZa6nbVgAxVA6nTBha9W22zEdpVZcUnB0EVE2', 'a:3:{s:6:"_token";s:40:"pxYKtZdfCotrPfz3uTx2Wr4VIfCQgmLo2wqleTs4";s:9:"_previous";a:1:{s:3:"url";s:90:"http://ivanovdmitry.com/blog/post/weekly-web-design-ampamp-development-news-collective-213";}s:6:"_flash";a:2:{s:3:"old";a:0:{}s:3:"new";a:0:{}}}', 2)in Filesystem.php (line 122)
at Filesystem->put('/home/p336588/web/ivanovdmitry.com/public_html/storage/framework/sessions/9xQmZa6nbVgAxVA6nTBha9W22zEdpVZcUnB0EVE2', 'a:3:{s:6:"_token";s:40:"pxYKtZdfCotrPfz3uTx2Wr4VIfCQgmLo2wqleTs4";s:9:"_previous";a:1:{s:3:"url";s:90:"http://ivanovdmitry.com/blog/post/weekly-web-design-ampamp-development-news-collective-213";}s:6:"_flash";a:2:{s:3:"old";a:0:{}s:3:"new";a:0:{}}}', true)in FileSessionHandler.php (line 83)
at FileSessionHandler->write('9xQmZa6nbVgAxVA6nTBha9W22zEdpVZcUnB0EVE2', 'a:3:{s:6:"_token";s:40:"pxYKtZdfCotrPfz3uTx2Wr4VIfCQgmLo2wqleTs4";s:9:"_previous";a:1:{s:3:"url";s:90:"http://ivanovdmitry.com/blog/post/weekly-web-design-ampamp-development-news-collective-213";}s:6:"_flash";a:2:{s:3:"old";a:0:{}s:3:"new";a:0:{}}}')in Store.php (line 128)
at Store->save()in StartSession.php (line 88)
at StartSession->terminate(object(Request), object(Response))in Kernel.php (line 218)
at Kernel->terminateMiddleware(object(Request), object(Response))in Kernel.php (line 189)
at Kernel->terminate(object(Request), object(Response))in index.php (line 58)