サイト構築 -制作

VS Code 1.78の新機能が便利! 画像の相対パスが簡単に入力できるようになったぞ

Post on:2023年5月10日

VS Codeで画像のパスを入力するとき、今まではフォルダツリーで画像を右クリックして「パスのコピー」「相対パスのコピー」でパスを取得していたと思います。 先日アップデートされたVS Code 1.78で、画像ファイルを

...記事の続きを読む

Google Fontsに新しい日本語フォントが追加されました! 和のデザインにぴったりなかわいいフォント -だるまどろっぷ

Post on:2023年5月8日

数多くのフォントをリリースされているManiackers Designの新作フォント「Darumadrop One」が、Google Fontsに追加されました! 5/10追記: 新作ではなく、アップデートでした。 だる

...記事の続きを読む

ChatGPTの仕組み、どのように機能しているか深く掘り下げて解説

Post on:2023年4月26日

ChatGPTをすでに使用している人は多いと思います。また、使用していなくても興味があり、これから使用してみようという人もいるでしょう。 ChatGPTはその仕組みが分からなくても使用できますが、どのように機能しているの

...記事の続きを読む

SVGアイコンを探すときの新定番! オープンソースのSVGアイコンを横断検索で、好みのデザインを見つけることができる -Iconhunt

Post on:2023年4月25日

オープンソースのSVGアイコンを探すときに大変なのが、好みのデザインを見つけることだと思います。たとえば、検索用の虫メガネアイコンだとレンズの大きさ、持ち手の長さ、レンズと持ち手のバランス、ストロークの太さなど、いろいろ

...記事の続きを読む

VS Codeのこのダークテーマ、コードが見やすい! 色の一貫性を向上させ、見やすさを改善したテーマ -Darcula Dark

Post on:2023年4月18日

VS Codeはその機能も魅力ですが、豊富なテーマも魅力の一つです。 ダークテーマの新しいのがリリースされていたので、試してみたらかなり良かったので、紹介します。リリースされたのは1ヵ月ほど前ですが、すでに27Kもインス

...記事の続きを読む

UIデザインに必須の16の論理ルール! デザインは細部のちょっとした作り込みが使いやすさを決める

Post on:2023年4月13日

UIデザインはシンプルで論理的なルールを理解することで、情報に基づいたデザインの意思決定を効率的におこなうことができます。UIデザインをより使いやすく改善する16の論理ルールを紹介します。 長い記事なので、時間がある時に

...記事の続きを読む

Adobeユーザーに朗報! 日本語フォントが650種類超えに、Adobe Fontsで使用できる日本語書体一覧のPDF 2023年最新版

Post on:2023年4月12日

フォントの日(4/10)に、Adobe Fontsで使用できる日本語フォントが増えました! 今回のアップデートでは、SCREEN GAがパートナーに加わり「ヒラギノフォント4書体」、清和堂から「清和堂明朝 L」、フォント

...記事の続きを読む

VS Codeでコードがさらに見やすくなる! 行の折りたたみをより使いやすくする機能拡張 -Better Folding

Post on:2023年4月5日

VS Codeには標準機能として、行の折りたたみができます。すこし使い勝手が悪かったのであまり使用していなかったのですが、折りたたみをより使いやすくする機能拡張をインストールしてみたら、便利だったので紹介します。 折りた

...記事の続きを読む

AIでコードを生成! テキストを入力すると、UI要素やコンポーネントを実装するHTMLとCSSを生成してくれる -AI CODE

Post on:2023年4月4日

AIは、Web制作にもすごい速さで浸透しそうですね。今までも似たツールがいくつかあったのですが、かなり出来がよいので紹介したいと思います。 テキストを入力、たとえば「シンプルでモダンなナビゲーション アイテムは日本語」と

...記事の続きを読む

HTMLにsearch要素が追加されたぞ!

Post on:2023年3月29日

先週、HTML Living Standardの仕様にsearch要素が追加されました。 ブラウザへの実装はまだ先になると思いますが、検索フォームを実装する時は下記のようなHTMLを使用できるようになります。アクセシビリ

...記事の続きを読む

top of page

©2024 coliss