タグ

Layoutに関するvv_boow_vvのブックマーク (85)

  • DVORAK配列

    Windows 2000/XP編 QWERTY配列とDVORAK配列をオンザフライで切り替えられるツールもあるようだが、 ここで説明するのはツール不要、 レジストリの書き換えだけで実現する方法である。 但し、完全にDVORAK配列オンリーの環境になってしまうので、 QWERTY配列利用者とマシンを共有することはできなくなる。 レジストリエディタ(regedit.exe)で、 HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\i8042prt\Parameters を開き、 ここの"LayerDriver JPN"の値をKBDDV.DLLに変更し、リブート。 以上。 FreeBSD編 コンソールをDVORAK配列にするには、 prompt$ kbdcontrol -l us.dvorak を実行する。 (左CTRLとCapsLockを交

  • 403 Forbidden

    \閉鎖予定のサイトも売れるかも?/ アクセスがないサイトもコンテンツ価値で売れる場合も… ドメインの有効期限を更新してサイト売却にトライしてみましょう

  • [D] Pre KeyRemap4MacBook 5.2.0

    標準のMacを一つだけカスタマイズしてよいと言われたら、筆頭で、インストールするのがKeyRemap4MacBook。特にSpace長押しをShiftとして機能させるSandSなどと呼ばれている機能は、ほんとにOSに標準でつけてほしい機能です。そんなKeyRemap4MacBookのオフィシャルページのオススメ設定解説のページには、5.2.0で搭載される予定のいくつかの新機能が紹介されています。このドキュメント自体は、しばらく前から拝見してたのですが、なかなか5.2.0がリリースされないので、思わず、最新のコードをとってきて、自分でビルドしちゃいました。 再配布自体特に規制されていないようなので、 一応自前ビルド版をこちらに保存しておきます。 待ちきれない人はお試ししてみて下さい。 5.2.0では、特に英数、カナキーの機能強化が図られています。英数長押しにcontrolを割り当てたりすると

  • 日本語組版処理の要件(日本語版)

    1.1 このドキュメントの目的 すべての文化集団は,独自の言語,文字,書記システムを持つ.それゆえ,個々の書記システムをサイバースペースに移転することは,文化的資産の継承という意味で,情報通信技術にとって非常に重要な責務といえよう. この責務を実現するための基礎的な作業として,このドキュメントでは,日語という書記システムにおける組版上の問題点をまとめた.具体的な解決策を提示することではなく,要望事項の説明をすることにした.それは,実装レベルの問題を考える前提条件をまず明確にすることが重要であると考えたからある. 1.2 このドキュメントの作成方法 このドキュメントの作成は,W3C Japanese Layout Task Forceが行った.このタスクフォースは,次のようなメンバーで構成され,ユーザーコミュニティーからの要望と専門家による解決策を調和させるために様々な議論を行ってきた.

  • Image Rollover Borders That Do Not Change Layout

    Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. It’s a fact of CSS life that the ‘border’ of any block level element gets factored into its final box size for layout. That means that if you add a border on a hover to an element that didn’t already have a border of that exact size, you will cause a layout shift. It’s one of my pet peeves, for sur

    Image Rollover Borders That Do Not Change Layout
  • Best Photoshop Tutorials

    Best Photoshop TutorialsDesigners, photoshop professionals, and artists who want to share their works. We are interested in intermediate to advanced tutorials and/or brushes, go to submit. BestPhotoshopTutorials is an amazing resource for people who enjoy using Photoshop.  The site strives to publish the best photoshop tutorials, brushes, and inspirational articles – including interviews with Arti

  • [CSS]クロスブラウザ対応、高さの異なるカラムを揃えるスタイルシート | コリス

    Matthew James Taylorのエントリーから、高さの異なるdivで組んだカラムの高さを揃えるスタイルシートを紹介します。 Equal Height Columns with Cross-Browser CSS & No Hacks demo: 2カラム demo: 3カラム 以前、紹介した「高さの異なるカラムを揃えるスタイルシート」では、ページ内アンカーで要素が消失したり、IEで印刷できないなどの不具合がありましたが、今回紹介するものは、その2つの不具合が無いものとなっています(IE7調べ)。 対応ブラウザは、IE5.5, 6, 7, Fx1.5, 2, 3, Op8, 9, Safari, Google Chromeなどほとんどのものに対応しています。 仕組みはカラムごとにdivを用意し、それぞれをずらして配置します。 下記は、そのイメージです。

  • スタイルシートをめぐる冒険: マージンを使ってdtとddを横並びにするとdtが消える

    定義リストで、dtとddを横並びにしたいとき、ddのマージンの調整でそれを実現するやり方は私がよく使うテクニックなのだが、あるとき、IE7で見たらdtがすっかり消えていて、あわてたことがある。原因は、またしても、その定義リストを含むボックスへの背景画像の指定だった。 [該当するブラウザ] Windows/IE7.0以下 症状 たとえば、年表のようなリストを角マルの矩形で囲むレイアウトを組んだとする(右図)。 角マル矩形は、 frame_top.gif(トップの部分)、 frame_bg.gif(中間部分)、 frame_btm.gif(ボトムの部分)、 以上3つの画像を、dlおよびdlを含むボックスに背景として指定することで実現している。詳細は以下の通りである(→サンプルページ1)。 【スタイルシート】 body { margin: 10px; padding: 0; } .box { w

    vv_boow_vv
    vv_boow_vv 2008/09/29
    対処法は、やはり、マージンの調整による横並びレイアウトは使わないこと、これに尽きる。
  • Themes - macOS - Human Interface Guidelines - Apple Developer

    macOS Design Themes Four primary themes differentiate macOS apps from iOS, tvOS, and watchOS apps. Keep these themes in mind as you imagine your app’s identity. Flexible People expect macOS apps to be intuitive, while simultaneously adaptable to their workflow through customization and flexibility. Many apps offer configurable preferences, customizable interfaces, and alternate ways of completing

  • CSSレイアウトテクニック"偽装絶対指定" - A List Apart | エンタープライズ | マイコミジャーナル

    A List Apart - Faux Absolute Positioning CSSでポジションを指定する方法は大きくわけてfloatを使う方法と絶対位置で指定する2つの方法がある。多くのサイトではヘッダとフッタを伴うカラムレイアウトを採用していることが多い。絶対位置指定では縦方向にコンテンツが成長するタイプのレイアウトでフッタの位置を指定できないという問題がある。このためfloatレイアウトを使うわけだが、こちらでは予期しないコンテンツの内容変更によって予定していたポジションからずれてしまうことがある。とくにIEではwidthの挙動に問題があるため制御するのがきわめて難しいという状況だ。 Eric Sol氏はこうした現状に対して新しい指定手法を考案したとし"Faux Absolute Positioning"としてA List Apartにおいて紹介している。同氏はより自由にドラッグ

    vv_boow_vv
    vv_boow_vv 2008/06/24
    この方法はIE6の再描画バグを回避するほかパディングを容易にし、しかもposition: overflowも使えるようになる。さらに右をベースとして指定しているため、コンテンツが幅を越えてしまった場合でも右サイドに回り込む。
  • dtをfloatする場合の注意点 | d-spica

    dtをfloatする場合の注意点 2008-05-12 0 0 XHTML/CSS CSS, dl, float dl の定義リストで,dt を float させることがよくあります。このとき注意したい点をまとめておきます。 新着情報のようなところで,更新日を dt で,更新内容を dd でマークアップした場合を想定してみましょう。 まず,XHTMLでのマークアップは次のような感じです。 <dl class="recent"> <dt>2008-05-12</dt> <dd>ページ5を更新しました。テキストテキストテキスト。</dd> <dt>2008-05-10</dt> <dd>ページ4を更新しました。テキストテキストテキスト。</dd> <dt>2008-05-07</dt> <dd>ページ3を更新しました。テキストテキストテキスト...。</dd> <dt>2008-05-06</

  • https://www.openvista.jp/archives/note/269/?269/

  • イベントを楽しむ・セミナーで学ぶ|LIVING DESIGN CENTER OZONE

    新型コロナウィルスの感染拡大により、「帰る場所」から「こもる場所」となった住まい。「変化するインテリア」をテーマに、内装材、建具、窓まわり製品など、暮らしをより豊かにするための関連製品を実物とサンプルでご紹介します。 OZONEセミナー&ワークショップ

    イベントを楽しむ・セミナーで学ぶ|LIVING DESIGN CENTER OZONE
    vv_boow_vv
    vv_boow_vv 2008/04/04
    全体的にすごくシンプルなんだけど、ものっすごくバランスがいい、見てて落ち着く。
  • Photos de Julien Roumagnac -

    Toutes les images de ce site sont sujettes au droit d’auteur. Toute utilisation, reproduction ou modification doit faire l’objet d’un accord avec Julien Roumagnac. S.v.p. contactez-moi. All images on this site are subject to copyright. Any use, reproduction or modification must be agreed with Julien Roumagnac. Please contact me.

    vv_boow_vv
    vv_boow_vv 2008/03/25
    写真ブログ。左側からコメ欄やらなんやらがニョキッと出てくる。必要なときに必要なものだけ思考。
  • 秋元@サイボウズラボ・プログラマー・ブログ: 960 Grid System 固定幅ベースのWebデザイン手法

    フレームワークというのは制約を設けることで生成物の最低レベルを上げる効果だとも思うけれど、960 Grid Systemが提唱したのは幅960pxを等間隔で分割することで、方眼紙上でデザインするようにサイトをデザインする手法。 960という数字は、2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320, 480で割ることができるということとユーザのブラウザ環境として幅1024px以上は期待できるということから決まった数だという。 幅何分、というスタイルが提供されているので、それを指定していくだけで、昔のテーブルレイアウトに似た配置ができるということだ。 これがいいことなのかどうかは、ちょっとわからないなあ。 via del.icio.us/popul

    秋元@サイボウズラボ・プログラマー・ブログ: 960 Grid System 固定幅ベースのWebデザイン手法
  • Deziner Folio» Blog Archive » dfFlexiGrid - Liquid Javascript Grid Layout

    Having a strong online presence continues to be extremely important for any individual or business today. When you are looking…

    Deziner Folio» Blog Archive » dfFlexiGrid - Liquid Javascript Grid Layout
    vv_boow_vv
    vv_boow_vv 2008/03/24
    おおーっ!これ楽しー!!閲覧者がぎゅいんぎゅいんレイアウトを変えられるスクリプト。
  • 第13回 Webページで読みやすいテキストとは:ITpro

    今回のポイント 1行あたりの文字数の目安 1段落の文字数の目安 段落に含む文字数 行間調整の考え方 字間調整を使ったロゴ風味見出し 日語というのはもともと縦書き文化です。文字も筆で縦書きしていくときに書きやすいように作られています。現在PC画面上で見るフォントは,活字印刷物のフォントとは違い,横書きで読みやすいようにもともとの字体から若干形を変えられています。それでも起源である縦書きの形を完全に壊すことができないので,やはり横書きでは読みづらいようになっています。 日人が苦痛を感じることなく読める横書き1行あたりの字数は20字+α程度だと言われています。意識して雑誌などを見るとたいていが!)25文字から28文字程度です。用紙,つまりのサイズがA4を超えるような大判になると,1ページを左右2段組に分けて25~28字程度に調整されています。 一方,縦書きの場合には識別許容量はグンと増加し

    第13回 Webページで読みやすいテキストとは:ITpro
    vv_boow_vv
    vv_boow_vv 2008/03/21
    日本人の感覚に合う文字数、行間、段落のスタイル。次に来る段落とのレイアウト調整に margin-bottom。
  • Complementaryduo.com

    The domain name Complementaryduo.com is for sale. Call BuyDomains at 844-896-7299 to get a price quote and get your business online today!

    Complementaryduo.com
    vv_boow_vv
    vv_boow_vv 2008/03/17
     カスタマイズメニューから、カラム幅と文字サイズを任意に変更できる構造。ナイス!
  • https://www.openvista.jp/archives/note/185/?185/

  • [CSS]divもfloatもclearもhackも使用しないで組む3カラムレイアウト | コリス

    TJK Designのエントリーから、ヘッダ・フッタ・3カラムのレイアウトをdiv, float, clear, CSS hackを使用しないで実装するスタイルシートの紹介です。 A CSS layout that does not rely on DIV, FLOAT, CLEAR nor structural HACK! 対応ブラウザは、WidnowsがIE5.01, 5.5, 6, 7, Fx0.8, 1.5, 2.0, Op9.0, 9.24、MacがIE5.2, Safari2.0, 3.0, Fx2.0、LinuxがKonqueror, Mozilla、そしてiPhoneとなっています。 仕組みは、簡単に説明するとリストを使用したもので、実装方法は8つのステップで紹介されています。

    vv_boow_vv
    vv_boow_vv 2008/03/06
    IE7以下では、display:table; が使えないからやっぱちょっと煩雑な感じがする。IE8 が出たらスッキリ使えそう。