最近は小さいアイコンなどをSVGで作るのが主流になってきました。良いことです、とてもいいことです。レスポンシブするからサイズ違いを3つほど作ったりしなくて済みます。ベクター様バンザイです。 SVGファイルの中身を見たことはありますか？ アレの ...

SVGを使用してUIコンポーネントを構築すると、実装がより簡単により分かりやすくなります。SVGとCSSを使用したUIコンポーネントの実装テクニックを紹介します。 SVGなのでカラーやサイズも簡単に変更でき、軽量で、レスポンシブにも完全対応です。 下記は ...

「HTML5」って何でしょうか？ それは「HTML4」や「XHTML1」の後継となる、便利な機能が増えた次世代のHTMLです。その中のひとつにSVG要素があります。しかしHTML内に直接記述されたSVGをそのまま表示できるブラウザは2010年9月現在まだありません。しかしFirefoxで ...

WebサイトやスマホアプリのUIデザインをはじめ、プレゼンなどのさまざまな成果物に使用できるSVGアイコンのセットを紹介します。 アイコンのスタイルも豊富で、ソリッド・ベタ塗り・デュオトーンなども揃っており、さまざまなデザインに適用できると ...

CodeZine BOOKS（コードジン・ブックス）は、CodeZineの連載からカットアップした、開発現場の課題解決に役立つ書籍シリーズです。 「Firefoxの灯（ともしび）」（以下、灯と表記）に実装されているWebの最新技術を紹介する本連載。前回は、HTML5の「Canvas」要素 ...

bestatは、2Dの三面図を3Dデータに自動変換する「3D.Core for CAD」のWebサービスを発表した。図面データをアップロードすると、3D CADソフトで読み込めるSTL形式データを最短1営業日で提供する。（2025/10/9） もう“センスに依存”しない！資料で使える「図」を ...

Claude 3.7 Sonnetのデザインセンスは極めて高く、イケてる図解やスライドをポン出しで生成することができます。以下のような投稿を見て感動し、Claudeに課金して、ワクワクしながら試してみた方も多いのではないでしょうか。 Claude 3.7 Sonnetの図解デザイン ...