デジタル
IT・インターネット 新着記事一覧(36ページ目)
CSSの使い方!半端な自動改行(折り返し)を防ぐ
CSSのinline-blockを使うと、自動改行での折り返し位置が中途半端になってしまう表示を避けやすくなります。日本語の文章は多少の禁則を除けばどこでも改行できるため、改行位置が「単語の途中」や「残り1文字の直前」のように中途半端になりがちです。画面幅が足りない場合にだけ、自然な位置で自動改行されるようinline-blockを指定するCSSの書き方を解説。
ホームページ作成ガイド記事実家への帰省時に「メルカリ」を使う人は注意! 慣れない親が出品する時に気をつけるべきことは
年末年始の帰省時にメルカリを使う場合、気をつけるべきことがいくつかあります。出品時の注意点を解説していきます。
メルカリの使い方ガイド記事スポーツ・部活動・習い事のかわいい無料イラスト【フリー素材】
サッカー、野球、バスケットなどの球技や吹奏楽、英語など、スポーツや部活動、習い事・スクールに関わるイラストカット集のご紹介です。幼稚園や学校のおたよりはもちろん、イベント・スクール等のPRや地域の会報誌・チラシのワンポイントにぴったり。フリー素材(無料・商用利用可)ですので自由にダウンロードし、ご活用ください。
Web素材ガイド記事HTMLの背景画像として写真1枚を全画面に表示する方法
HTMLの背景に画像を全画面で表示させる方法を解説。ブラウザのウインドウサイズに関係なく、1枚の背景画像が縦横比を維持して必ず画面全体を覆うように表示できます。CSSのbackground関連プロパティを書くだけの簡単な方法で、フルスクリーンでの縦横中央配置ができます。画面サイズに応じて適切な解像度の画像に切り替えて読み込ませる記述方法も紹介。
ホームページ作成ガイド記事「今年のクルマ」に選ばれた日産「サクラ」はどんな車? スマホ連携もできる“近未来カー”として注目
三菱「eKクロスEV」とともに「今年のクルマ」に選ばれた日産「サクラ」とは、どんな車なのでしょうか。
インターネットサービスガイド記事年末帰省は実家の片付けのチャンス!? 親に伝えておきたい「メルカリ」攻略法
実家の不用品をメルカリで売る場合、親には使い方をどう伝えるのが良いのでしょうか。自分がいなくても親が戸惑わない、メルカリの攻略法とは。
メルカリの使い方ガイド記事別窓を開かずにその場クリックで拡大画像を表示する4つの方法
画像のクリック後にページを移動せず、その場で拡大画像を表示できるLightbox系スクリプトのおすすめ4本を紹介。JavaScriptを読み込むタグと短いHTMLを書くだけで簡単に使えます。jQueryを使う定番のLightbox2や、動画のポップアップも可能なColorbox、スマホ対応で全画面表示もできるIntense Imagesなどを紹介。CSSを使えば画像サイズの調整も簡単です。
ホームページ作成ガイド記事LINEのトーク復元が6桁の数字でできるように! もしもの“備え”で使っておきたい便利機能
スマホを紛失してしまったり、故障してしまったりした場合に備えて、LINEのトーク履歴は定期的にバックアップしておきたいものです。「6桁のPINコード」を使って復元する方法を紹介します。まずは6桁のPINコードを忘れずに登録しておきましょう!
LINE(ライン)の使い方ガイド記事tableの幅を均等に指定する方法!HTML+CSSでのやり方
tableの幅を均等に指定する方法を解説。HTMLのtable要素で作成した表の列幅は、CSSのtable-layoutプロパティで均等に指定できます。ウインドウいっぱいに均等配分することも、一部の幅を固定した上で残りを可変長にして均等配分することも可能。標準では各セル内の文字に合わせるように自動でサイズが決まるため、列幅はバラバラになりがちです。
ホームページ作成ガイド記事画面サイズ別にCSSをメディアクエリで切り替える方法
画面サイズ別にCSSをメディアクエリで切り替える方法を解説。メディアクエリとは、画面サイズなどの閲覧環境に応じて適用スタイルを切り替えるCSSの機能です。レスポンシブWebデザインを作る際にも使い、HTMLのmedia属性値やCSSの@media規則で条件を指定します。スマホ専用スタイルや、PC等の広い画面幅向けスタイルなどを作成しておき、簡単に切り替えられます。
ホームページ作成ガイド記事