Top›
Labo
クリエイティブにおいて、最も重要なのは基礎です。
1と1を足したら2になるという基礎を理解しないと、次のステップへ進めません。
そのためには、実験と研究あるのみです。
WEBの動画再生を探求する
2024/05/02
![sliderThumb: WEBの動画再生を探求する](/assets/shv/images/slider/exploring_video_playback_on_websites.jpg)
labo
CSSのColumnsで最適な段落カラムを自動生成。
2024/04/18
![sliderThumb: CSSのColumnsで最適な段落カラムを自動生成。](/assets/shv/images/slider/paragraph_column_automatic_generation.jpg)
labo
マウス座標の中心で画像を拡大縮小させるJavascript
2024/02/19
![sliderThumb: マウス座標の中心で画像を拡大縮小させるJavascript](/assets/shv/images/slider/zoominout_around_themouse.jpg)
labo
文字の大きさをmin() max()を使って効率よく設定する
2024/01/31
![sliderThumb: 文字の大きさをmin() max()を使って効率よく設定する](/assets/shv/images/slider/masterminfncandmaxfnc.jpg)
labo
時間を操るスクリプト
2023/12/31
![sliderThumb: 時間を操るスクリプト](/assets/shv/images/slider/script_to_manipulatetime.jpg)
labo
魔女だって太ってちゃ高く飛べないからね
2023/11/22
![sliderThumb: 魔女だって太ってちゃ高く飛べないからね](/assets/shv/images/slider/exercise_for_website.jpg)
labo
ボックスモデルとパーセント指定を極める
2023/08/28
![sliderThumb: ボックスモデルとパーセント指定を極める](/assets/shv/images/slider/master_boxmodel_and_percentage_value.jpg)
labo
一定間隔でイベントを正確に発生させるスクリプト
2023/06/19
![sliderThumb: 一定間隔でイベントを正確に発生させるスクリプト](/assets/shv/images/slider/generate_events_at_regular_intervals.jpg)
labo
汝は神なり?
2023/04/24
![sliderThumb: 汝は神なり?](/assets/shv/images/slider/thouartgod.jpg)
labo
グリッドを極める
2022/12/26
![sliderThumb: グリッドを極める](/assets/shv/images/slider/master_css_grid.jpg)
labo
SVG画像で写真を切り抜く
2022/11/08
![sliderThumb: SVG画像で写真を切り抜く](/assets/shv/images/slider/masking_with_svg.jpg)
labo
WEBで文字詰め
2022/07/15
![sliderThumb: WEBで文字詰め](/assets/shv/images/slider/font-feature-settings.jpg)
labo
反復処理の停止と再開を自在に制御
2022/06/09
![sliderThumb: 反復処理の停止と再開を自在に制御](/assets/shv/images/slider/implement_an_iterator.jpg)
labo
縦組み進化論
2022/04/01
![sliderThumb: 縦組み進化論](/assets/shv/images/slider/evolving_vertical_writing.jpg)
labo
ネイティブJSで要素を自在に追加する
2021/12/31
![sliderThumb: ネイティブJSで要素を自在に追加する](/assets/shv/images/slider/append_objects.jpg)
labo
CSSで水玉模様を作る
2021/07/24
![sliderThumb: CSSで水玉模様を作る](/assets/shv/images/slider/polkadot.jpg)
labo
ページもふんわりスクロール
2021/02/23
![sliderThumb: ページもふんわりスクロール](/assets/shv/images/slider/pagescroll.jpg)
labo
CSSでカードめくり
2021/02/16
![sliderThumb: CSSでカードめくり](/assets/shv/images/slider/upcard.jpg)
labo
Information End
WEBの進化はめざましい。
WEBデザインを始めたころは1ページのサイズは100KB以下に押さえるように作っていました。それが今では一枚の画像サイズが100KB超えてます。1MB超える動画もざらです。
フォントもシステムフォント一択だったのが今は(かなり)自由に使えるようになりました。3Dは? アニメーションは? エフェクトは? 次々に生み出される新技術に対応するには常に勉強していないといけません。
けれどもなにも高度な技術や知識を使わなくてもできることはたくさんあります。
文字を縦に組んだらどうなる? 3Dのパースぺクティブ上で視点を移動するとどうなる? SVGってどうやってアニメーションする?
小さなアイデアや断片から面白いことも可能です。そうして思いついたアイデアや疑問もすぐに試して記録しないと、どんどん頭の中から消えていきます。
というわけで、思いついたら何でも実験です。
![image: 思いついたら何でも実験。](/assets/shv/images/bg_labo.jpg)
このコーナーで紹介しているプログラムやビジュアルなど実装をご希望であれば賜ります。
お問い合わせはこちら