cssに関するNarrのブックマーク (46)

  • MozillaZine.jp フォーラム • トピック - リーダービューが使えるサイトと使えないサイト

    とあるとおり、Firefox のリーダービュー機能が使えるページと使えないページがあることが示唆されています。 問題は、この違いがどこで生じるかです。技術的な仕様を知っているわけではありませんが、エンドユーザーとしての使用経験からすると Web ページの構造に大きく左右されているように感じています。要するに、どんな Web ページにも画一的に使える機能ではないということです。 Web ページの構造、とりわけ主たるコンテンツの内容とスタイルの根幹部分が (1)静的に定まっているのか、サーバーサイド・スクリプト等で動的に変化するのか (2)外部スタイルシートや HTML ヘッダでまとめて指定してあるのか、個々の HTML タグにインラインで指定されているのか (3)テキスト主体のシンプルなページ構造なのか、動画や静止画が主体だったりボックスやテーブルなどが多用されたページ構造なのか こういった

    Narr
    Narr 2016/09/25
  • 【開発者用】「カボチャ売り尽くし」フォント - HatenaDiary id:Narr

    2016-08-27 昨日のフォントの作り直し、仕切り直しです。今回はOpenTypeに加えてTrueTypeもあります。使用許諾契約書もいちおうつけときました。 開発者用です フォントのアンインストールに不具合と疑われる現象があります。こちらで対応できる部分は対応しましたが、できることといえばフォント制作ソフトのデフォルトから、なるべく弄らないようにすること、くらいしかないのです。 今日のところはアンインストール可能でしたので、開発者用ということで公開しときます。 開発者でなくても使って全く構いませんが、昨日の記事に書いた手順でフォントの削除ができないのなら、インストールもやめたほうが無難です。Vista以降のWindowsだと同様な不具合が出る気がします。 現状確認されている不具合(Windows10) TTF版とOTF版を一つずつインストールする分には普通にできますが、TTF版とOT

    【開発者用】「カボチャ売り尽くし」フォント - HatenaDiary id:Narr
    Narr
    Narr 2016/08/28
    開発者用、ってことで。少しアンインストールに不具合が出たとしても、その程度の不具合なら公開を続けます。修正方法は、たぶん今後も分からん。
  • 小説家になろう-ぬかみそフォント

  • Webデザイナーによるカラーコードを使った便利なテクニックあれこれ

    By OliBac コンピュータが色に名前を付ける時、数字やアルファベットを6つ並べた1677万7216通りの組み合わせで表される16進数カラーコードが使われます。カラーコードは他のコンピュータ言語と同じく論理的なシステムに基づいて作られるため、Webデザインを行う人間にとって16進数カラーコードを知っておくことは非常に助けになるとして、WebデザイナーのBen Gremillionさんがカラーコードの仕組みや便利なテクニックをまとめているのが「The Code Side Of Color」です。 The Code Side Of Color | Smashing Coding http://coding.smashingmagazine.com/2012/10/04/the-code-side-of-color/ そもそもスクリーン上のカラーは指定がない場合は黒いままで、16進数カラーコ

    Webデザイナーによるカラーコードを使った便利なテクニックあれこれ
    Narr
    Narr 2012/11/11
  • HTML ソースの改行を半角スペースにしない方法

    こんな書き方があったとは。 「 HTML ソース中での改行が半角スペースとして表示される」問題。 前々から気にはなってたんだけど、気にしないふりをしていたことで、今回ふとググってみたら解決法が見付かった。教えてください!htmlソースの改行についてに書いてあったのでシェアしてみる。日付が2007年って書いてあるけど気にしないw 「 HTML ソース中での改行→半角スペース」問題 これは何かというと、 HTML ソース中でタグを複数並べることはよくあると思うんだけど、そのときにソース中の改行の部分でいらない半角スペースが表示されて、うぎゃー!ぴったし並ばずに隙間がー!な事態に陥る問題ですよと。 文字で読んでも分かりにくいので、実際に複数並べた img タグと display:inline; で並べた li タグで見てみよう。 JavaScript を無効にしてると、サンプルのスタイルが適用さ

    HTML ソースの改行を半角スペースにしない方法
    Narr
    Narr 2011/06/18
  • はてなブログ | 無料ブログを作成しよう

    諏訪之瀬島(鹿児島県鹿児島郡十島村)2024.8 はじめに 1日目 中心部・ナベダオエリア 元浦エリア 2日目 元浦エリア・中心部 切石エリア 3日目 はじめに 前回の「フェリーとしま2乗船記」にも書きましたが、諏訪之瀬島に行ってきました。今回は、その諏訪之瀬島の記事です。 kakoyuu.hatenablog.com 諏訪之瀬島は…

    はてなブログ | 無料ブログを作成しよう
  • HTML5とは何かを簡単にまとめてみた

    ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに こんにちは。R&D統括部 制作部 ウェブデベロップメント部に所属しております。岡部和昌(@kzms2)と申します。 最近スマートフォンやタブレット向けのページを作成する機会が増えてきました。 なので、今回はちまたで大人気のHTML5について書きます。 若干今更な内容にも思えますが、あまりHTML5になじみがない方にもわかってもらえるような内容にしています。 HTML5の基概念や思想・実際の組み方というよりも、 HTML5で組むと今までと比べて何が違うのか などについて書いていきます。 なぜこれからHTML5なのか HTML4との違いがわからない HTML5を使う利点がわからない など疑問に思っている方はぜひ見ていた

    HTML5とは何かを簡単にまとめてみた
    Narr
    Narr 2011/05/26
  • Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot

    Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and

    Narr
    Narr 2011/04/29
  • IEの異なるバージョンをテストする環境のまとめとそれぞれの特徴

    IE6, IE7, IE8などIEの異なるバージョンをテストするアプリケーション・環境のまとめとそれぞれの特徴を紹介します。 Internet Explorer 7のキャプチャ [ad#ad-2] 「Sandboxed IE Browsers from Spoon」から各アプリケーション・環境のまとめと特徴をピックアップし、いくつか追加しました。 IETester Virtual PC IE Super Preview IE Collection マルチPC環境 IETester IETester 対応するIEのバージョン IE5.5 IE6 IE7 IE8 IE9preview 主な特徴 異なるIEのバージョンをタブで同時に表示することが可能なアプリケーションです。 プリントプレビューのテスト、ポップアップによるインタラクション以外のテストは万事良好に動作します。FlashとCSSのフィ

    Narr
    Narr 2011/02/16
  • 【レビュー】Firefox 4に導入されたOpenTypeフォント新機能 | エンタープライズ | マイコミジャーナル

    Firefox web browser - Faster, more secure & customizable Firefox 4 beta 7が公開された。予定されていた期間よりも長い期間をかけてのリリースとなっており、JavaScriptエンジンの大幅な高速化の実現とハードウェアアクセラレーションを利用したレンダリング性能の大幅向上といったメジャーリリースに匹敵しそうな興味深いベータ版に仕上がっている。 こうした機能改善に比べるとマイナーにみえるが、今後のWebアプリケーションの品質を左右することになりそうな機能が追加されている。どういった機能が追加されたかがFirefox 4: OpenType font feature support - Mozilla Hacksにおいて詳しく紹介されている。 Webフォントを複数のブラウザに使う方法 Firefox 3.6、フォントによるデザ

    Narr
    Narr 2010/11/13
  • Webフォントを使ってみよう!@font-face 関連の情報いろいろ - かちびと.net

    Webフォントを使う機会があった のでついでに備忘録的メモです。 @font-face関連の情報いろいろ。 と言っても、まだそんなに情報が 無いので触りを理解するための まとめ的な記事です。 Webフォントの良い所は、編集作業が不要、コピペも可能でテキストだからSEO的にも有利になりますけど、アンチエイリアスはフォントに依存しますし、日フォントはどうしても少なくなってしまうデメリットもあります。 クロスブラウザでWebフォントを利用するには /* IE */ @font-face { font-family: abc; src: url(abc.eot); } /* Firefox, Opera, Safari */ @font-face { font-family: abc; src: url(abc.ttf) format("truetype"); } としてあげるといいみたい。I

    Narr
    Narr 2010/11/08
  • Internet Explorer 10 Test Drive

    Interested in checking out the new Web platform capabilities of Internet Explorer 9? Download the Internet Explorer Platform Preview right now. Welcome and thank you for investigating the first Internet Explorer Platform Preview. This release represents only a portion of the capabilities that will be in the final IE9 Web platform. Check back frequently, we will be updating the Platform Preview reg

    Narr
    Narr 2010/11/02
  • WOFF fonts!

    WOFF fonts! This is a test for Gentium Basic repackaged in WOFF format. For extra variety, we also show Konstytucyja and DeLarge, both obtained from the Open Font Library site. For more information, see the WOFF format description. To convert existing TrueType/OpenType fonts to WOFF format (subject to appropriate licensing), there is a simple command-line tool sfnt2woff. Precompiled versions for M

    Narr
    Narr 2010/06/21
    woffに変換
  • cssとHTMLのみで擬似的な3D表示を実現するCSS 3D Meninas - かちびと.net

    これ凄いです。僕が知らなかった だけかも知れませんが、この動き でjs等も使用していないのは驚き でした。cssHTMLのみでマウス オーバーした際の画像に3D効果 を出しています。 動作はIE8、Firefox3、Opera9、Safari 3、Chrome4などで動作するそうです。 マウスオーバーし、左右に動かすと画像も動きます。 複数の透過レイヤーを重ねてhoverで動きを出しているみたい。何枚かの画像と下記のような画像を使ったcssスプライトを使って実現しているようです。 この効果はmootoolsやjQueryのプラグイン(mParallaxやjParallax)を使えば同じ表現を実現出来ます。 実用性は期待できませんが、cssHTMLだけっていうのが凄い。ソースは以下でご確認下さい。 Pure CSS 3d Meninas (説明ページ:CSS 3D Meninas)

    Narr
    Narr 2010/05/18
  • @font-face - MDC

    Narr
    Narr 2010/05/17
  • [CSS3] 50 Brilliant CSS3/JavaScript Coding Techniques - CSS3とJavascriptを使ったクールな表現

    [CSS3] 50 Brilliant CSS3/JavaScript Coding Techniques – CSS3とJavascriptを使ったクールな表現 Pocket Tweet 欧米が今最もアツいと感じているのがCSS3とJavascriptなんだけど、いやぁこれらの作例にはホントまいったよ。エクセレーント! という感じのまとめ記事。ぼちぼちCSS3ガラみのこうした作例紹介も格的になってきましたね。AppleiPad & iPhone向けコンテンツを視野に入れた場合必須となるスキルだけに、そろそろこれ系もちゃんと勉強しなきゃな、という感じであります。しかしウェブでできる表現の幅が広がる事は素直に歓迎したいですね。 50 Brilliant CSS3/JavaScript Coding Techniques

  • cssの情報・まとめ - かちびと.net

    cssの情報まとめです。ローカル 環境にストックしていた情報を 開放してみますのでシェアして 頂ければ幸いです。内容は 結構偏っていると思いますので 参考程度になさってください。 全てのcss情報が有るわけではありません。主観でストックしていたリンク集です。ツールとかメニュー関連とかハックとかいろいろ188の情報です。 ツール オンラインのcssツール。 CSS Validation Service / W3C検証サービス日語版 RoundedCornr / 角丸のHTMLCSSコードを生成してくれる CSS Type Set / ファミリー、色、単語間、行間等をプレビューで確認 CSS Text Wrapper / 様々な形のテキストの回りこみを簡単に実現できる CSS Builder / オンラインでスタイルを生成可能 Spiffy Box / cssによる角丸を簡単に生成 The

    cssの情報・まとめ - かちびと.net
  • Firefox 3.6でサポートされたWOFFを試してみる - フォントブログ

    フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ

    Firefox 3.6でサポートされたWOFFを試してみる - フォントブログ
    Narr
    Narr 2010/01/23
  • Firefox 3.6から使える様になったWOFFフォントを使ってみた - 強火で進め

    ついにFirefox 3.6がリリースされました。3.6からは埋め込みフォントとして今までのTTFとOTFに加え、WOFFフォントが使用可能になりましたので早速試してみました。 ※その他の3.6からの新機能は下記参照。 Firefox 3.6 for developers - MDC https://developer.mozilla.org/ja/Firefox_3.6_for_developers WOFFフォントについてですが現時点では基的にTTF形式のフォントファイルから変換をして使用することになると思います。 今回は以下のサイトのフォント変換サービスを利用させて貰いました。 Font Squirrel | Create Your Own @font-face Kits http://www.fontsquirrel.com/fontface/generator こちらフォント

    Firefox 3.6から使える様になったWOFFフォントを使ってみた - 強火で進め
    Narr
    Narr 2010/01/23
  • HTML5 と CSS3 で 死にたい

    CSS3の「変形・アニメーション関連」のプロパティは面白いですね。これらのプロパティの登場によって、CSSの持つ表現力が「どかーん」と拡大するように感じました。この記事では、WebKit Nightly Buildsでの表示を対象に、 CSS3で新たに定義されたプロパティを色々と使ったサンプルを作ったので、それを紹介したいと思います。 サンプルページは、CSS3のプロパティの練習として作っていたので、 表示の対象はこれらのプロパティを先行実装しているWebKitエンジンのブラウザーの中でも、 描写速度が激的に改善されている開発者向けのWebKit Nightly Buildsになります。 Safari4やGoogle Chromeでも見られますが、アニメーションはスムーズに再生されません。また、HTML5のaudio要素に対応していない場合は音が出力されないようです。非常に高負荷な処理が盛

    Narr
    Narr 2009/11/08