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

レスポンシブWebデザインを使って2カラム(2段組)レイアウトを作成する方法を、簡単なテンプレートとしても使えるHTML＋CSSソースの例と共に解説。スマートフォンなど幅の狭い画面では1カラム(段組なし)で表示し、PCなど幅の広い画面ではマルチカラムで表示するような「画面幅に適したレイアウトで表示できるWebサイト」も、HTML＋CSSだけで簡単に作れます。

HTMLに書いた文字をCSSで装飾する際に、1文字ずつ異なる文字色で表示されるよう指定する方法を解説。HTMLの特定の要素内に書かれた文字列を、JavaScript（jQuery）を使って文字単位に分解して個別の要素でマークアップすれば、CSSのnth-child疑似クラスなどを使うことで1文字ずつ個別のスタイルを適用できます。1文字ずつ異なる色でカラフルに表示したい場合に便利。

Webページが指定距離だけスクロールされた際に「トップに戻る」ボタンを動的に表示する方法を解説。JavaScriptで「現在のスクロール位置」を取得し、「指定量以上スクロールされたかどうか」を判定してボタンの表示・非表示を切り替える処理は、jQueryを使えば簡単。HTMLで作成したリンクをCSSでボタン型に装飾し、常に画面の右下にボタンが表示されるように作ります。

お気に入り登録ボタン（ブックマークボタン）の作成方法を解説。IE11までならJavaScriptでブックマーク登録画面を出せます。SafariやChromeなど他のブラウザでは動かないため、代わりにソーシャルブックマークサービス「はてなブックマーク」や「Pocket」にURLを登録するボタンの設置方法も紹介。

ついつい買ってしまうアクセサリー。特に売るに売れない比較的安物のブランドのアクセサリーは処分に困ります。でも、ちょっとした工夫をすることで、ネットオークションやフリマアプリで買い取ってもらいやすくなるのです！

ヤフオクなどのネットオークションで落札をしてお金も払ったのに、出品者から商品がなかなか届かない。補償は？ どこに報告すれば？ もしかして詐欺？ でも、ここは慌てずに対処していきましょう。利用者・落札者が確認すべき点を5つ紹介します。

一定秒数ごとに自動的に画像とキャプションが切り替わるスライドショー機能の簡単な作り方を解説。HTMLで画像とキャプションの表示空間を用意し、CSSで装飾を加え、JavaScriptで指定時間ごとに表示内容を切り替えることでスライドショーを作成する方法を、動作サンプルと共にご紹介。一時停止ボタンも作成して、好きな画像をじっくり鑑賞できるスライドショーです。

お役立ち撮影テクニックをご紹介します。野球場のネットや、動物園の目の前にあるオリを消して、プレイヤーや動物だけを写真に撮るという裏ワザ。カメラの望遠機能やワイドレンズを応用するだけで誰でも簡単にお気に入りの一枚を残すことができます。

嘘松とは、Twitterで見かける嘘ツイートのこと。言葉の意味や典型的なツイートをご紹介するとともに、なぜこのような言葉が生まれたのか由来も解説。リツイート欲しさにレジェンドとされる常習犯もいるようですが、そのような嘘話の投稿をする理由と周囲の反応までを見ていきましょう。

便利な携帯型オーディオプレーヤーですが、イヤホンに縛られがち。仲間で音楽を共有したい時、旅先のホテルでリラックスして聴きたい時は、スピーカーが欲しいところですが、持ち運ぶのが面倒……。そんな悩みを解決してくれる、イヤホンを簡易的にスピーカー化する手作りアイデアをご紹介します！