About[B!]新着記事・評価 - はてなブックマーク

『About』

Noise in Creative Coding
5 users
varun.ca

Noise is an indispensable tool for creative coding. We use it to generate all kinds of organic effects like clouds, landscapes and contours. Or to move and distort objects with a more lifelike behaviour. On the surface, noise appears to be simple to use but, there are so many layers to it. This post takes a deep dive into what noise is, its variants, how to use it on the web and its applications.
- テクノロジー
- 2021/04/23 17:42

Component Based Design System With Tachyons
3 users
varun.ca

A Design system is a collection of rules, constraints and principles applied to your design and development process. I most often encounter it as a set of rules that control the typography, colours, spacing, sizing, icons and other visual styles. These rules form a foundation that guides your work. They reduce inconsistencies in both design and development implementations yet giving you the room t
- テクノロジー
- 2018/05/19 21:13
- design system
- css
Metaballs
37 users
varun.ca

Metaballs, not to be confused with meatballs, are organic looking squishy gooey blobs. From a mathematical perspective they are an iso-surface. They are rendered using equations such as f(x,y,z) = r / ((x - x0)2 + (y - y0)2 + (z - z0)2). Jamie Wong has a fantastic tutorial on rendering metaballs with canvas. We can replicate the metaball effect using CSS & SVG by applying both blur and contrast fi
- テクノロジー
- 2017/10/18 08:11
- SVG
- algorithm
- JavaScript
- effect
- math
- blog
- Adobe
Learning CSS Grid
3 users
varun.ca

+-------------------------+ +---+ | | | | | CSS Grid | | | | Layout Module | | | | | | | +-------------------------+ | | +----+ +------------------+ | | | | | | | | | | | | | | | | +------------------+ +---+ | | +------+ +---------------+ | | | | | | +----+ +------+ +---------------+CSS Grid is here! As of March 2017, all major browsers support it. Given this good news I decided to spend some time
- テクノロジー
- 2017/05/18 17:06
Component based SVG Icon System
4 users
varun.ca

Much has been written about SVG Icon Systems and why they are amazing. In this post I want to share my workflow for creating a component based SVG icon system. The focus here is on front-end JavaScript frameworks such as React, Angular, Vue.js, etc. These frameworks allow us to split the UI into discrete, reusable components. Which means we can create a generic icon component. And use the type pro
- テクノロジー
- 2017/02/13 15:02
- unclassified
About
8 users
varun.ca

AboutHi, I'm Varun, a DX engineer and a generative artist. I began my career as a front-end developer, specializing in UI engineering, CSS, and animation. My experience with component-driven development and design systems led me to Developer Experience. Currently, I'm part of the DX team at Chromatic and contribute to Storybook. As a artist, I combine minimalist geometry with dynamic color systems
- テクノロジー
- 2014/09/07 22:26
- Canvas
- css
- Javascript
- Tutorial
- html

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx