CSSでこんな実装ができるとは！ 美しい光がきらり✨とボーダーに沿って回転するボタン -Button Shimmer Tricks

2023/05/15 9 users CSS ボーダー 実装 美しい光 ボタン

ぱっと見は普通の角丸ボタン、CSSグラーデションで実装された美しい光がきらりとボーダーに沿って回転するボタンを実装したデモを紹介します。 小さなボタンですが、CSSコンテナクエリをはじめ、CSSによるマスク、hsl()の...記事の続きを読む 続きを読む

すべてのアプリから色を取得できる！シンプルで使いやすく、高性能なUIデザイン用の無料カラーピッカー -Pika | コリス

2021/02/10 11 users Pika ネイティ カラーピッカー コリス hex

ブラウザに表示されたWebページはもちろん、Photoshop, Illustratorをはじめとするすべてのアプリからカラーをすくうことができる、シンプルで使いやすい高性能なカラーピッカーを紹介します。 macOS対応のアプリで、オープンソースなので商用でも無料で利用できます。 カラー値は、HEX、RGB、HSB、HSLに対応。 ネイティ... 続きを読む

デザインで「人間が感覚的に見分けやすい色」を選ぶ方法をデータ可視化のプロが解説 - GIGAZINE

2020/06/28 10 users GIGAZINE ＨＳＶ ＣＴＯ RGB 特定

ある特定の色を表現するために利用される色空間には、RGBやHSV、HSLなどがあり、それぞれの色空間で色を表現する方法が異なります。データ可視化ツールのDatawrapperでCTOを務めるGregor Aisch氏が、「人間が感じる色」に基づいて色を使い分けるには、色空間が重要であると自身のブログで語っています。 How To Avoid Eq... 続きを読む

CSSでグラデーションを使うときにhsl()が便利すぎる。（CSS おれおれ Advent Calendar 2012 – 19日目） | Ginpen.com

2013/06/02 61 users Ginpen.com linear-gradient 色相

CSS おれおれ Advent Calendar 2012 – 19日目 CSS 3では色の指定にhsl()を使う事が出来ます。すなわち色相 (Hue; 0-359)、彩度 (Saturation; 0%-100%)、輝度 (Lightness; 0%-100%) による色の指定です。さらに不透明度を加えたhsla()もあります。 グラデーションをlinear-gradient()で実現するとき、... 続きを読む

英国で「嘔吐ロボット」開発、ノロウイルスの感染分析に貢献 | 世界のこぼれ話 | Reuters

2013/01/15 480 users Reuters おうと 英ダービーシャー 猛威 ノロウイルス

［バクストン（英国）　１０日　ロイター］　英ダービーシャーの研究者が開発したロボット、通称「嘔吐（おうと）のラリー」が、同国で猛威を振るうノロウイルスの感染を分析する上で役立っている。 安全衛生研究所（ＨＳＬ）のキャサリン・メイキサンブース氏は、嘔吐を再現できる人型ロボット「嘔吐のラリー」を開発。２０１０年に英国でノロウイルスの感染が拡大した時に、このアイデアを思い付いたという。 医学生がよく使う... 続きを読む

CSS の border プロパティを使って見出しを装飾しよう – ちょい派手な見出し | TM Life

2012/10/12 26 users CSS 見出し border プロパティ TM Life 色相

『CSS の border プロパティを使って見出しを装飾しよう』 第２弾!(第４弾まであります!!) 引き続き CSS の border プロパティを使って見出しを装飾する方法について紹介します. ちょい派手な見出しです. シンプルな見出しです. 大見出しから中見出しを想定して作りました. 色については, 並べたときに見栄えするように hsl を使って色相を 60度ずつずらしていますが今回のエン... 続きを読む

CSS の border プロパティを使って見出しを装飾しよう – シンプルな見出し | TM Life

2012/10/11 28 users CSS 見出し border プロパティ TM Life 色相

『CSS の border プロパティを使って見出しを装飾しよう』 第１弾!(第４弾まであります!!) CSS の border プロパティを使って見出しを装飾する方法について紹介します. シンプルな見出しです. 中見出しから小見出しを想定して作りました. CSS もシンプルなので簡単に使えます. 色については, 並べたときに見栄えするように hsl を使って色相を 60度ずつずらしていますが今回... 続きを読む

fladdict.net blog: MOCHIKITというjsのフレームワークが凄いらしい。

2006/05/25 48 users MochiKit インタプリタ フレームワーク デモ 便利関数

なんかMOCHIKITというjsのフレームワークが凄いらしい。 デモはこちら。 ちょっと気になった機能 jsのインタプリタ キーイベント管理 ドラッグ カラーマネージメント テーブルソート ラウンドコーナー ロギングフレームワーク お硬そうなprototype.jsや、便利関数の集合体っぽいjqueryと比べると、 HSLで色が使えたりと、かなり表現系に強そうな雰囲気。 ちょっとflashっぽい挙... 続きを読む