CSSに関するinterview99のブックマーク (5)

  • フリーのボタン素材を作ってみました。 | Design Plus

    ウェブサイトは、WordPressテーマで効率よく制作する時代に入っています。 私たちは、この市場のニーズに応え、低コストでハイクオリティ、 そして、驚異的にインパクトのあるサイトが構築できるWordPressテーマTCDを開発し続けています。 美しいデザインのサイトを、どなたでもかんたんに運営可能です。 累計ユーザー数120,000を超える老舗トップブランド「TCD」テーマの威力をどうぞご堪能下さい。 WordPressテーマTCD 3つの特徴 テンプレートの領域を はるかに超越した美しいデザイン 世界で最も先進的で、スタイリッシュなテンプレートを作りたい。その基盤となるのはデザインである、という思いが私たちにはあります。美しく魅力的なデザインはそれだけで読み手の心を掴む力があるからです。デザインは「印象付け」をする大きな要素です。私たちは、あらゆるネットマーケティングのシーンであなたの

    interview99
    interview99 2013/04/09
    CSSで半透明
  • MaxImageの上にマスクをかける方法 - jsdo.it - Share JavaScript, HTML5 and CSS

  • HPをブラウザで見た時に画面の背景に色を付ける方法 - OKWAVE

    もう自己解決されている様ですので、以下は今後の何かの参考にでもなれば。 縦方向のグラデーションを画面全体の背景に敷く(bodyの背景画像として設定)場合、幅は適当×縦は(当然)グラデの最初の色から最後の色まで、というパターンで画像を作成します。幅が適当で良いのは、X軸方向に”だけ”リピートしてレンダリングする(Y軸方向にリピートさせては”いけない”理由は、ANo.2の方が懸念されている通りコンテンツ量が多い場合「途中でグラデーションが元に戻って繰り返される」可能性があるからです)為、いくつであっても結果は同じになるからです。質問者様がサンプルで上げられたMSNのサイトでは、W1px×H1024pxというサイズですので横幅は最小値にしていますが、別に10pxでも50pxでも100pxぐらいでもかまいません。逆にあまり小さい画像を広範囲にレンダリングする方が負担がかかるという説もありますので、

    HPをブラウザで見た時に画面の背景に色を付ける方法 - OKWAVE
  • CSSでボックスの内容物を上下中央揃えにする方法3種。|web bibo

    CSSだけでこんな感じに上下中央揃えを実現させるテクニックです。下記の3つの方法を紹介します。 ・1行のみのテキストを中央揃えにする場合 ・2行以上のテキストまたは画像を中央揃えにする場合 ・高さが決まっていない要素を中央揃えにする場合 1行のみのテキストを中央揃えにする場合 <!-- HTML --> <div> <p>1行のみのテキストに有用</p> </div> /* CSS */ div{ width: 200px; height: 100px; background: #DDDDFF; text-align: center; } p{ line-height: 100px; } →1行のみのテキストを中央揃えにするサンプル line-heightは行間のスペースを制御するプロパティです。なので、2行以上の文などには利用できません。1行だけの場合には簡単に実装できる有用な方法です

  • CSSだけのグラデーション背景をカラーピッカーで作れる「CSS Gradient Editor」

    見出しや段落などに、クロスブラウザで動作するグラデーションをかけたい時、サイズを合わせた背景画像を用意して、CSSで指定したりとなかなか煩雑ですよね。 そんなグラデーションをCSSでも表現できるわけですが、今回はツールを使ってカンタンにCSSを生成できてしまうものをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! CSSのグラデーション加工をカラーピッカーで作れる「CSS Gradient Editor」 「CSS Gradient Editor」は、カラーピッカーで2色のグラデーションを設定すると、CSSを生成してくれるオンラインツール。 今すぐグラデーション背景を作りたい時に、ログインなしでCSSだけでサクっと作れるのが便利です。(※ただしFirefox3.5以前とIEは非対応)

    CSSだけのグラデーション背景をカラーピッカーで作れる「CSS Gradient Editor」
  • 1