虫眼鏡アイコンをクリックすると、検索フォームが表示されます。

HTMLはdiv要素一つだけ、あとはCSSをコピペするだけでさまざまな形状のシェイプを実装できるコードをまとめたCSS Shapeを紹介します。 さまざまな形状はdivだけでなく、imgで画像にも実装することもできます。 The Ultimate CSS Shapes Collection The Ultimate CSS Shapes ...

Below is a portfolio site I've created, taking inspiration from the design camp. It's pixel-perfect. 下記のサイトを参考に、デザインカンプから作ったポートフォリオサイトです。ピクセルパーフェクトにしています。 It's a dynamic sneaker information site.

Below is a portfolio site I've created, taking inspiration from the design camp. It's pixel-perfect. 下記のサイトを参考に、デザインカンプから作ったポートフォリオサイトです。ピクセルパーフェクトにしています。 We've designed it with a parallax effect, so ...

ユーザーに分かりやすく情報を伝えるために、比較表や一覧表などの「表」はとても大事ですよね。 しかし、いまいちコードの書き方が分からず、ついつい画像で作ってしまう・・・なんてことはありませんか？ WEBデザインでの表作成は、思ったより簡単 ...

HTMLで書いた文章の文字間隔を調整するには、CSSのletter-spacingプロパティを使います。単位emやpxを使って望みの字間を数値で指定すれば、細かく自由な幅で文字と文字の距離を広げられます。マイナスの値を指定すれば文字詰めもできます。CSSで字間を広げ ...

O CSS (Cascading Style Sheets) é uma linguagem de estilo que define a aparência de páginas web, como cores, fontes e layout. Ele separa o conteúdo da estrutura visual, facilitando a criação de sites ...

初心者向けの「わかりやすさ」を重視した解説に定評があるウェブ系テクニカルライター。ウェブの黎明期に趣味で始めた個人サイト製作からその「楽しさ」に魅了され、作成方法に関する様々な情報を発信。企業や団体のウェブサイト製作・解説書籍の ...

WebページをつくるにはHTMLやCSSの知識、Webページ作成アプリの使い方などを熟知していないと難しい。上司から「おわびの告知をするためにWebページをつくってほしい」と突然依頼されても困ってしまうだろう。 そんなときは生成AI（人工知能）を活用しよう。