![【CSS】コーディングがさらに速くなる!Zen-Codingで覚えておきたいよく使うCSSスニペットコマンド | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/c76f538a877e78afb07d09e5ff0f87885ac194e9/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_coding.png)
この春からプログラムにチャレンジしよう!と意気込んでいる方もいらっしゃるのではないでしょうか? 先日、おすすめ本を紹介させていただいたのですが、本を読みながらの学習では、途中でつまづいたり、なかなか長続きしない、といった方もいらっしゃると思います。 そんな時のお手伝いができたら…と、シーブレインでは今回の連載 「10日で覚えるPHPのキソ」を企画いたしました。 どうぞよろしくお願いいたします。 第1回は PHPを勉強する時に、まず最初に覚えておきたい約束事! についてお話しいたします。 その前に、PHPとは… PHPはプログラミング言語 日本語・ドイツ語・フランス語があるようにPHPも言語の1つです。 プログラミングをするための言語ですね。 プログラミング言語には大きく分けて、インタプリタ型とコンパイラ型があります。 PHPはコンピュータが直接理解可能なコードへの翻訳作業を、プログラムの実
その強力なアドオンで、とっても便利なFirefoxですが、毎日使っているとドンドン動きが重くなっていってしまいます。 うーん、どうにか軽くならないものかと色々やってみました。 起動を速くしたい まずはとにかく時間のかかる起動をなんとかしたいと思います。 Firefoxはブックマークやら履歴やらクッキーやらをSQLite DBで管理しています。 毎日使っていくうちにDBは大きくなり、起動や動作が重くなっていくとのこと。 そこでSQLite Optimizerというアドオンを使って、DBの最適化をしてしまいます。 手順は以下の通り。 1. SQLite Optimizerをインストール。 2. アドオンの管理画面でSQLite Optimizerの環境設定画面を開きます。 3. 『Firefox終了時にsqliteデータベースのREINDEXを実行する』にチェックを入れます。 以後、Firef
W杯も終わり、祭りの後な雰囲気ですね。 kimotoです。 さて、今日はテキストの diff をとるツール、WinMerge をご紹介します。 すでに有名なソフトなので、知ってる人も多いと思いますが。 WinMerge は、ファイルの中身を比較して差分を確認したり、そのままマージをしたりできるツールです。 例えばこのように比較する事ができます。 このように色分けされて表示されるので一目でどこが変更されたか分かります。 また、左ペインにはファイル全体の中で現在の位置が表示されていてこれまた分かりやすい。 この左ペインで直接位置を動かす事もできます。 また、差異を選んで右クリックから右に移動したり左に移動したりも簡単で、マージも楽チンです。 TortoiseSVN を使用している人なら、Tortoiseメニューの「以前のバージョンと比較」などを行うと、自動で WinMerge が立ちあがり、比
自宅用に新しく購入したパソコンに早速 iTunes をインストールして手持ちの CD をインポートしたところ、想像以上に取り込みスピードが速くて感激しきりの sakai です。 週末は 1 日中 CD をインポートして過ごしてしまいました。 今回は Safari 用の CSS ハックについてです。 ハックを使わないのがベストだと思いつつも、どうしても Safari 用に CSS ハックをする必要がありました。 使用した Safari3 のハックは以下です。 html[xmlns*=""] body:last-child セレクタ { } 有名です。Safari 用のハックを使う時はいつもこれを使っていました。 しかし、このハックが Safari4 では効かず、ついでに同じ WebKit 系の Chrome2 でも効かなくてほとほと困ってしまいました。 そして、Web で検索して見つけました
CSS コーディングをしていると、「他のブラウザはバッチリなのに、IE だけ上手く表示されない!」ということがよくあります。 IE だけ背景画像が消えてしまったり、指定した値以上にマージンが空いてしまったり、といったことはコーダーなら誰しも経験があるのではないでしょうか。 IE では CSS の様々なバグがありますが、だいたいは IE 特有の「hasLayout」プロパティの値を「true」にしてやることで解決します。 IEでのCSSのバグを回避するhasLayout ※hasLayout についてはこちらが大変わかりやすいです。 hasLayout を true にするには、「width」「height」「zoom」といったプロパティに値を入れればオッケーです。 「width」は流石に使いづらいので、例えば「height: 1%;」などを指定することが考えられます。IE は実際の内容より
公開前のWebサイトなどに簡単なアクセス制御として、「.htaccess」でベーシック認証を利用している方も多いのではないでしょうか? 簡単に「.htaccess」を作成できる「.htaccess Editor」なんて便利なツールもあるので、ひとつひとつの詳しい意味が分からなくても簡単に認証をかけることができますよね。 …が、何かの時に役立つかもしれないので、この「.htaccess Editor」で作成されたファイルの意味を解説したいと思います。 まず、「.htaccess Editor」で、作成した「.htaccess」に記述する内容が以下です。 ユーザー名、パスワードともにichikawaで作成いたしました。 <Files ~ "^.(htaccess|htpasswd)$"> deny from all </Files> AuthUserFile /home/foo/bar/.ht
サイトトップページのニュースリリースなどで、dlによるfloatはよく使用してます。 昔はtableタグを使用して実現していましたが、「表組み以外でtableタグは使用しない」ことにしています。 WEB標準に順ずるシーブレインの取り組みです。 今回は、dtに日付、ddにニュースタイトルの場合を例としてご紹介します。 サンプルはシーブレインサイトトップページの以下の部分。 htmlタグは以下です。 htmlタグ <dl> <dt>2007-02-20</dt> <dd>辞典機能つきフィードリーダー『G10 Reader』運用開始</dd> <dt>2006-06-30</dt> <dd>マニュアル作成ページをリニューアルしました。</dd> </dl> CSS設定方法 dl dt { float: left; width: 5em; margin: 0 0 0.5em 0; padding:
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く