デジタル 新着記事一覧(188ページ目)

CSSの疑似クラスnth-childやnth-of-typeは、どちらも「何番目の要素を対象にして装飾」というスタイルを作れます。これらを使えば、CSSだけで表を縦方向に一括装飾できます。表の列をグループ化するcolgroup要素を使わなくても、nth-of-typeやnth-childを使えば対象セルの位置を番号で指定できるからです。表を列単位で装飾するCSSの書き方をご紹介。nth-childとnth-of-typeの違いも解説。

『アニ文字』は、iPhone Xの機能で、自分の表情に合わせてかわいい動物が動くものです。アニ文字の使い方や作り方、他のiPhoneやAndroidに送る方法、LINE送信やInstagramに投稿する方法も解説します。

PCを廃棄する際、ハードディスクやUSBメモリなどに個人情報などの重要な情報が残っていたら大変です。「データ消去ソフト」を使い、情報漏洩トラブルに備え、データを完全に抹消しておきましょう。その際必要となるソフトの選び方と、おすすめの製品および無料で利用できるフリーソフトを紹介します。

HTML＋CSSだけでタブの切り替え機能を作る方法をサンプルと共に解説。複数のタブから見たい対象を選ぶだけで、ページを移動することなく表示内容が一瞬で切り替わります。選択中のタブがどれなのかを明示できるようにタブの色を変化させるのも簡単。JavaScriptなどのスクリプトは不要です。サンプルソースをコピー＆ペーストして試してみて下さい。

相手が見えない取引をするメルカリでは、プロフィールを頼りに購入をするユーザーがたくさんいます。そのため、ここには値下げやマイルール、初心者であることなどを書いておきましょう。一方で、学生や未成年など書かない方がいいこともあります。機能としては写真の変え方なども紹介しながら、プロフィールについて見ていきたいと思います。

ネットオークション最大手のヤフオク!が、即決価格のみの出品である「フリマ出品」を本格的にスタートさせました。オークション出品との違いや手数料・使い方、また出品者・落札者のメリットや注意点、メルカリとの比較について解説します。

スクロールバー付きボックスの簡単な作り方を解説。HTMLで作成したボックスにCSSのoverflowプロパティを使ってスクロールバーを追加すれば、表示面積の狭いボックスの中にもたくさんの情報を詰め込むことができます。お知らせ一覧や更新履歴の掲載など「広い面積は使いたくないが、多くの情報を列挙したい」という場合におすすめのレイアウト方法です。

table要素で作られたテーブルレイアウトなウェブページを、CSSだけでレスポンシブ化する簡単な方法を解説。表のセルを作るtd要素に対してdisplayプロパティを使えば、HTMLソース上では表組みのまま、各セルを分離して再配置できます。画面サイズに応じて表の列数を2列や3列などに自動変化させる方法を、サンプルページと共にご紹介。

新年ということで、志もあらたにノートパソコンを買い換えたい人も多いでしょう。学業や仕事にノートパソコンは欠かせません。今回は買いやすさ、持ち運びやすさ、パワフルで作業を効率的に処理できるなど目的に合わせて、最新のおすすめノートパソコンを10機種ご紹介します。

Google Chart APIを使ったQRコードの簡単な作成方法を解説。Google提供のQRコード作成サービスなら、HTMLソースに記述した文字列からQRコード画像が動的に生成されるため、ウェブ上にQRコードを表示したい場合でも事前に画像ファイルを用意する手間が不要で簡単です。URLやメールアドレスだけでなく、日本語などの自由な文字列を含むQRコードの作り方をご紹介。