タグ

ブックマーク / allabout.co.jp (6)

  • floatを使わずにCSSのtable-cellを使う段組の作り方 [ホームページ作成] All About

    floatを使わずにCSSのtable-cellを使う段組の作り方CSSのtable-cellを使って、レスポンシブな段組(マルチカラム)レイアウトを簡単に作成する方法をご紹介。floatプロパティやclearfixなどのCSSハックを駆使しなくても、displayプロパティに値table-cellなどを指定するだけのシンプルなCSSソースで、段組はもっと簡単に作成できます。table-cellなら各段の高さ(下端)もきれいに揃いますし、レスポンシブWebデザインで段組量を変化させるのも楽々です。

    floatを使わずにCSSのtable-cellを使う段組の作り方 [ホームページ作成] All About
  • スタイルシート(CSS)で段組を構成する 2 CSSで作る段組レイアウトの例 - [ホームページ作成]All About

    CSS段組2:スタイルシートで作る段組レイアウトの例HTML+CSSで「段組(マルチカラム)」を作ってみましょう。よくあるレイアウトのサンプルを用意して、その通りに段組を構成する方法をご紹介します。スタイルシートでスマートに段組を作りましょう。 スタイルシートだけで作る段組の例 前回の記事「スタイルシートだけで段組を作る」で、table要素を使わずに段組(マルチカラム)を作る方法についてご紹介致しました。 今回は、段組を用いたページ構成をサンプルとして示して、その通りの段組を作る方法をご紹介致します。 今回ご紹介するのは、下記の画像のようなページ構成です。 よくある構成ですね。 この構成の段組をスタイルシートだけで実現するサンプルソースをご紹介致します。 まずはHTMLを書く まずは、HTML部分をご紹介致します。 デザインはすべてスタイルシートで記述しますから、HTMLは非常に単純です。

    スタイルシート(CSS)で段組を構成する 2 CSSで作る段組レイアウトの例 - [ホームページ作成]All About
    knowledgefort
    knowledgefort 2017/10/28
    段組み
  • JSFを動かそう! [Javaプログラミング] All About

    JSFを動かそう!Java Server Facesは、サーバサイドJavaの標準フレームワーク。JSFで、新しいWebアプリケーションのあり方を身につけましょう。 JSPからJSFへ! 既に皆さんは、JSPとサーブレットによるサーバサイドJavaの基について、ほぼ理解していることと思います。JSPやサーブレットを使ってみて、どういう感想を持ったでしょうか。「すばらしい!」と思った人もいるでしょうが、「意外と面倒なんだな……」と感じた人も、きっといたはずですね。 特にJSPを使ってWebページを作成した人の多くは、「どことはいえないが、なんとなく便利そうに思えない。なんとなく使いにくい感じがする」という印象をもたれた人も多いんじゃないでしょうか。実際、いくつかJSPでページを書いてみると、なんとなく「面倒な感じ」がしてしまうものです。ページ全体を設計したり、後で手直ししたりするとき、その

    JSFを動かそう! [Javaプログラミング] All About
  • Apache POIでExcelファイルにアクセスする [Apache] All About

    Apache POIでExcelファイルにアクセスするJavaからExcelのファイルにアクセスする方法とは? それはApache POIを利用するのです。 Excelファイルを利用する「POI」とは? 連載の前回記事で、PDFファイルを作成する「iText」について取り上げました。PDF以外にも、パソコンではさまざまなファイルが使われています。特に、ビジネスシーンで多用されているものといえば、Microsoft Excelのファイル(xlsファイル)でしょう。Excelは、現在、もっとも広く使われているオフィスソフトの一つですし、このファイルは半ば汎用フォーマットとして利用されています。 このExcelのファイルをJavaから利用することは? もちろん、ファイルを解析してフォーマットに沿って読み書きすれば可能……ですが、これはかなり大変な作業で現実的ではありませんね。こういうときこそ、

    Apache POIでExcelファイルにアクセスする [Apache] All About
  • マイブレンドの土を作る - [ガーデニング]All About

    手軽に使用することのできる用途別培養土、同じようにコンテナ用と書かれた土を買ったのに、前に買った土とは品質が違う、育ち具合が違うといった経験はありませんか? ガーデニング用、ハンギング・コンテナ用、野菜用等市販されている培養土は、基となる土と土壌改良剤、肥料分などをブレンドして作られています。 但しメーカーによりブレンドの比率や使う土の品質、さらに有機質を加えたりといったことで、出来上がった培養土の品質と価格に差が生まれます。 優良メーカーの良い土だけを使い続けられれば良いのでしょうが、少しでも費用を押さえたいなら、自分で土をブレンドしてみませんか。 マイブレンドなら、○○用など用途別に購入しなくてもいいし、自分の水やりのクセに合せて土を調整することができますよ。 ガーデニング用語辞典でも土についての解説をしていますが、改めておさらいしてみましょう。 ●主体の土

  • 育てて活用!4種ハーブの寄せ植え - [スパイス&ハーブ]All About

    料理好きな新婚の友人にハーブをプレゼントしようと、同僚が働く、代官山のハーブショップ・サンズコートに行きました。 すると、私と同様にスパイス&ハーブマスターである彼女から「料理に使えるハーブで、初めてでも育てやすい4種類のハーブの苗で寄せ植えを作ってあげたらいいんじゃない?」との提案が。 さらに、サンズコートで行っている寄せ植え教室の内容も特別に体験させてくれました! 秋は習い事を始める人も多く、人気の講座だそうですよ。 みなさんにもその内容をご紹介しますので、ぜひトライしてみてください。 見た目もきれいで、ベランダや窓辺のインテリアとしても活躍しそうです。 いろんな料理に使える4つのハーブをセレクト まずは育てるハーブ選びから。 料理などに活用できて、一年中楽しむことができる多年草のもの、そして、見た目にも美しいハーブというワガママな希望に適ったのが下記の4つです。 ●ローズマリー  新

  • 1