ログイン
CSSに問題がないか、保守性・複雑性・パフォーマンスの面から解析し、改善点を教えてくれるツール -CSS Code Quality Analyzer
Webサイトに使用されているCSSをはじめ、自分で書いたCSSに問題がないか解析し、改善点を教えてくれる無料ツールを紹介します。 CSSは、保守性、複雑性、パフォーマンスの面から解析され、問題がある箇所はどのように改善す […]
リーディングビュー
UIデザインに使用するカラーのコントラストをチェックできる、使いやすくて、アクセシビリティを重視したツール -Contrastly
UIデザインでカラーを決めるときに、カラーのコントラストを確認することは必須です。コントラストをチェックできるツールはたくさんありますが、Tailwinds CSSのカラー、16進数コンバーター、コントラストの確認がひと […]
より洗練されたCSSアニメーションが可能に！ 複数のビュー遷移を同時に実行できるスコープ付きビュー遷移の基本的な使い方
複数のビュー遷移を実行できるようにするスコープ付きビュー遷移の基本的な使い方を紹介します。 スコープ付きビュー遷移を使用すると、複数のビュー遷移を同時に実行できるようになり、レイヤー化の問題なども回避できます。 Scop […]
前職には頼らない！ ITエンジニアがフリーランスとして独立するときにやるべきことを詳しく解説した良書 -フリーランス独立戦略
※本ページは、アフィリエイト広告を利用しています。 当ブログのビジターにも多くのフリーランスの方がいると思います。また、これからフリーランスになることを考えている方も少なくないでしょう。フリーランスになることを考えている […]
Affinity Photo 2とDesigner 2の期間限定セールが開催！ サブスクではなく、買い切りだから毎年払う必要はありません
※本ページは、アフィリエイト広告を利用しています。 Affinity Photo 2とAffinity Designer 2の期間限定セールがソースネクストで本日から開催されています！ セール期間は、9/21（日）まで。 […]
AIがWeb制作に与えている影響、Web制作の仕事を奪うわけではなく、どのような変化が起きているのか
10年くらい前は、1年後を予測することは簡単でした。しかし、現在はAIの登場により1年後に何が起こるかさえ予測することはほぼ不可能と言えます。 この先どうなるかは誰にも分かりませんが、現在AIがWeb制作の仕事にどのよう […]
便利なのが登場！ UIデザイン用のカラー・スペース・コンポーネントなどを簡単に設計できるツール -StyleSpark
UIデザイナーが定義したデザイン構成を元に、カスタマイズ可能なスタイル・カラー・タイポグラフィ・スペース・コンポーネントなど、レスポンシブ対応のレイアウトを備えて包括的なデザインシステムを設計できる無料ツールを紹介します […]
CSSのcalc()がさらに便利になるなど、17周年を迎えたChrome 140ではCSSの新機能がかなり追加されています
9/2にChromeは17周年を迎えました、時が経つのは早いですね。先日アップデートされたChrome 140に追加された、CSSの新しい機能を紹介します。 今回のアップデートではCSSの新機能がかなりの数で追加されてお […]
印象に残るイラストをじっくり見るといろいろな仕掛けがある、イラストの演出アイデアをさまざまな視点から詳しく解説した良書 -エモい瞬間を切り取る 構図とポーズの演出術
※本ページは、アフィリエイト広告を利用しています。 一度見ただけで、印象に残るイラストってありますよね。じっくり見ると、いろいろな仕掛けがあって、さらにイラストが魅力的になる、そんなイラストの演出アイデアを構図・配色・小 […]
HTMLを愛する人のためのUIライブラリ、シンプルなHTMLでさまざまなレイアウトやUIコンポーネントを実装 -Kelp
シンプルなHTMLとモダンCSSを使用して、レイアウトやUIコンポーネントを実装するHTMLを愛する人のためのUIライブラリを紹介します。 手軽に実装できるように、classレスのHTMLにユーティリティとコンポーネント […]
モダンCSSで実装された、UIデザイン用の美しいグラデーションとジオメトリックの背景パターン -Pattern Craft
Webサイトやスマホアプリに最適、モダンCSSとTailwind CSSで作成されたプロ仕様の背景パターンとグラデーションを紹介します。 100種類以上の背景パターンとグラデーションはシームレスに設計されているので、あら […]
AmazonでスマイルSALEが9/4まで開催！ 見逃しがちな超目玉お買い得品を紹介します
※本ページは、アフィリエイト広告を利用しています。 AmazonでスマイルSALEが開催しています！ プライムデーやブラックフライデーほどの規模ではありませんが、通常のセールよりもかなり安くなっており、非常にお買い得です […]
新作フォント公開記念セールが開催！ REN FONTの和文フォントが半額に、新作フォントは3日間限定で無料でダウンロードできます
タイプデザイナー金井和夫氏のREN FONTで、新作フォント公開記念セールが本日から10/31までの期間限定で開催されています！ Webデザインやグラフィックデザイン、マンガや同人誌など、クリエイティブワークにぴったりな […]
それがまさに知りたかった！ イラストはちょっとしたコツが分かると楽しくなる、イラスト解説書の決定版 -キャラクターイラスト基本の「き」
※本ページは、アフィリエイト広告を利用しています。 どのジャンルでもそうですが、ちょっとしたコツが分かるとメキメキ腕があがることがあると思います。 キャラクターのイラストを描いてみたい、いろいろな表情、肌や目や髪の塗り、 […]
これは疑似要素の便利な使い方！ レイアウトは変えずにクリックできるエリアを広げるCSSのテクニック
ボタンやアイコンなどでクリック・タップ可能なエリアを広げたいと思ったことがあると思います。a要素をブロックにしてpaddingを加えたり、JavaScriptを使用したりといった方法がありますが、今回はレイアウトはそのま […]
日本語のかわいいフリーフォントが登場！ コミック風の手書きがかわいい、推し豆フォント「びーんずフォント」
「くるん・デコ」「ninaSchoolgirl」「になロマン」「最強少女」「薄幸少女」など、楽しくてかわいいフリーフォントをたくさんリリースされている213ちゃんから、新作フリーフォントがリリースされました！ 今回は、コ […]
簡単に使える無料のAIツール！ UIデザイン用に色彩理論とトレンドに基づいたカラーパレットを生成 -Colorify.rocks
簡単に使える、便利なAIツールが増えてきましたね！ WebサイトやスマホアプリのUIデザイン用に、入力されたプロンプトから色彩理論、トレンドに基づいてカラーパレットを生成してくれる無料AIツールを紹介します。 プロンプト […]
Kindle本 季節先取りセールが開催！ セール初登場もあり、Web制作やUIデザイン、イラスト書がかなりお買い得です
※本ページは、アフィリエイト広告を利用しています。 本日からKindle本の季節先取りセールが開催しています。Webや紙のデザイン、HTML/CSSなどWeb制作の解説書、ディレクションやマーケティング、同人誌・絵師さん […]
UI要素のサイズ、マージン、角丸、フォントサイズに至るまで、すべてが黄金比に基づいて設計されたUIフレームワーク -LiftKit
黄金比をWebサイトやスマホアプリのUIデザインに取り入れようと思ったことがある人は少なくないと思います。古い記事ですが、黄金比をサイトのデザインに取り入れる簡単な３つの方法というのもあります。 さまざまなUI要素のサイ […]
かわいすぎる絵文字フォント！ 英字や数字が文鳥、豆苗、鳴き声でぎゅうぎゅうに表示されるフリーフォント「ぎゅうぎゅう文鳥」
いつもの日本語フリーフォントの紹介とは趣向を変えて、今回はかわいすぎる絵文字フリーフォントです。 タイトルにあるように、英字は文鳥で、数字は豆苗で、約物は鳴き声で表示される絵文字フォント「ぎゅうぎゅう文鳥」を紹介します。 […]