반응형
반응형

Driveway: Pure CSS masonry layout

Driveway is a pure CSS masonry layout aid. It was developed using stylus, and is exploring pure CSS masonry layouts.

 

pure CSS masonry layouts 

 

driveway

driveway is an explorative project for developing pure CSS masonry layouts. It is developed using stylus.

  • easy to use
  • interactive
  • responsive
  • config driven
  • customisable
  • extendable

 

탭 사이즈 탭 세로 사이즈 스마트폰 세로 사이즈

 

 

PC 사이즈PC 사이즈

 

 

 

 

 

 

 

 

 

 

.

반응형
반응형

Megatype: Easy typographic structure

 

Megatype makes it easy to create typographic structure.

megatype

 

반응형
반응형

Sierra SCSS micro library 

This is a micro SCSS library to help you build websites, without all the arbitrary selectors.

    ✓ Only 37.03 kB (8.9 kB gzipped)
    ✓ Modular
    ✓ 2 configurable grid systems (bootstrap and flexboxgrid)
    ✓ Adjust colors, borders, radius & sizes in the variables.scss file
    ✓ Responsive







반응형
반응형

https://www.periscope.tv/


https://medium.com/@periscope


소개

>Periscope 이야기

바로 1년 전, 우리는 다른 사람의 시각을 통해 세계 곳곳을 살펴본다는 아이디어를 떠올리고 여기에 매료되었습니다. 우크라이나 시위대의 눈에 비친 세상을 볼 수 있다면, 터키 카파토키아 상공의 열기구에 올라 석양을 바라 볼 수 있다면 얼마나 멋진 일일까요? 터무니없는 생각처럼 들릴 수도 있지만, 우리는 순간이동에 가까운 세상에 없던 무엇인가를 만들고 싶었습니다. 세계 곳곳의 사건과 장소들을 접할 수 있는 방법은 기존에도 많이 있었지만 실시간 동영상보다 더 생생한 방법은 없다는 것을 깨달았습니다. 사진이 수천 단어의 말을 대신할 수 있다면, 실시간 동영상은 마치 현장에 있는 것처럼 세계를 여행할 수 있게 해드릴 것입니다.


반응형
반응형

Grd: A CSS grid framework

Grd is a CSS grid framework using Flexbox. It’s only 512 bytes (Gzipped), and provides just two base classes.

A CSS grid framework using Flexbox. Only 512 bytes (Gzipped). 

 

 

 

 

.

반응형
반응형

Morphy-Toolbar: An expanding/collapsing toolbar

Morphy-Toolbar is a morphing toolbar that can expand or collapse at any time. It’s easy to integrate with several customizations already possible.

morphy-toolbar

 

 A morphing toolbar that can expand/collapse at anytime

 

Ever wanted a beautiful transition when switching fragments?

Morphy Toolbar is your answer :)

Overview

Why did I create this library? I often read questions on stack overflow on how to reproduce an animation like this one, more or less always resulting in the use of the design support library CollapsibleToolbar. However, I find this library to be quite buggy, and it aims to be used for scrolling events.
I needed this library to have a custom toolbar with a picture, title and subtitle, and the possibility to animate it whenswitching fragments.

  • Easiest integration ever
  • No need to handle transitions or whatever youself
  • Perfect to animate a small changes statically without scrolling events
  • Several customisations already possible, more to come
  • Smooth animation for transitions (for example when switching fragments)

Sample

You can checkout the Sample Application on the Play Store

 

반응형

+ Recent posts