タグ

htmlとcssに関するhisasannのブックマーク (71)

  • Color Hex - ColorHexa.com

    ColorHexa.com is a free color tool providing information about any color and generating matching color palettes for your designs (such as complementary, analogous, triadic, tetradic or monochromatic colors schemes). Just type any color value in the search field and ColorHexa will offer a detailed description and automatically convert it to its equivalent in Hexadecimal, RGB, CMYK, HSL, HSV, CIE-LA

    Color Hex - ColorHexa.com
    hisasann
    hisasann 2021/12/17
    hex color
  • https://az-store.nrym.org/archive/mynotes/blog/2006/12/resolution.php

    hisasann
    hisasann 2010/10/13
    「1px = 1/96inch = 約0.26mm」
  • HTML/JavaScript/CSSをシェイプアップ!·Patu Digua MOONGIFT

    HTMLJavaScriptCSSを構造化して見やすく書こうと思うとインデントやスペースを使うだろう。確かに見やすいが、ブラウザへのレンダリングを行う上では特に意味はない(中には意味のあるスペースもあるが)。できるだけ転送量を抑えようと思うと、このスペースをなくしていくという作業が大事になる。 HTML/JavaScript/CSSのサイズを軽減 そのためのツール(難読化ツール)はいくつか存在するが、HTML/JavaScript/CSSのいずれにも対応したものは多くない。そこでPatu Diguaだ。 今回紹介するオープンソース・ソフトウェアはPatu Digua、HTML/JavaScript/CSSからスペースやコメントを排除するソフトウェアだ。 Patu DiguaはJavaで作られたソフトウェアで、Windows/Mac OSX/Linuxで動作する。指定したファイルからコメ

    HTML/JavaScript/CSSをシェイプアップ!·Patu Digua MOONGIFT
    hisasann
    hisasann 2009/09/11
    圧縮、難読化、Javaでできている
  • 第1回 CSSサポートが不十分なIE 6でサイトの表示品質を保証する

    2008年8月設立。アクセシビリティ,ユーザービリティ,CMSの導入,SEO/SEMといったWebサイト制作から,ROIを意識したブランディング,ソーシャルメディアを用いたユーザーとのコミュニケーションの最適化など,マーケティング活動までを手がけるクリエイティブユニット。 2009年3月18日にInternet Exploler(以下IE)8が米国で正式公開されました。日語版も同月20日からダウンロード可能になり,多くの制作者が実際に触れてみたことでしょう。しかし,それから4カ月が経とうとしている現在でもIE 8へのアップグレードはスムーズに行われていないようです。 筆者がアクセス解析を見た範囲では,IEのシェアが全体の85~95%前後,さらにIEの中では6と7が約45%前後,8のシェアが10%弱ということろです(7月6日時点)(表1)。

    第1回 CSSサポートが不十分なIE 6でサイトの表示品質を保証する
    hisasann
    hisasann 2009/09/01
    IE6のバグまとめ
  • 第1回 W3Cとその標準化プロセス | gihyo.jp

    「Web標準」や「XHTML+CSS」といった言葉がでてくるWeb制作には、必ずといっていいほど「W3C」という言葉が登場します。今回はそのW3CというWeb標準化団体について、またW3Cが策定する仕様がどのように作られているのかをとりあげます。 そもそもW3Cって? W3C(World Wide Web Consortium)とは、Web技術の標準化を行う団体のひとつです。「⁠Webの可能性を最大限に引き出す」ことを目的とし、Webの発明者であるTim Berners-Leeによって1994年に組織されました。W3Cは今日までにHTML(3.2以降)やXML、XHTMLCSSといった、数々の仕様を公開しています。 W3Cには、IT関連企業をはじめとする400近くの会員が参加しています。Apple, Google, Microsoft, Mozilla, Operaといったブラウザベ

    第1回 W3Cとその標準化プロセス | gihyo.jp
  • はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

    はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

    はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
    hisasann
    hisasann 2009/04/19
    </li><!-- --><li>これと同じような意味になるのかな
  • ウェブデザインにおける効果的な背景の使い方

    Backgrounds In Web Design: Examples And Best Practices 以下、その意訳です。 ウェブデザインのスタイルは常に進化しており、大きな変化の一つに背景の使い方があります。 背景の重要な役割は、ウェブサイトへの興味を視覚的にひきつけることです。 背景はウェブサイトのテーマを支えるものであり、あらゆる可能性を考慮し設計を行う必要があります。 ここではウェブデザインの最近のトレンドをふまえた、背景のベストプラクティスを紹介します。 1. The Basic Background Structures 良い背景を設計する際に、背景の基構造を知る必要があります。 Body Background bodyの背景は、昔から使用されている背景です。 主にイメージ、イラスト、テクスチャ、パターンなどを使用します。 Content Background コンテ

    hisasann
    hisasann 2009/04/14
    backgroundの使い方いろいろ
  • スチーム速報 VIP

    Author: Mist twitter: Mist note: Mist diaries: 或るロリータ ロリータ速報 VIP TOP絵簡易まとめ pass: steam つ最近人気あるスレ ↑イミフのパクリです!

    スチーム速報 VIP
    hisasann
    hisasann 2009/03/11
    なんか良まとめになってる気がする
  • Web ページを高速化する

    IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.

    Web ページを高速化する
    hisasann
    hisasann 2009/03/02
    サイトを速くするチュートリアルいろいろ、YSlow、CDN
  • プロミス 申込 入ロ

    多くのカードローン、ないしはキャッシングの時は利息がとられますが、無利息キャッシングだと、決まった期限内に返したら、利息は生じません。 低い金利のカードローンは、大きめの資金の借り入れを希望する場合や、頻繁に借りる必要がある時には、月の返済額を相当少なくすることが可能なカードローンだといわれています。 5万円~10万円という、一括にて返せる大した金額ではないキャッシングだったら、利用しやすい無利息サービスを標榜しているキャッシング会社に申し込みをすれば、利息を徴収されることはないのです。 少しでも早く現金が必要なら、「借入申し込み額を50万円未満」にするようにしましょう。50万円以上のキャッシングのケースでは、借り入れる方の「収入証明書」が要求されるから、少々面倒です。 近頃ではクレジットカードでも、手軽にキャッシングできるようになっているものが出ているので、手っ取り早くキャッシングの申込

    プロミス 申込 入ロ
    hisasann
    hisasann 2009/02/16
    Flash側にposition:absoluteで位置指定して、上に表示するほうをposition:relative;z-index:1;にするといけるみたい
  • http://www.designwalker.com/2009/01/table.html

    http://www.designwalker.com/2009/01/table.html
    hisasann
    hisasann 2009/01/14
    キレイなTableデザイン
  • 日記 | ヨモツネット

    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 混在でき

    hisasann
    hisasann 2008/11/26
    h3の罫線は消せない
  • Web標準仕様 日本語訳一覧

    CSS メディアクエリー 画面サイズなど、媒体の持つ特徴を利用し、スタイルシートを適用するための仕組みを提供します。 原文: “Media Queries” (W3C Recommendation 19 June 2012) セレクタ Level 3 :nth-child()や:not()など、新しいセレクタを定義するモジュールです。 原文: “Selectors Level 3” (W3C Recommendation 29 September 2011) CSS 名前空間モジュール CSSで名前空間を扱う@namespace規則を定義しています。 原文: “CSS Namespaces Module” (W3C Recommendation 29 September 2011) CSS カラーモジュール Level 3 opacityやrgba()など、色に関する値やプロパティを定義す

    hisasann
    hisasann 2008/11/17
    W3Cの日本語訳
  • li要素などを改行すると、要素と要素の間に半角スペース分の余白が現れる件について調べてみた。 | Blog hamashun.com

    追記:トラバが送れないとの報告を受けて、文末に手動トラバを追加しました。 ナビゲーションなどをリスト要素でマークアップして、display: inline; で横並びにすると、li要素とli要素の間に謎の余白が現れます。 そして、この現象を解決する手段はいくつかあります(参考:リストをinlineで並べた時の余白|CSS HappyLife)。 でも、この余白はそもそも何者で、なぜ現れるのでしょうか。 余白の正体 結論から言うと、この余白の正体は空白類文字です。 marginやpaddingの暴発ではありません。 では、なぜ何もない場所に急に空白類文字が現れるのでしょうか。 この謎を解くには、まずは空白類文字について調べる必要があります。 空白類文字 1 文書文字集合には、多様な空白類文字が含まれている。その多くは、特定の視覚的スペーシング効果を生成するために何らかのアプリケーションが用い

    hisasann
    hisasann 2008/11/04
    inlineの改行でのスペースについてのまとめ
  • リストをinlineで並べた時の余白|CSS HappyLife

    下記のような指定でリストをinlineで並べ、li要素毎に改行すると、半角スペース分の余白ができてしまう。 ul { text-align: center; } ul li { display: inline; } <ul> <li><a href="/">トップページ</a></li> <li><a href="/service/">サービス案内</a></li> <li><a href="/company/">会社情報</a></li> <li><a href="/contact/">お問い合わせ</a></li> </ul> んで、この余白を埋めるための方法をいくつか紹介しますだ。 一行で書く <ul> <li><a href="/">トップページ</a></li><li><a href="/service/">サービス案内</a></li><li><a href="/company

    リストをinlineで並べた時の余白|CSS HappyLife
    hisasann
    hisasann 2008/11/04
    inlineのリストの空白はHTMLコメントか>を次の行に書いて補正する
  • Starting with HTML + CSS

    Sections that look like this are optional. They contain some extra explanation of the HTML and CSS codes in the example. The “alert!” sign at the start indicates that this is more advanced material than the rest of the text. Step 1: writing the HTML For this tutorial, I suggest you use only the very simplest of tools. E.g., Notepad (under Windows), TextEdit (on the Mac) or KEdit (under KDE) will d

    hisasann
    hisasann 2008/09/18
    初心者用の解説
  • アフィリエイトは儲かんないってば:Dreamweaver - livedoor Blog(ブログ)

  • Download Free Cheat Sheets or Create Your Own! - Cheatography.com: Cheat Sheets For Every Occasion

    Over 6,000 Free Cheat Sheets, Revision Aids and Quick References! Programming Cheat Sheets Software Cheat Sheets Business and Marketing Cheat Sheets Education Cheat Sheets Home and Health Cheat Sheets Games and Hobbies Cheat Sheets Latest Cheat Sheets 2 Pages   (0)Tahsili Bio (Invertebrates) Cheat SheetTahsili 2023 Biology: InvertebratesTheGoldenClover10 Mar 24biology2 Pages   (0)Reverse-Engineeri

    hisasann
    hisasann 2008/09/10
    チートシートいろいろ
  • CSS-Based Tables: Modern Solutions | Smashing Magazine

    Tables have got to be one of the most difficult objects to style in the Web, thanks to the cryptic markup, the amount of detail we have to take care of, and lack of browser compatibility. A lot of time could be wasted on a single table although it’s just a simple one. This article was written back in 2008 when the concept of responsive web design hasn’t been created just yet. You may want to check

    hisasann
    hisasann 2008/08/15
    Tableレイアウトいろいろ
  • [Think IT] 第1回:XHTMLの文書構造化とボックスモデル (1/3)

    【即実践!HTML+CSS】 テーブルレイアウトから脱出せよ! 第1回:XHTMLの文書構造化とボックスモデル 著者:米倉 明男 公開日:2008/04/01(火) テーブルレイアウトとは HTMLコーディングの主流が、旧式のテーブルレイアウトからCSSレイアウトに変わり、大規模Webサイトを中心にXHTMLへの移行がひと段落した感があります。しかし、まだテープルレイアウトを用いたWebサイトが多いのも実情です。 そこで連載では、慣れ親しんだテーブルレイアウトからなかなか抜け出せない方向けに、CSSレイアウトへスムーズに移行をできるポイントを解説していきます。はじめにCSSレイアウトはHTML 4.01、XHTMLいずれのバージョンでも対応可能ですが、記事ではXHTML 1.0を対象にCSSコーディングについて解説します。 テーブルレイアウトとは、HTMLタグの1つである表組み<tab

    hisasann
    hisasann 2008/06/27
    そっか、外側のdivにはpadding:margin入れないんだね