CSS-Tricksにhr要素の表示をCSSを使ってカスタマイズする興味深いサンプルが掲載されている。グラデーション効果、破線効果、影付き効果、両端にデザインの追加、二重線と記号の配置などだ。注目したいのは画像などの要素を追加することなく、CSSのみで ...

株式会社オライリー・ジャパンと株式会社ビブリオスタイルは、翻訳書籍「CSSシークレット 47のテクニックでCSSを自在に操る」を共同制作し、7月23日より発売する。価格は3400円（税別）。 「CSSシークレット」は、数千行のCSSと1万行あまりのHTMLで作成された ...

株式会社モリサワは、さまざまな書体をWebフォントとして使用できるサービス「TypeSquare」のWebサイト上でCSSサンプル集の公開を開始した。今回公開されたサンプルは「TypeSquare」の書体を用いたテキスト装飾の例で、ソースコードも公開されており、制作の ...

モリサワは、クラウドフォントサービス「TypeSquare」にて、フォントの表現力を高める「CSSサンプル集」を公開した。 今回公開された「CSSサンプル集」は、TypeSquareの書体を使ったテキスト装飾のサンプル。文字を画像にすることなくCSSの処理で様々な表現を ...

CodeZineは、株式会社翔泳社が運営するソフトウェア開発者向けのWebメディアです。「デベロッパーの成長と課題解決に貢献するメディア」をコンセプトに、現場で役立つ最新情報を日々お届けします。

カスタマイズを前提とした「UIコンポーネントの種」を提供中。コンポーネントを組み合わせた使用例であるサンプルを新たに公開し、より実務で使いやすく進化しました。 株式会社Rabee（本社：東京都渋谷区、代表取締役：上松勇喜）は、Svelte × Tailwind CSSのUI ...

Drogonは、リリースされて間もないこともあり、例えばVue.jsのNuxt.jsのような、見た目の部分をどうにかしてくれるようなフレームワークがありません。 しかし、せっかくサービスを作って公開するのであれば、ある程度見栄えのする内容にしたいと思うはずです。 そこで今回はDrogon ...

エンジニア、クリエイターのキャリア創造を支援する株式会社パソナテック（www.pasonatech.co.jp）は、来る3月25日（水）、実務で使えるHTMLとCSSの知識を習得できるセミナーを開催します。本セミナーでは、実務で使うHTML・CSSのサンプルコードの解説、実務に ...

Again, I wanted to deepen my understanding of HTML & CSS, so I created a copy of Prototype in Figma based on a sample image and coded it. I did not add any animations or other movements. I was also ...