サイト構築 -制作

朗報! Figmaでクロスデバイス間のコピーペーストができるようになったぞ!

Post on:2023年3月22日

デスクトップのFigmaとiPadのFigJamで、オブジェクト、フレーム、テキスト、ウィジェットなどをコピーペーストできるようになりました。

Web制作に役立つ超便利ツールが登場! HTMLやCSSやJavaScriptのさまざまなツールがひとまとめになったツールボックス -He3

Post on:2023年3月16日

HTMLやCSSやJavaScriptの軽量化・整形、FlexboxやGridやbox-shadowのジェネレーター、各種エンコード・デコード、データの暗号化、ダミーテキスト・ダミーデータ・ファビコン生成、テキスト比較(

...記事の続きを読む

全部、完全に商用利用無料! さまざまなデザインが揃ってる、ランディングページ用のHTMLテンプレート -HTMLrev

Post on:2023年3月15日

プロダクト、サービス、アプリやソフトウェアなどのランディングページ用のHTMLテンプレートを無料でダウンロードできるHTMLrevを紹介します。 ランディングページ用のHTMLテンプレートはすべて無料で、商用プロジェクト

...記事の続きを読む

Chrome 111のココに注目! 三角関数やスタイルクエリなどCSSに関する新機能がけっこうたくさんサポートされました

Post on:2023年3月8日

本日リリースされたChrome 111で、CSSに関する新機能がけっこうたくさんサポートされたので、紹介します。 sin(), cos(), tan()などの三角関数をはじめ、親要素のスタイルに応じて子要素のスタイルを適

...記事の続きを読む

Macでフォント管理におすすめのアプリ「Typeface App」、M1/M2完全対応、強力なフォント管理機能を備えた優れもの

Post on:2023年3月2日

M1/M2のmacOSでフォント管理におすすめのアプリ「Typeface App 3」を紹介します。Appleシリコンをネイティブサポート、macOS Ventura対応、フォントを1クリックで有効化・無効化でき、強力な

...記事の続きを読む

VS Codeでコードがさらに見やすくなる! ネストされたブロックを強調表示するVS Codeの機能拡張「Blockman」

Post on:2023年2月27日

HTML, CSS, JavaScript, PHPなどさまざまな言語に対応、コードのネストされたブロックを枠で囲って強調表示するVS Codeの機能拡張を紹介します。 さっそくインストールして使用してみましたが、これは

...記事の続きを読む

見た目はUIデザインによくある普通のボタン、でも触ると高電圧の電流が流れるエフェクトが美しくてかっこいい

Post on:2023年2月22日

見た目は、角丸の普通のボタン。 ホバーすると、高電圧の電流が流れるようなエフェクトが美しくてかっこいいボタンを紹介します。厨二病心を全力でくすぐられますね!

UIデザインで、なぜダークモードにおけるグレースケールは難しいのか、人がカラーとコントラストを知覚する感じ方

Post on:2023年2月21日

ライトモードだといい感じのグレースケールが、ダークモードにすると特に暗いグレーあたりのコントラストが低くなることがあります。 これは人がカラーとコントラストを知覚する感じ方に関係があります。どのようなメカニズムでそう感じ

...記事の続きを読む

divはボタンではない、ボタンの実装について知っておくべきすべてのこと

Post on:2023年2月9日

クリックできるボタンを実装するとき、HTMLの何をよく使用しますか? buttonタグ、もしくはdivタグ? divを使用してはいけない理由、buttonを使用するときの注意点、場合によってはaがよい理由を紹介します。

...記事の続きを読む

プログラミング用フォントとUIデザインのどちらにも使える! 美しさと読みやすさを兼ね備えたフォント「Martian Mono」

Post on:2023年2月8日

Webデベロッパーとデザイナー向けに、Groteskの人目を引く美学と読みやすさと分かりやすさを追求したオープンソースのフォントを紹介します。 ボタン・フォーム・リストなど、限られたスペースのWebサイトやスマホアプリの

...記事の続きを読む

top of page

©2024 coliss