投稿

【HTML/CSS】HTML5とCSS3についての考察

技術についてはあちこちで触れられているので多くは語らないとして。 「しばらくは <div>で基本レイアウトをする考え方は大きく変わらない 」というのが個人的な認識になりそうです。 悩むHTML5タグ<article>と<section> 解説と理解が人により幅があるカンジですが、基本的に<div>で配置→必要に応じて内部に<article>や<section>を配置・・・がしばらく妥当な方法になるかと思います。 本来的には<section>や<article>で記載された記事を、レイアウト目的で<div>で囲む、という考え方なのでまるで逆なのですが、リセットCSSを用いても<section>や<article>の挙動がまちまちになったりする現象に遭遇しました。 <section>の立ち位置 書籍くらいの複雑な書式を採用したい場合には便利なのですが、<h1>~<h6>が残っている状況でわざわざ<section>の入れ子を使う方法にメリットがあるのか・・・?かなり微妙な認識です。 逆に書籍、とくに解説書の類にありがちなレイアウトで 「本文」 「本文横の解説記事」 「ページ下のTIPS」 など上下関係とは別の文書構造をもっている場合は良いのかも。 EPUBを作ろうとして汎用的なコーディングを探してみた時期になやんだのがこの点でした。 <nav>の使いどころ いわゆるメインのナビゲーションに使うわけですが<section>や<article>と異なり何度も登場させることができません。 よくある3カラムレイアウト(上と左にナビゲーションが並ぶ)のときどうしようかなー? 今のところ<aside>を使って左メニューを配置して「無くても文章的には問題ないよ」アピールする方向にしてみてます。正解とは思いませんが(^^; <header>と<footer> block要素に指定しても挙動がまちまち? 直接<div>と同じ要領でwidth:100%配置...

【HTML/CSS】dt が回り込まないようにする方法

<dl><dd><dt>を使った表組レイアウトはfloatするだけ。と基本のオハナシで困ったのでメモ。 ハマったのは <dt>の文章が長くなったときに<dd>の下に流れ込む という現象。 結論から言うと以下。 「<dt>に<dd>分の 左marginを設定せよ 」 【解説】 border を指定したときに思う長さにならない時点で気づけば良かったのですが、 <dd>の基点は<dl> なんですよね! つまり、<div>のようにwidthを指定してfloat:leftする方式では +--------++--------------+ | ←<dd> ||    ←<dt>    | +--------+|              |           |              |           +--------------+ とはならず +--------+------+ | ←<dd> |←<dt>| +--------+      | |               | +---------------+ となっているわけです。 地味にハマったっつーの(基本か) 【参考】 http://d.hatena.ne.jp/language_and_engineering/20120312/p1

【Google】Google Drive で Office ファイルが同期できない

Google Cloud Connect をアンインストールすると良いようです。 http://stduke.blogspot.jp/2012/04/google-drive-microsoft-office.html

【PC】CDeX1.70 β4 でCDDBの曲名が適用できない

質の良いMP3が生成でき、フリーのCDDBにも対応していることで大変重宝な「CDeX」 (現在はバージョンアップしておらず1.70b4)。 CDDBで複数の選択肢が登場することがあって、以前はその中から選べば良かったのですが最終版の1.70b4だと選択肢を選んだあとの「Nextが押せない」という症状に遭遇します。 探したらやはり同じ問題にハマった方が一発解答を探していてくれてました(びば!グーグル先生) ◆丁寧に解説してくれているところ http://d.hatena.ne.jp/m_ogawa/20100320 ◆パッチの公開サイト http://homepage2.nifty.com/moto-h/hissori.html

名刺の整理

名刺整理をしたくなったので生き残っていて「体験版がある」名刺管理ソフトについてメモ。 スキャナは会社に偶然あった「やさしく名刺ファイリングPro」用のシートスキャナ「OptiCard901」。 ハガキ大まで取り込むことができるシロモノなのだけれれど、名刺サイズの両面同時のほうがありがたかったなぁ・・・とかいう贅沢はさておき。 ◆名刺読取革命 ver.2 (Windows7対応) 識字率 : ×激悪 デザインされたロゴどころかありふれた名前すら認識できません。 レスポンス: すみません、2~3枚取り込んだところで絶望してやめました。 ◆やさしく名刺ファイリングPro v11.0 識字率: 〇良 むしろ少し驚きの精度。多少であればデザインされたロゴでもピックアップ可。 レスポンス: 割とPC性能に余裕があるせいか、ストレスはありません。ただし、複数枚連続取込しているとエラーで落ちる現象が多発して使い物にならず悲しいです。
イメージ
GoogleAppsとオンラインストレージを組み合わせたら 零細は事務所が要らないと思うのです。

DNSサービス

◆Yahoo!ドメイン ★★★★★  Yahoo!プレミアムID(オークション等に参加できるアカウント)さえあればすぐに利用できるの手軽さが◎  反映も早めですぐに結果を確認できるので、DNS学習目的でドメインを取得するのに最適  ■機能:サイト転送(フレーム式・リダイレクト式)、DNS(A,CNAME,MX,NS)   標準でYahoo!のネームサーバ適用済み ◆お名前.com ★★☆☆☆  カード決済ですぐに取得できるのでこちらも同様に簡単。  ただし反映がものすごく遅いうえ、浸透するまで「お名前.com」の広告ページが表示されるなど  ビジネス利用にはかなり不適格。  自学習においてもあまりの遅さに「あれ?なんか間違ってる?」と心配になるほど。  ■機能:サイト転送(フレーム式・リダイレクト式)、DNS(A,CNAME,MX,NS,TXT)   DNS機能を設定するときにお名前.comのネームサーバ適用