タグ

CSSとツールに関するiwwのブックマーク (7)

  • グラデーションの中央がグレーに濁ってしまう仕組みをくわしく解説、美しいグラデーションをCSSで実装する方法

    グラデーションを作成した時に、中央がグレーに濁ってしまうこと(グレーデッドゾーン)があります。なぜこの現象が起こるのか、どうすれば回避できるのか、鮮やかで美しいグラデーションをCSSで実装する方法を紹介します。 Make Beautiful Gradients in CSS by Josh W Comeau 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSグラデーションが算出される仕組み おすすめのカラーモード これらの知識を活用する 美しいグラデーションを生成できるツール 終わりに はじめに さっそくですが、CSSで実装したイエローからブルーの線形グラデーションをご覧ください。

    グラデーションの中央がグレーに濁ってしまう仕組みをくわしく解説、美しいグラデーションをCSSで実装する方法
  • px,pt,%,em 文字の大きさ 数値一覧表 - 山崎はるかのメモ

    この一覧について 単位系の異なるWebページを、どちらかに統一した単位系にする際にべんりなので作った。 表をクリックすると、その段のフォントサイズをデフォルトフォントとして%やemなどを再計算し表示する。 各単位の略称は次の通り px : ピクセル pt : ポイント in : インチ mm : ミリ pc : パイカ また各値は次の点に注意。 Windowsは96dpi、Mac/Linuxは72dpiで表示。 CSSの単位系を使用。(1パイカ = 1/6インチ) 絶対サイズ指定は参考値。ブラウザ・環境によって異なることがある。 小数点は四捨五入して第3位まで表示。 (2010/11/16・山崎はるか) 修正:画面クリックで再計算機能 2010/11/22 スマホ表示対応:2017/02/12 mmの計算式の誤りを修正・表の小見出し修正:2021/05/17 このサイト(山崎はるかのメモ)

  • Internet Explorer 8 の開発者ツールの概要

    メモ : このドキュメントは暫定版であり、変更されることがあります。 Internet Explorer 8 の拡張された開発者ツールは、HTMLCSS (Cascading Style Sheet)、JavaScript に関係する問題の調査と解決に役立ちます。この記事では、HTMLCSS の開発者ツールについて説明します。 はじめに 開発者ツールの開始と終了 各種モードでの Web ページのテスト Web ページ上のオブジェクトのアウトライン Web ページ上のオブジェクトの選択 HTML ツールの使用 スタイル/スタイル追跡ツールの使用 レイアウト ツールの使用 CSS ツールの使用 変更の保存 まとめ 関連トピック はじめに Internet Explorer 8 の開発者ツール機能を使用すると、ブラウザーの観点から Web ページの内部表現を確認できます。個々の属性の表示

    Internet Explorer 8 の開発者ツールの概要
    iww
    iww 2016/04/20
    『一覧で最後のルールが適用されると、一覧でそれより上位にあるルールが上書きされ、取り消し線が引かれます。』
  • eky.hk

    This domain may be for sale!

  • JavaScriptやCSSのメンテナンスにぜひどうぞ·CocProxy MOONGIFT

    こ、これは便利…。新規開発しているときはまだしも、実際に動いているサイトのデザインやJavaScriptをメンテナンスしようと思うと以外と大変だ。静的な場合はまだしも、Ajaxを使ってデータを取得していたりすると、その用意だけでも時間がかかってしまう。 そんな時に使えるのがamachangご推薦のCocProxyだ。Webデザイナーまたは開発者の方はおお、こんなのを待っていたと思うに違いない。 CocProxyはRubyで書かれたオープンソース・ソフトウェアで、開発用プロキシだ。 CocProxyを使う際には、filesというディレクトリを作成し、そこにファイルを配置する。ドメインごとにフォルダを作成して、その中にファイルを入れても良いし、直接ファイルを置いても良い。優先度はfiles直下にあるファイルだ。 style.cssはヒットしたのでローカルファイルを利用している そしてproxy

    JavaScriptやCSSのメンテナンスにぜひどうぞ·CocProxy MOONGIFT
  • ブログテンプレート作成ツールで簡単ブログデザイン! - CSSEZ

    Cssez : ผลบอล บอลวันนี้ วิเคราะห์บอล ข่าวฟุตบอล เราคือผู้นำของเว็บดูผลบอลสดออนไลน์ ผลบอลสดภาษาไทย 7m ข่าวฟุตบอล สรุปผลบอล ไฮไลท์ ที่สามารถเช็คผลบอลทั่วโลก มีทั้งภาษาไทย Livescore 7m 888 ผลบอลมีเสียงวันนี้ล่าสุด พรุ่งนี้ หรือเมื่อคืน รวบรวมเว็บผลบอลต่างๆมากมายมารวมไว้ที่เดียวเช่น livescore.com 7m.cn 888scoreonline.com thscore.cc และ spbo.com รวมทั้งมีวิเคราะห์บอล ตารางบอล คะแนนบอล และดูบอลสดออนไลน์

  • マイクロソフト製サイト作成ソフト「Expression Web」日本語ベータ版

    以前まで「Microsoft Expression Web Designer」という名称だったモノで、日語ベータ版は無料で利用できます。ウリとしては、Web標準へ準拠しており、なおかつ洗練されたCSSページレイアウトが可能という点。 個人的には、Wordで作ったHTMLを最適化する機能やCSSなどのチェック機能、アクセシビリティの検査機能がなかなかお役立ち。使用感はDreamweaverっぽい。 というわけで、ダウンロードして実際に動かしてみました。 Microsoft(R) Expression(R) Web 日語ベータ版 起動にはMicrosoft .NET Frameworkが必要で、上記ページにダウンロード用のリンクが用意されています。 インストール可能な環境はWindows XP + SP2、Windows Server 2003 + SP1、Windows Vista。推奨

    マイクロソフト製サイト作成ソフト「Expression Web」日本語ベータ版
  • 1