生活情報オンラインスマートフォン用の表示で見る生活情報オンラインITエンジニアが役立つ情報を発信します。Network,)をよく使うのですが、使うたびにググってコピペしているので本記事にURLをまとめておきます。変数が使えるようになったようですのでご紹介します。テクノロジーWeb画面を作るときにはブラウザ間の違いを考慮する必要がありますね。その考慮すべきことの一つに「(IEで)この要素使えるかな?」があるかと思います。いうサイトが便利です。情報を整理して伝えるにはリスト形式が便利ですね。今回の記事では、様々なリストの作り方をご紹介します。リストは次のように3つのタイプに大別することが出来ます。なんて便利なんだ、と。W3Cのドキュメント検証サイトが便利で感動したので紹介します。今回の記事では可愛い系サイトに合いそうなローディングサンプルのご紹介です。何にでも合いそうなローディングサンプルです。画像やjavascriptは使用していませんので、とっても簡単にアプリに取り込むことが出来ます。テクノロジーWindows10っぽいサンプルです。画像やjavascriptは使用していませんので、とっても簡単にアプリに取り込むことが出来ます。先日の記事で吹き出しをHTML5/CSS3を作りました。今回はそれを応用して、矢印を2パターン作ってみます。下向き矢印はこんな感じになります。吹き出しを作る方法をご紹介しました。公開した後になってだんだんと気になってきてしまったのです。「吹き出し」を作る方法をご紹介します。記事下にあるソースコードをコピー&ペーストすると、このような「吹き出し」が出来ます。画像を使うよりも軽量かつサイズ操作が簡単なのでおススメです。使いどころが出てくる「直下の要素のみスタイル指定」したいケースへの対応です。「idがparentの要素」の直下である「div要素」のみ背景色をつけています。CSSHTML5.1からpictureという要素が使用可能になりました。今まで知らなかったのですが、これがなかなか便利らしいというので調べてまとめてみることにします。CSSHTML5/CSS3ではflexが登場して、上下中央揃えがとても楽になりました。要点を掴めばこんな風によそ見してても簡単に出来ます。この記事を読んで、要点を掴んでいってください。HTMLで角を丸くする方法のご紹介です。テーブル」の作り方をご紹介します。divで範囲を決めて、aはいっぱいに広げる。CSS今回はHTML5/CSS3で、シンプルなテーブルの作り方をご紹介します。久しぶりにWebページを作るときに忘れがちですよね。プログラム経験が浅い方はテーブル作りに手間取ることもあるでしょう。シンプルなテーブルの作り方2016-07-08HTMLのみでアイコンを制御する方法。CSS今回の記事では、HTMLのみを使ってアイコンを制御する方法をご紹介します。以前の記事で、アイコンを表示する方法をご紹介しました。今回はその応用編で、アイコンを制御する方法です。制御したいアイコン...HTMLのみでアイコンを制御する方法。今回の記事では、領域が足りないときに三点リーダーで表示する方法をご紹介します。テキストが領域からはみ出すときに、「...」と表示させて残りを表示させていないWebページをよく見かけますよね。画像で見るとこん...テキスト領域からはみ出すときに、末尾省略符号(三点リーダー...)で残りを表示させない方法2016-07-04CSSを使ってアイコンを表示させる方法。CSS今日(2016年7月4日)は大雨でしたね。久しぶりに嵐のようでした。台風が来ているようなので引き続き警戒していきましょう。今回の記事では、スタイルシート(css)を使ってアイコン表示をする方法をご紹介します。以前の記事で、HTMLのみでアイコンを...CSSを使ってアイコンを表示させる方法。CSSスタイルシート(css)上で計算して値を設定する方法をご紹介します。スタイルシート(css)の値を記載するところに、calc(計算式)といった具合に記載します。上記の例では計算して値を算出、算出した値を...スタイルシート(css)上で計算して値を設定する方法2016-07-01HTMLのみでアイコンを表示させる方法。CSS今回の記事では、次のようなアイコンを使う方法をご紹介します。アイコンを自由に使えることが出来れば表現の幅が大きく広がることでしょう。上記アイコン以外にも沢山の種類のアイコンが使用できます。それらの方法をまとめてご紹介します。...HTMLのみでアイコンを表示させる方法。」についてご紹介します。contentは、疑似要素の「before」「after」のみに適用することが出来ます。「content」には文字列や画像を指定することが出来ます。CSS今回は「flexboxプロパティ」を使用して、横幅が足りなくなったら複数行にするデザインを作っていきます。1.横幅が足りるときはこのとおり。