これは便利なVS Codeの機能拡張！ CSSのclamp()関数を使ったレスポンシブ対応のフォントサイズが簡単にできる -Clamp It!

2024/10/24 70 users フォントサイズ CSS 関数 実装 レスポンシブ対応

CSSの実装に便利なVS Code用の機能拡張がリリースされました！ レスポンシブ対応のフォントサイズをCSSで定義するときに、面倒なclamp()関数の定義を簡単にできるClamp It!を紹介します。 Clamp It! -GitHub Clamp It! -Visual Studio Marketplace レスポンシブ対応のフォントサイズをCSSのclamp()関数で定義 Clamp It!... 続きを読む

CLAMPヲタクのライターが国立新美術館開催のCLAMP展を観覧してきたので圧巻の展示内容を早口で語りたおす！ | 偏愛・脳汁で日常を熱くするメディア　ヲトナ基地

2024/07/23 65 users ヲトナ基地 早口 圧巻 偏愛 ライター

偏愛・脳汁を語るサイト「ヲトナ基地」では、多数の「愛しすぎておかしくなるほどの記事」をご紹介してまいります。 ヲトナ基地で今回紹介する記事は「CLAMPオタクのライターが国立新美術館開催のCLAMP展を観覧して来たので圧巻の展示内容を早口で語りたおす！ 」。海燕さんが書かれたこの記事では、CLAMPへの偏愛を語っ... 続きを読む

『魔法騎士レイアース』新アニメ化プロジェクト始動！！TVアニメ30周年＆新アニメ化プロジェクト始動PV

2024/07/02 261 users 魔法騎士レイアース 講談社刊 デビュー以来 青年漫画 ヒット作

デビュー以来、少年漫画、少女漫画、青年漫画と幅広いジャンルでヒット作を世に送り続ける創作集団CLAMP。 アニメやドラマ、映画等、作品は絶えずメディア化され、国内外で絶大な人気を誇ります。 そんなCLAMPの代表作で、「なかよし」（講談社刊）で連載された『魔法騎士レイアース』は、東京ムービー（現トムス・エン... 続きを読む

これは簡単で便利！ レスポンシブ対応のフォントサイズをCSSのclamp()関数で定義できるツール -Type Fluidity

2024/06/13 100 users フォントサイズ CSS 関数 デバイス レスポンシブ対応

フォントサイズをレスポンシブ対応にするときに、最近よく使用されている実装方法はclamp()関数による流体タイポグラフィです。CSSのclamp()関数を使用するとフォントサイズの最小値と最大値を定義してその間の値を流動的にすることができ、デバイスのスクリーンサイズが増えた現在に欠かせないテクニックです。 CSSでレ... 続きを読む

CSSでfont-sizeをレスポンシブ対応にする最新テクニック！ clamp()関数の定義が簡単にできる便利ツール -Fluid Type Scale Calculator

2023/07/24 21 users font-size フォントサイズ CSS 関数 定義

レスポンブ対応のフォントサイズをCSSで設定するには、CSSのclamp()関数が便利です。clamp()関数は最大値と最小値の2つの値の間をクランプし、レスポンシブ対応の流体フォントサイズを設定できます。 CSSのclamp()関数を使用し、スクリーンサイズに合わせて最適化される流体フォントサイズのCSSを簡単に生成できるツール... 続きを読む

togetterから漂う加齢臭

2023/04/12 231 users Togetter 高橋留美子 加齢臭 主語デカ 性癖

なんつーか、30代40代のオジオバが若者面？というか全世代の代表面して主語デカで喚いてるところに老いを感じる 日本人は中華系・チャイナっぽい服が性癖の人間が多く、これらの50%は高橋留美子に、もう50%はCLAMPによって植え付けられたとする説がある？ https://togetter.com/li/2123595 これなんかそうだけど、らんま... 続きを読む

日本人は中華系・チャイナっぽい服が性癖の人間が多く、これらの50%は高橋留美子に、もう50%はCLAMPによって植え付けられたとする説がある？

2023/04/12 308 users 高橋留美子 性癖 中華系 人間 これら

Kaoru Miyazaki @KmGraph 日本人は「中華系・チャイナっぽい服」が性癖の人間が多く、これらの人間の50%は高橋留美子に植え付けられ、もう50%はCLAMPによって植え付けられたとする説があります。 2023-04-11 13:25:43 続きを読む

CSSの三角関数（sin(), cos(), tan()）の基礎知識と基本的な使い方を解説

2023/03/23 146 users cos tan Sin CSS 三角関数

CSSで数式を使用するときには、今まではcalc()関数をはじめ、min(), max(), clamp()などの関数でしたが、ついに三角関数もChrome, Edge, Safari, Firefoxのすべてにサポートされました。 CSSの三角関数、sin(), cos, tan(), asin(), acos(), atan(), atan2()の基礎知識と基本的な使い方を紹介します。 Trigonometric fun... 続きを読む

