タグ

cssに関するkatowのブックマーク (7)

  • よく見かけるレイアウト・UIコンポーネント、それだけを実装するHTMLとCSSのシンプルなコードのまとめ

    Webページやスマホアプリでよく見かけるレイアウト、ナビゲーション、UIコンポーネントなど、それだけを実装するHTMLCSSのシンプルなコードをまとめたCSS Layoutを紹介します。 それだけを実装するため、HTMLCSSのコードは非常にシンプル、カスタマイズも簡単だと思います。スニペットに登録しておくと、便利ですね。 CSS Layout CSS Layout -GitHub CSS Layoutの特徴 レイアウトやUIコンポーネントだけを実装するコード CSS Layoutの特徴 CSS Layoutは、よく使用されるレイアウトやUIコンポーネントだけを実装するためのHTMLCSSのコードがまとめられたコレクションです。 MITライセンスで、商用プロジェクトでも無料で利用できます。 CSS Layout 依存関係は一切無し フレームワークは必要無し ピュアCSSで実装、CSS

    よく見かけるレイアウト・UIコンポーネント、それだけを実装するHTMLとCSSのシンプルなコードのまとめ
    katow
    katow 2021/02/18
  • jQuery Mobileにチャレンジ

    自分の管理しているサイトで、スマホからのアクセスが20%を越えてきています。この数字はまだまだ増え続けるはずです。スマホの普及でいつでもどこでもウェブが利用できるようになったこと、これまでウェブを利用する機会自体が少なかった人も、スマホでウェブを利用する機会がグンと増えたこと、の2つの要因があると思います。 かつてケータイ(ガラケー)対応が求められ、iMode独自のHTMLに対応させたりしていたのですが、自分のアクセス解析ではガラケーからのアクセスは微々たるものです。元々少なかったものが、携帯でウェブを利用する人なら殆どスマホに買い換えたため、どんどんこの数字は小さくなってきていると思われます。 ということで、スマホ対応はウェブ屋にとっては、もう生命線になってきていると思います。調べてみたら、自分がスマホ対応を始めてまだ1年です。基的にPC用のコンテンツはそのままに利用することを前提に:

  • 著作権表示なしで使えるCSSテンプレート [Cool Web Window]

    インターネットがこれまで以上に世界を繋ぐようになったことで、教育からエンターテイメントまで、あらゆるものがオンラインの世界でのニッチを確立しています。ギャンブルも例外ではありません。多くの人は、巨額の賞金を獲得できるチャンスよりも、ギャンブルそのもののスリルと興奮を求めてカジノを訪れることの方が多くなっています。そのため、実店舗のカジノのような雰囲気作りが、オンラインカジノの最大の課題となっています。多くのオンラインカジノは、長年にわたってその課題に取り組み、実現に成功しています。

  • 高品質でフリーのウェブサイトテンプレート集「TemplatesBox.com」 - GIGAZINE

    通常のウェブサイトだけでなく、Flashサイトのテンプレートやロゴマークのテンプレート、バナーやボタンまで置いてあります。これらがすべてフリーというのが驚き。全部で200個以上あるようです。 TemplatesBox.com http://www.templatesbox.com/ ウェブサイト用テンプレートは利用したPSDファイルやフォントも同梱されており、DreamweaverかFrontpageで編集しやすいようにできています。 ウェブサイト用テンプレートあれこれ http://www.templatesbox.com/templates.htm ロゴデザインのテンプレートはPSDファイルとフォントファイルが同梱されています。親切。 ロゴデザインのテンプレート http://www.templatesbox.com/free-logo-templates/index.htm ウェブサ

    高品質でフリーのウェブサイトテンプレート集「TemplatesBox.com」 - GIGAZINE
  • ヽ( ・∀・)ノくまくまー(2007-11-10) ActiveScaffold

    ● [Rails] ActiveScaffold プラグイン AjaxScaffold までは知ってたけど、これは知らなかった。凄いねこれ。スペジェネでやりたかったことが殆ど実装されているよ。あとは ViewProperty 周りの機能が足りないけど、今からスペジェネを頑張るよりもこっちにそれを入れ込む方が早そうだ。Rails1.2 だとスペジェネの動作が微妙な部分もあるし。てことで、Rails1.2〜の現代では、スペジェネでなくて ActiveScaffold を使うのがよいと思われ。テンションあがったので、一気に調べて舞波のスペジェネの部分(pp.288-295)を差し替えよう計画。検証や校正をする時間がないと思うので、誤字脱字、疑問点、些細な間違い、ActiveScaffold で知りたい事、に載せて欲しい内容等、何でもどんどんツッコミお願いします。 ● ActiveScaffo

  • スタイルシート例文辞典

    Last Update:2011/10/1 PM 4:57 このページはスタイルシートの用例を載せています。このページはCSS3例文辞典に移行しましたのでメンテナンス等は行われません。→CSS3例文辞典へ 現時点で ・Internet Explorer 3.x, 4.x ・CSS Version に関しては未チェックですので信用しないでください。 このページに目的のものがない場合はJavaScript例文辞典、ホームページ例文辞典の方も参照してみてください。 HTMLタグリファレンス、スタイルシートリファレンスも用意してありますので、ご利用ください。 ■基/定義 [01]スタイルシートのコメント [02]スタイルシートの設定(<style>タグの場合) [03]スタイルシートの設定(style属性の場合) [04]スタイルシートの設定(別ファイルを読み込む場合<link>) [05]スタ

  • とほほのスタイルシート入門

    CSSリファレンス トップ > CSSリファレンス [ABC順] 概要 CSS入門 リンク サンプル 表記について CSS3関連規約 セレクタ * { ... } E { ... } ns|E { ... } E, F { ... } E.class E#id E F { ... } E > F { ... } E + F { ... } E ~ F { ... } E || F { ... } [attr] [ns|attr] [attr="val"] [attr~="val"] [attr|="val"] [attr^="val"] [attr$="val"] [attr*="val"] :any-link :link :visited :local-link :target :target-within :scope :hover :active :focus :focus-visi

  • 1