タグ

CSSと***に関するtonkasのブックマーク (40)

  • 資料:日本のコーダーのfont-family指定 | ウェビンブログ

    CSS Nite LP9に関連するコーダーの、CSSのfont-familyプロパティを抜粋した一覧です。 » ウェビンブログの元記事へ戻る

    tonkas
    tonkas 2012/04/11
  • CSSレイアウトの定石 WinIE6バグ回避法

    CSSを使ったレイアウトをする際にWinIE6のバグを回避するための「定石」をまとめておきます。 とくに重要だと思うものは強調してあります。参考としてバグ辞典へのリンクも用意しました(つまり回避法を用いない場合にどんなバグが発現するか)。 フォントサイズ関係 font-sizeは%かpxで指定する。 キーワードで文字サイズを指定すると標準モードと互換モードで文字サイズが変わる(IE6) em単位で指定した値が文字サイズ変更後に正しく反映されない(IE6) ボックスモデル関係 widthと同時に左右borderや左右paddingを指定しない。heightと同時に上下borderや上下paddingを指定しない。 ボックスの幅や高さを算出するときにパディングやボーダーのサイズを含めてしまう (ブロックレベル要素を内包するボックスにはpaddingを指定しない。) 左右ボーダーとパディングを設

  • [CSS]6つの代表的なCSSレイアウト方法の長所と短所を学んで使いこなす

    スタイルシートで実装する6つの代表的なCSSレイアウト方法、それぞれ実例を見ながら、その長所と短所を紹介します。 Pros And Cons Of 6 CSS Layout Patterns: Part 1 Pros And Cons Of 6 CSS Layout Patterns: Part 2 [ad#ad-2] 下記は各ポイントを意訳したものです。 Fixed-Widthレイアウト Fluid/Liquidレイアウト Elasticレイアウト Hybridレイアウト Responsiveレイアウト Fluid/Elastic Gridsレイアウト Fixed-Widthレイアウト Firxed-Widthは、幅の全体を絶対値(px)で指定するスタティックなレイアウトです。このレイアウトを使用する場合には、ユーザーのために最適な幅を調査し、設定する必要があります。 典型的な例では大き

    tonkas
    tonkas 2011/06/22
  • 少しのコードで実装可能な20のCSS小技集

    少しのコードで実装可能な20のCSS小技集CSSハックに続き、このCSS小技集も私のブックマークにずらりと並んでいたので、整理も兼ねて記事にしてみました。CSSのお勉強を始めたばかりの頃にブックマークしておいたものも多数。。ということで初心者さんからベテランさんまで参考にしてみてください! コードはサンプル内の「HTML」や「CSS」タブをクリックしてくださいね! 少しのコードで実装可能な CSS 小技集 シリーズ【第 2 弾】少しのコードで実装可能な 20 の CSS 小技集【第 3 弾】少しのコードで実装可能な 15 の CSS 小技集まずは CSS 基礎編1. div を中央揃えにするほとんどのサイトが基準となる div を画面の中央揃えに設定しています。左右の margin を auto にして中央揃えに。 3. 複数のクラスを指定実はクラスは一度に複数指定できます。スペースを空け

    少しのコードで実装可能な20のCSS小技集
  • 知らない人は損してる?コーディングが3倍速くなるZen-Codingを導入してみた - EC studio デザインブログ

    最近になって急に盛り上がってきているZen-Codingをみなさんご存知ですか? Zen-CodingはHTML/CSSをショートカット+スニペットで簡略化してコードを書くことができるライブラリです。 独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するものです。 Zen-Codingというのもがどういうもので、どんなすごいものなんだ、というのはこちらの動画を見てください。 ※音が出ますのでご注意ください。 Zen Coding v0.5 from Sergey Chikuyonok on Vimeo 一体何がおこわれているのか?という感じだと思われますが、今回の記事ではこのZen-Codingの導入方法と使い方の一例を紹介します。 Zen-Codingに対応しているエディタは色々あるのですが、今回は弊社の開発環境しているAptana Studio

  • About Jina

    I’m a design systems advocate living in the East Bay of the San Francisco Bay Area. I’m a designer who codes and “no-codes.” ApproachI enjoy design systems, tools, and processes. More importantly, I like looking at ways to improve collaboration and improving communication; I love community and people. It’s why I love design systems in the first place. Because design systems are for people. Design

    tonkas
    tonkas 2009/12/09
    恐ろしいほど美しいグリッドデザイン&CSS
  • Burciaga & Co.

    creative visionary + designer + photographer + conference organizer + entrepreneur creative visionary + designer Call me Ish An idea maker, a visionary, a creative genius — Ismael's speciality is turning nothing into something. He’s got a knack for taking an idea, giving it a foundation, then building on it to create a relevant experience for the public. View Portfolio Ismael Burciaga is a Creativ

    Burciaga & Co.
    tonkas
    tonkas 2009/12/09
    妙な構成のブログ。デザイン参考用。
  • BOS138 - Bandar Game Gacor Asia Mode Spin BarBar Ala Big BOS

    BOS138 - Bandar Game Gacor Asia Mode Spin BarBar Ala Big BOS BOS138 adalah bandar permainan digital yang menjadi destinasi Utama meraih maxwin dengan mudah di seluruh asia tenggara. Dapatkan bocoran spin barbar agar ikut kecipratan hoki dari para big bos!

  • http://www.stylish-style.com/csstec/hi-level/domannaka.html

    tonkas
    tonkas 2009/08/26
    何回このページ見てるんだ俺。覚えよう。
  • CSS で簡単に上下中央揃えを実現する

    blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTMLSVG 混在でき

    tonkas
    tonkas 2009/08/26
  • RedLine Magazine : 印刷用CSSのお話

    印刷用CSSのお話 最近担当したサイトでは印刷用CSSをたいがいセットにしてます。同業者の方だと経験あるかもしれないですが、昔の鬼級テーブルレイアウトの頃は言われた事なかったんですがCSSを使い始めてから「背景が印刷できない」と、よく言われました。「ブラウザの設定で『背景も印刷する』にチェック入れると出てきますよー。デフォルトではインク節約仕様になってるんすねー(嘘かホントかは知らない)あはははー」とか返してました。 デフォルトの状態で印刷できないってのは問題あるだろってのはもちろんちゃんと分かってたんですよ。ここは背景扱いにしたらデフォ状態で印刷したらエラい事になるぞ、とか使い所の選別はしてましたし。まぁでも「あなた、なんでもかんでも画像化するの大好きなクセに検索対策っ!検索対策っ!さっさと検索対策~!って言うじゃん」とか憤も溜まってました。 印刷用のCSSを用意するようになってからは

  • 【CSS】覚えておいて損はない CSS の定番テクニック BEST 5 | バシャログ。

    ネットで検索をすると CSS のテクニックが山ほど公開されていますが、実際に商用サイトの制作をしていて個人的に利用する頻度が高いテクニックの BEST 5 をご紹介します。 ちょっと凝ったデザインのサイトをコーディングする時に、これらのテクニックに助けられることが多いです。どれも覚えておいて損はないものばかりです! IE6 でも min-height を使う 例えば、異なる高さのブロックを float しつつ底辺のラインを揃えたい時などに、「IE6 が min-height に対応していたら楽なのに!」と思うことがありますが、以下のテクニックを使えば IE6 でも min-height(相当)の適用が可能になります。 [CREAMU]CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 IE6 に mi

    【CSS】覚えておいて損はない CSS の定番テクニック BEST 5 | バシャログ。
    tonkas
    tonkas 2009/06/19
    最近のCSSテク。
  • 亚-搏手机版登入界面

    关于我们 亚-搏手机版登入界面长年对外出租随车吊及吊车,专注承接各种工程施工,重物吊装,机器设备安装等业务。公司对租赁车辆建立了完善的车辆保障体系,每月进行车辆例行保养,确保车辆在使用过程中安全正常的运作。即使在车辆出现突发故障的情况下,也能通过公司的应急保障措施,确保业主方正常用车。技术力量雄厚:有工程师,技师,技工!是一家有实力的团队,可为厂房搬迁,大件设备吊装,设备起重、就位! 生存宗旨:效率求生存,价格、信誉赢市场!就近派车,随叫随到,24小时服务!望新老客户给予大力的支持和帮助!我们会热情的为您提供满意的服务! 公司着“为客户创造价值”这一核心理念。多年来,我们凭借着多年的丰富经验,以技术和服务为优势,不断开拓租赁市场,提高服务质量。公司自成立以来,先后承接了多个吊车租赁业务,并赢得了客户的充分肯定和信赖。我们坚信,在新老客户的支持和帮助下,公司必将在吊车租赁行业中作出更大的贡

    tonkas
    tonkas 2009/05/30
    codaのクリップ集
  • minä perhonen

    ファッションブランド「ミナ ペルホネン」公式サイト。

    minä perhonen
    tonkas
    tonkas 2009/05/27
    ゆるきれい。
  • 木谷製茶場オンラインショップ

    夏季休業日商品の出荷は、13~17日まで休業です。18日以降、順次出荷します 喫茶店は、8月26~29日まで休業します。なお、店舗での商品の購入は可能です。

    tonkas
    tonkas 2009/04/21
    品質を感じさせるサイト。こういうの作れたら気持ち良いだろなぁ。
  • HugeDomains.com

    Captcha security check 440design.com is for sale Please prove you're not a robot View Price Processing

    HugeDomains.com
    tonkas
    tonkas 2009/04/02
    CSSでこんなことできるのね。
  • RedLine Magazine

    最近のコメント PHP オブジェクト指向の勉強 └ Red - 2010.01.08 └ hogepage - 2010.01.21 └ Red - 2010.01.22 └ - 2011.11.27 └ houseiii - 2011.11.27 Fireworks トリミング画像を一括書出 CS4編 └ Iper - 2009.06.27 └ Red - 2009.06.27 └ mala - 2011.11.17 └ Red - 2011.11.18 jQueryでボックスを上下左右中央に簡単配置 └ ミラクル - 2009.03.15 └ Red - 2009.03.15 └ entZ - 2011.10.22 └ Red - 2011.10.24 overflow を使用したボックス背景のこと └ - 2007.12.13 └ Red - 2007.12.13 └ - 2007.

    tonkas
    tonkas 2009/02/03
    CSSとかもろもろTipsブログ。デザインも綺麗。
  • [CSS]背景画像をページの最下部に固定表示させるスタイルシート

    Fixed Footer Backgrounds with CSS demo, demo 2 デモではスクロールバーの有無の2パターンがあり、スクロールをしてもブラウザのサイズを変更しても背景画像がフッタの位置に固定表示されています。 仕組みの概要は、bodyに背景色と背景画像を指定し、背景画像は「fixed bottom」にします。 コンテンツを内包するdiv(headwrap)を設置し、ページ上部に表示される背景画像を指定します。 <textarea name="code" class="html" cols="60" rows="5"> <body> <div class="headwrap"> <div class="container">Content</div> </div> </body> </textarea>

    tonkas
    tonkas 2009/01/20
    いつも迷うアレ。
  • モビットってどんな返済方法があるの? | 現金が必要な時に一番便利なネットキャッシングで即日借入【ネポ】

    カードローンって最近よく耳にするようになったのではないでしょうか。カードローンというのは消費者金融や銀行に申し込んでカードを発行してもらい、そのカードを使って提携のATMなどからお金を借りるというものです。金額は人によって決まっていますが、特に目的について制限されるわけではなく、1万円からなど比較的少額からの借り入れも出来るという便利な個人ローンなんです。 でもカードローンって当にたくさん種類があります。各銀行でもそれぞれカードローンがありますし、消費者金融だってそれぞれの商品としてカードローンを取り扱っています。モビットもカードローンの1つですね。モビットは三井住友銀行系の会社ですので、三井住友銀行のATMからの借り入れ・返済であれば手数料無料になるんですよ。 実際お金を借りたら返さなければいけないのですが、モビットはどのような返済方法があるのでしょうか。返済方法は3つ!口座引き落とし

    tonkas
    tonkas 2009/01/05
    今っぽいCSS解釈。
  • footerをウィンドウ下部に固定する『footerFixed.js』

    footerをウィンドウ下部に固定する『footerFixed.js』 footer部分を画面下部に固定するためのjsライブラリ『footerFixed.js』を作成しました。 フッターをコンテンツの内容量にかかわらずwindow下部に表示させるためのjsライブラリです。 サンプル 設置方法は head要素なのでfooterFixed.jsを読み込みます。 <script type="text/javascript" src="./footerFixed.js"></script> ウィンドウ下部に固定したい要素にid属性「footer」を付けます。 これでその要素をウインドウの下部に表示させることが可能です。 (ウインドウの下部というのがわかりにくいと思うのですが、内容量がウィンドウサイズを超える場合は通常通り、内容量がウィンドウサイズより小さい場合はウィンドウの下部に配置という意味です

    footerをウィンドウ下部に固定する『footerFixed.js』
    tonkas
    tonkas 2009/01/02
    よく悩む方法をJavascriptで解決。