『カードキャプターさくら』声優・丹下桜の起用は原作者「CLAMP」からの指名だった。ヒロイン・木之本桜との運命の出会いを25年越しに語る【人生における3つの分岐点】

2023/03/22 188 users エピソード 勇気 丹下さん 丹下桜さん 理想

「桜ちゃんは理想の女の子なんですよね。完全無欠な」―― 声優・丹下桜さんが演じた代表作といえば、アニメ『カードキャプターさくら』のヒロイン“木之本桜”を挙げる人は多いだろう。 放送から25年経った今でも、「作品に勇気をもらっている」と語るファンは多い。 後に本記事で丹下さんから語られるエピソードだが、誰よ... 続きを読む

CLAMPがイラスト、羽生結弦がストーリーを手がけるコラボ絵本発売決定（コメントあり）

2023/02/13 11 users Gift 羽生 単独 羽生結弦 ドーム公演

CLAMPがイラスト、羽生結弦がストーリーを手がけるコラボ絵本発売決定 2023年2月13日 10:33 1 コミックナタリー編集部 スケーター史上初となる単独での東京ドーム公演「Yuzuru Hanyu ICE STORY 2023 “GIFT” at Tokyo Dome supported by 雪肌精」を2月26日に開催する羽生。このドーム公演では「これまでの僕の歴史やスケ... 続きを読む

最近よく使用されているCSSの実装テクニック！ レスポンシブ対応のフォントサイズをclamp()で超簡単に定義できるツール -clamp() Calculator

2023/02/07 97 users calculator ビューポート フォントサイズ CSS

フォントのサイズをレスポンシブ対応にする際、最近よく使用されている実装方法がclamp()関数を使用した流体タイポグラフィです。CSSのclamp()関数を使用すると、ビューポートをベースにしてフォントサイズの最小値と最大値を定義してその間の値を流動的にすることができ、デバイスのスクリーンサイズが増えた現在に欠か... 続きを読む

CSSで実装する時、フロントエンドのデベロッパーは何を考え、どういうことに配慮して実装するのか

2022/11/24 25 users デベロッパー CSS フロントエンド フォントサイズ 定義

UIコンポーネントをCSSで実装する時に、何を考えながら実装するのか、どういうことに配慮して実装するのかを紹介します。 CSSの何を使用して配置するのかベストか、レスポンシブの対応方法をはじめ、グラデーションをより美しく実装する方法、clamp()によるフォントサイズの定義、論理プロパティの使用など、CSSの実践的... 続きを読む

レスポンシブ対応のレイアウトやUIコンポーネントの実装が簡単！ min(), max(), clamp() の便利な使い方を詳しく解説

2022/10/13 118 users ＭＡＸ min UIコンポーネント CSS メディアクエリ

CSSの比較関数が主要ブラウザすべてにサポートされてから早2年が経ちました。これらの比較関数は、今まではJavaScriptを使用しないとできなかったこと、メディアクエリで複雑に実装していたことをシンプルなCSSで実装できます。 最近のWebサイトで使用されている、CSSの比較関数 min(), max(), clamp() の便利な使い方を... 続きを読む

CSSでfont-sizeをレスポンシブ対応にする最新テクニック！ clamp()関数で定義する便利ツール -Min-Max Calculator

2022/05/31 158 users font-size CSS 関数 メディアクエリ スクリーン

Webサイトをレスポンシブ対応にする時、メディアクエリを使用するのも一つの方法ですが、CSSのclamp()関数を使用すると、最小値と最大値を定義してその間の値は流動的にすることができます。 たとえば、小さいスクリーンでは最小値の16px、スクリーンが大きくなるにつれ、最大値の24pxになるまで少しずつ大きくなる、と... 続きを読む

CSSの便利ツールが登場！ レスポンシブ対応のフォントサイズを超簡単に定義できる -Modern Fluid Typography Editor

2022/01/31 225 users フォントサイズ CSS レスポンシブ対応 便利ツール 登場

Webサイトをレスポンシブ対応にする時、フォントサイズをさまざまなスクリーンに最適なサイズにします。スマホ用のfont-size、デスクトップ用のfont-sizeを定義するのも一つの方法ですが、font-sizeの最小値と最大値とその間の値を流動的にするclamp()を使用すると簡単に定義できます。 CSSでレスポンシブ対応のフォント... 続きを読む

CSS カスタムプロパティによる流動的フォントサイズ

2022/01/21 14 users フォントサイズ FON Calc unit Sass

