タグ

web制作とhtmlに関するku_marinのブックマーク (15)

  • たった一行でclearfixを使わずにfloatを解除するテクニック|クロノドライブ

    floatを使った際の表示の崩れを正すためによく使われるclearfixですが、それを使わずともfloatを簡単に解除する方法をご紹介します。 HTML

    たった一行でclearfixを使わずにfloatを解除するテクニック|クロノドライブ
  • 誰でも作れる! “崩れない”HTMLメルマガ作成術(1/4)- @IT

    誰でも作れる! “崩れない”HTMLメルマガ作成術:一撃デザインの種明かし(12)(1/4 ページ) キレイなHTMLメールを作るコツ/Tips盛りだくさん! ECサイトはもちろん、企業サイトのニュースなど、いまなおプッシュ型の情報配信として支持されるメールマガジン。一時のフィードリーダーの盛り上がりもあり、以前に比べると落ち着きましたが、まだまだメールマガジンの効果は侮れません。 今回は、そんなメールマガジンの中でも、表現力豊かなHTMLメルマガの作り方について、徹底解説します! 「HTML」自体は、それほど難しくないが…… 「HTML」というマークアップ言語自体はプログラム言語に比べると手が出しやすいので、Webを仕事としていない方でも触れた経験をお持ちの方はいらっしゃるのではないでしょうか? そういう人にとっては、HTML言語自体はそれほど難しくないと思います。 しかし、そのHTML

    誰でも作れる! “崩れない”HTMLメルマガ作成術(1/4)- @IT
    ku_marin
    ku_marin 2010/07/15
    メルマガ作成方法。Appleのメルマガはほんと美しい
  • CSS+HTMLのみで実装出来る、クロスブラウザ対応のWebデザインテクニック集 - かちびと.net

    cssHTMLタグのマークアップ のみで実装出来るテクニック集 です。クロスブラウザ対応のみ をcss-playから探したので、 ついでにご紹介します。 jsが使えない環境でデザインする機会があったのでメモがてらエントリー。css-playを中心に、あとはググったりSBMで探したり。マークアップはリンク先をご確認下さい。css-playはソースを。 シンプルなドロップダウンメニュー シンプルなドロップダウンメニューです。マルチレベルのメニューも可能。 demo 縦並びのフライアウトメニュー 横に出るフライアウトタイプ。画像を使用しています。 demo クロスブラウザ対応のグラデーション webkit系でもmozでもIEでもcssのみでグラデーションを実装。 Cross-Browser CSS Gradient ハック、テーブルも使用しないドロップダウンメニュー シンプルなドロップダウンメ

  • HTML+CSS templating

    HTMLテンプレートを作るのは簡単? 赤の他人が作ったHTMLテンプレートを簡単に編集できるか? 新人に数千ページのサイトのコーディングを任せられるか? HTML, CSS, JavaScriptを覚えればコーディングは楽勝? そこまで簡単じゃないかもしんない ブラウザのバグ? まぁそれもあります Cascadingという仕組みは素敵ですが あっという間にコードが大変なことになります CSSには素敵なセレクタがたくさんありますが、 残念ながらIE6を下限とする環境では使えないものばかり

    ku_marin
    ku_marin 2010/06/14
    cssコーディングルール。とてもためになる
  • 【レビュー】HTMLのidとclassでいい名前をつけるテクニック | エンタープライズ | マイコミジャーナル

    SitePoint: New Articles, Fresh Thinking for Web Developers and Designers HTMLを書く際に悩むことは多々あるが、中でも悩ましいことのひとつにidやclassで指定する「名前」がある。idやclass属性はCSSJavaScriptで対象となる要素を特定するために使われる。わかりやすく一貫性がある名前をつけることは、WebプログラマやWebデザイナにとって欠かすことができないスキルであり、悩ましいところでもある。 How To Compose HTML ID and Class Names like a RockstarにおいてMeitar Moscovitz氏がidやclassの名前をつけるひとつの方法を紹介している。短くまとまっており参考になる。同記事では次のテクニックが紹介されている。まず、名前を考える段階で次

    ku_marin
    ku_marin 2010/05/29
    これは良記事。いつも変な名前つけるからなー。細かいとこは何つけようか迷うし。
  • コーディング ガイドライン

    ver. html 5 Last Update:2010.02.19 要旨 この文章は、XHTMLCSSを用いてWebサイトをコーディングする際のガイドラインを示すものです。 このサイト自体が、ガイドラインに則った、サンプルファイルとして作成されています。 コーディングはHTML5にて行っておりますが、内容はHTML4に準じております。 HTML5が勧告され次第、順次アップデートする予定です。 INDEX 更新履歴 2010.02.18

    ku_marin
    ku_marin 2010/02/24
    これいいなぁ。見やすいし分り易いコーディングガイドライン
  • 960 Grid System

    960 Grid System Download - CSS, sketch paper, and templates for: Acorn, Fireworks, Flash, InDesign, GIMP, Inkscape, Illustrator, OmniGraffle, Photoshop, QuarkXPress, Visio, Exp Design. Repository at GitHub. Essence The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns,

    ku_marin
    ku_marin 2009/12/25
    フレーム幅960pxを基準にして作るグリッドデザイン。CSSフレームワーク、だうんろーどできる
  • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

    このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。

  • お探しのページは見つかりませんでした - ma-san web design- 千葉県(四街道市・千葉市・佐倉市)でホームページ制作

    「ma-san web design」の管理者。東京都・千葉県(千葉市・四街道市・浦安市・佐倉市)・宮城県(仙台市)を中心に企業のWebデザイン/マーケティング/IT戦略のプランニングからWebサイト構築・運用をしています。 「Webアクセシビリティ」を中心に、「変わりゆくWebと共にサービス・サイトを改善していくこと」を重視します。 当サイトではお仕事のご相談からナレッジシェアを中心に活動していきます。

    お探しのページは見つかりませんでした - ma-san web design- 千葉県(四街道市・千葉市・佐倉市)でホームページ制作
    ku_marin
    ku_marin 2009/10/13
    基本宣言しないな…HTML5になったらこの悩みもいらないのかな
  • 脱初心者をめざす人のためのホームページ作成講座

    目次 初級 ちょっと詳しいHTMLCSS ホームページ作成に必要なHTMLCSSの正しい文法をやさしく説明します。 誰でも見られるホームページのつくり方 使いやすいページや環境に依存しないページの作り方を考えます。 中級 HTML 4.01 リファレンス HTML 4.01のリファレンスです。HTML 4.01の全要素・属性の詳細な解説があります。 CSS 2.1のエッセンス CSS 2.1の仕様を説明します。CSSを原理から理解したい人のために。 いろいろ 参考リンク 参考書籍 迷惑メール対策 SEOをやめよう

    ku_marin
    ku_marin 2009/03/12
    初心に返ってもう1回勉強
  • IE6問題に対処する10のテクニック | エンタープライズ | マイコミジャーナル

    SitePoint: New Articles, Fresh Thinking for Web Developers and Designers 既報のとおり、IE6のシェアは純減を続けている。2009年2月のNet Applications調査によればIE6のシェアはFirefox 3に抜かれて3位に落ちた。今後も下落の傾向は続くとみる向きが多い。しかし、依然として19%を越えるシェアはその次のシェアを獲得している4.5%弱のSafari 3.2を大きく上回る。IE8のリリースが控えている状況ではあるが、WebデベロッパやWebデザイナは依然としてIE6対応を継続しなければならない。 IE6固有の問題を回避する方法はいくつもあるが、それらテクニックをまとめたドキュメントがSitePoint: 10 Fixes That Solve IE6 Problemsとして公開されたので注目しておき

    ku_marin
    ku_marin 2009/03/10
    IE6対策色々 先輩thankyou
  • ウェブサイトの制作・検証に役立つブックマークレット集

    レイアウト用のグリッドをオーバーレイで表示します。 URLを変更すれば画像の変更可。 Bookmarklet Layout Grid Overlay MRI

  • TRANS - * { magin: 0;}だけでは物足りない!zoom: 1;を使おうよ!

    IE6からIE7が今後格的にマーケットシェアを取って行くことを考えると、IE7の仕様やバグを考えた上でのマークアップが欠かせないとは思います。でも、僕らはまだIE7がどんなものかが分からない。そのため、とりあえず* { zoom: 1;}を指定しておくことが安全策なのかもしれません。 IE7のZoom機能で、見事にこける。 先日、うちの体のサイトを更新し終わった際に、スタッフから「あれ、しゃらくのサイトずれてるよ」と指摘されました。更新箇所が多く、CSSも多少いじくったので、どこか消してしまったのかもしれません。そこで、自分のブラウザで確認するも、どうも問題が再現できない。そのスタッフのブラウザを見ると、こんな感じになっていました。 僕のFirefoxで見てみても問題ないし、そのスタッフが使っているIE7でも問題なし。「うーん」と悩んでみるものの、意外と答えは簡単なところにありました。

    TRANS - * { magin: 0;}だけでは物足りない!zoom: 1;を使おうよ!
  • HTML 5では「article」タグでページの「本文」が取れる - モジログ

    次世代HTMLの「HTML 5」について、そのウワサは以前から耳にしながらも、中身については知らなかった。 仕様や解説記事(末尾にまとめた)をいくつか流し読みしてみて、驚いた。これこそ、私の求めていたものだ。 私は以前より、Webページの「文」がどこからどこまでなのか、ソフトウェアで判定できる標準的な方法があればいいとずっと思っていた(「フィードをアイテム単位に区切れば、セマンティック・ウェブが一気に現実化する」)。HTML 5では、いくつか導入される新しい要素(タグ)の中に「article」というものがあり、これがまさに「記事」の範囲を示すものなのだ。 これさえあれば、プログラム的にWebページを取得して、その「article」タグの部分だけ抽出すれば「文」になる。あらゆるWebページにこの「article」タグが入ってくれば、もうフィードに頼る必要もなく、どんなページの「文」でも

    ku_marin
    ku_marin 2008/08/11
    マジっすか!楽しみ
  • HTML - meta タグの仕様詳細まとめ :: Drk7jp

    前エントリ - Internet Explorer のイメージツールバーを無効化する meta タグ で予告したとおり meta タグについて生まれて初めてまじめに調べてみました。改めて調べてみると知らなかったこと満載です。っていうか Web エンジニアたるもの一度は W3C勧告 くらいは一通り目を通しておかなくてはダメだなと思ったりしました。面倒なくらい分量があるけど。ひとまず meta タグ情報としての自分にとって永久保存版まとめという位置づけです。 まずは参考になったサイトの紹介から。 W3C勧告HTML4.01 :: The global structure of an HTML document W3C勧告HTML4.01 私的日語訳 :: The global structure of an HTML document(ja) rfc2616.txt Another HTML

  • 1