今回は、calc() clamp() min() max() と CSS カスタムプロパティを駆使して、自分で計算する必要がなく、Sass なども不要で CSS のみでの実装を紹介いたします。 使い方と実装解説 デモとソースコード /** * Available vars: * @var --viewport-from: <number> - Number in pixels without the unit. Required if `--fon... 続きを読む

CSSの数学関数min()、max()、clamp()の基本的な使い方

2021/11/04 162 users Calc font-size ＭＡＸ min CSS

IEをサポートから外すと、CSSの便利な新しいプロパティが使用できます。その中の1つ、いや3つがmin(), max(), clamp()です。 数学関数といえばcalc()が便利ですが、さらに便利なのがこの3つです。要素の幅指定、padding値の管理、font-sizeの定義など、レスポンシブ対応で大活躍します。min(), max(), clamp()の基本的な... 続きを読む

「魔法騎士レイアース」って、伝説の少女漫画って言う程のものか…？ なか..

2021/10/17 157 users 魔法騎士レイアース 伝説 少女漫画 なか.. 後追い

「魔法騎士レイアース」って、伝説の少女漫画って言う程のものか…？ なかよし読者に対するインパクトで言うならセーラームーンの方が大きくてその後追いって感じだったし、 ターゲットの少女以外にも層を広げたというなら同じCLAMPのカードキャプターさくらの方が 続きを読む

『ウマ娘』CLAMPがメジロマックイーンやゴールドシップたちを描いた！ 公式アンソロジーコミック2巻が9月29日発売 | ゲーム・エンタメ最新情報のファミ通.com

2021/08/26 6 users 本書 Amazon.co.jp サイゲームズ 楽天ブックス

漫画『ウマ娘 プリティーダービー アンソロジーコミック STAR 2』が2021年9月29日より発売。Amazon.co.jp、楽天ブックスなどで予約受付が開始された。価格は通常版が770円［税込］、限定版が1540円［税込］。 本書は、サイゲームスが手掛けるメディアミックスコンテンツ『ウマ娘 プリティーダービー』の公式アンソロジー... 続きを読む

CLAMP「東京BABYLON」が2021年にTVアニメ化！アニメ制作はGoHandsが担当（動画あり） - コミックナタリー

2020/10/25 156 users サウス 陰陽師 双子 GoHands 主人公

「東京BABYLON」は、サウスおよび月刊ウィングス（ともに新書館）にて1990年から1993年にかけて連載された作品。東京を舞台に、陰陽師としてさまざまな霊的事件を解決していく主人公・皇昴流（すめらぎすばる）と双子の姉・北都（ほくと）、獣医師の桜塚星史郎（さくらづかせいしろう）の活躍が描かれる。単行本全7巻、... 続きを読む

CSSの数学関数が便利すぎる！min(), max(), clamp()の使い方を詳しく解説 | コリス

2020/05/28 182 users Calc コリス ＭＡＸ min Firefox

CSSの数学関数と言えば、calc()が便利ですよね。 しかし、便利な数学関数はcalc()だけではありません！ 先月、Firefoxにサポートされたことにより、すべてのモダンブラウザにサポートされたCSSの数学関数「min()」「max()」「clamp()」の使い方を紹介します。 最大幅や最小幅を計算式で定義できる「min()」「max()」、フ... 続きを読む

NetflixがCLAMP・太田垣康男・ヤマザキマリらとパートナーシップ締結、オリジナルアニメ制作へ（コメントあり） - コミックナタリー

2020/02/25 6 users Netflix 樹林伸 太田垣康男 ヤマザキマリ 冲方丁

Netflixとパートナーシップを結んだ6名。左からCLAMP、樹林伸、太田垣康男、乙一、冲方丁、ヤマザキマリ。 Netflixはこのたびパートナーシップを結んだ6名とともに、世界に向けたオリジナルアニメの制作を行うだけでなく、出版やグッズといった映像以外の手段も検討していく。CLAMPの大川七瀬は「新しい試みにお声掛け頂... 続きを読む

『日本アニメの救世主』Netflix、CLAMPなど6組と協業しオリジナル作品強化 - Engadget 日本版

2020/02/25 8 users パートナーシップ 収益 予算 製作 アニメ製作

日本経済新聞によれば、アニメ製作で日本の2〜3倍の予算がつくこともあるNetflix。クリエイターに収益が行き渡らず、「ブラック業界」とも揶揄される日本のアニメ業界の"救世主"とも目される同社が、日本のクリエイター6名とオリジナル作品の企画・製作におけるパートナーシップを締結しました。 今回パートナーシップを... 続きを読む

Netflix、CLAMPや乙一、冲方丁らクリエイター6人と提携。日本発アニメ強化 - AV Watch

2020/02/25 12 users Netflix 乙一 提携 AV Watch

続きを読む

三崎尚人 on Twitter: "CLAMPが、「全く会ったことのない人から、『自分はCLAMPメンバーの同級生だった。そして今、あなたたちが描いているマンガの主人公のモデルが自分であることは分かって

2019/07/19 48 users イミフ 三崎尚人 on Twitter 手紙 主人公

CLAMPが、「全く会ったことのない人から、『自分はCLAMPメンバーの同級生だった。そして今、あなたたちが描いているマンガの主人公のモデルが自分であることは分かっている』という」イミフな内容の手紙を送られストーキングされたというのは、今からもう15年以上前の話になるんだ…。 続きを読む