タグ

ブックマーク / www.msng.info (8)

  • HTML の br タグを CSS だけで消す方法

    HTML に br という要素がありますね。 4.6 Text-level semantics — HTML5 The br element represents a line break. ということで、改行を表すということになってます。 以前は <br /> が不要なら <br /> を入れなきゃいいじゃない というだけの話だったんだけど、 最近これを有効にしたり無効にしたりと切り替えたくなることがあります。 例えばいわゆるレスポンシブデザインでサイトを組むときに 大きな画面なら表示範囲にゆとりがあるから改行を入れて広く使ってもいいけど スマートフォンなどの画面でそれをやると一目に入る情報量が減っちゃうから そのときだけ br をなかったことにしたいという具合に。 考えたこともやったこともなかったんだけど、 これ実に簡単な話でした。 display: none; にする 要するに br

    HTML の br タグを CSS だけで消す方法
  • なかなか行動を起こせない自分を動かすために実践している5つのこと

    まあ一言で表すとものぐさなんだけど、 なかなか行動を起こせないときがあります。 別に一世一代の大決断とかそういうのじゃなくて ごく日常的な行動において。 意志の力だけでできる人には必要ないかと思いますが ものぐさが動くには大きなエネルギーが必要なので それを生み出すために実践していることを書いてみます。 宣言の力 これは前にここで書いたやつだけど 宣言の力 – 頭ん中 日中にやるとか日はやらないとか それぐらいの期間での行動にちょうどいい手法です。 今日は日が暮れてからランニングに行くぞとか 今日はお酒飲まずに早く寝るぞとか 朝のうちに思ったことを Facebook などに書いておくというもの。 その際、文末に「宣言の力。」と付記します。 今すぐやるわけじゃないから、 宣言を書くこと自体は今の自分にとっては楽なこと。 だからこれ自体は気軽にできます。 そして友達などから見えるところで宣

    なかなか行動を起こせない自分を動かすために実践している5つのこと
    lordkf
    lordkf 2012/11/10
    10秒ルールはイイな。
  • ギョウザを家庭で簡単にふっくら焼き目パリパリにする焼き方

    ギョウザの焼き方については もう誰に聞いてもやり方が違って面白いなーと思うんだけど 個人的にはこのやり方が簡単で失敗が少なく 焼き目はパリパリ、中身は柔らかに仕上がると思ってます。 ポイントは、よく言われているやり方と 焼きと蒸しの順番が逆なところ。 少量のお湯を沸かしておく ギョウザ10個なら50ccぐらいかな。 フライパンをあたためて油を薄くひく この時はガンガンに熱する必要はありません。 いったん火を止めてからギョウザを並べる 火を止めてから並べるので、焦らなくても大丈夫。ゆっくりやっても焦げる心配はないし、焼き具合のばらつきもあまり出ません。 全体にお湯をまわしかけ、火をつけてからすぐフタをする 焼く前に蒸します。火はやや強めで。水ではなくお湯でやる方が早く蒸し上がるので水っぽくなりにくいようです。 水分が飛んだらフタを開ける 完全に乾ききってなくても大丈夫。だいたい水がなくなって

    ギョウザを家庭で簡単にふっくら焼き目パリパリにする焼き方
  • ウェブサイトに円記号を書くときは、どうかこれでお願いします

    わかってる人にはもう「何を今さら」という話かもしれませんけど、悲しい思いをすることが多いのでここであらためてお願いします。 ウェブサイトに金額を書くとき、円記号 (¥) を使う際には HTML に ¥ ではなくて &yen; と書いていただきたいのですお願いします。 日語環境の Windows 端末から入力した円記号は、日語環境の Windows で見ると円記号になってますけど、その他の多くの環境であれはバックスラッシュになります。 日語版の Windows でこう表示されていても その他の環境ではこうなります。 HTML 内に \ ではなく &yen; と書けば基的にはどの環境でも ¥ が表示されるはずなので、円で金額を書く時にはぜひ &yen; にしていただきたいのですお願いします。 こいうことが起きている事情はこのあたりで。 日語用文字コードにおける円記号 – Wikipe

    ウェブサイトに円記号を書くときは、どうかこれでお願いします
    lordkf
    lordkf 2012/04/22
    半角で¥マークを書く時は注意。(Dreamweaverならデザインビューで勝手にやってくれるが)
  • Mac でものすごく簡単に favicon.ico を作る方法

    便利なんだけどあまり使われてないような気がするので。 ご存じだったらごめんなさいよ。 ウェブサイトに設置する favicon.ico ですが、 用意した画像を favicon ファイルに変換するの Mac だとものすごく簡単にできます。 画像を「プレビュー.app」で開く デフォルト設定なら普通に開けばプレビューで開かれると思います。 (必要なら)サイズを変更する 「ツール」→「サイズを調整」で16 px 四方のサイズに。 別名で保存 「ファイル」→「別名で保存」を選ぶ。 別のファイルにするんだから当たり前といえば当たり前。 「フォーマット」で「Microsoft アイコン」を選ぶ この表現がわかりにくいんだけど、要するに favicon です。 (Mac OS 10.7 Lion 以降でのやり方は後述) Favicon はもともと Internet Explorer 独自の仕様だったから

    Mac でものすごく簡単に favicon.ico を作る方法
  • 電話で名前を名乗るときのマナーについて考える

    初めての相手にお電話を差し上げるときなどは 自分が何者なのかを伝えるのに少々説明が長くなることもある。 そういうとき、日語の修飾表現は 前から後にかかっていくことがほとんどなので このような感じで言いそうになるんだけど わたくし、ほにゃららの件で誰々さんといつぞやうんたらするお約束をいただいている○○と申しますが、 長いよ長い。 電話に出た相手がどこまでご存じかわからないから 説明が長くなるのは仕方ないんだけど、 名前をお伝えするまでが長い。 こういうときは、まず名乗ってから どういう用件で電話してるのか伝えた方がスマートな気がする。 これでいいんじゃないかな。 わたくし、○○と申します。ほにゃららの件で誰々さんといつぞやうんたらするお約束をいただいていおります。 こういうので特に「長いなあ」と感じるのが 学生さんの自己紹介。 なぜか所属をフルコーラスで伝えるのが慣例になってるみたいで、

    電話で名前を名乗るときのマナーについて考える
  • WordPressのインストールが完了したら真っ先にwp-config.phpをドキュメントルートの直上に移動させよう

    WordPressのインストールが完了したら真っ先にwp-config.phpをドキュメントルートの直上に移動させよう 2010年12月14日 09:39WordPress タイトルで言い切っちゃったけど、 WordPress のインストールがあまりに簡単なため これをやってないことも多いんじゃないかという気がするので。 WordPress のインストールが完了したら真っ先に ドキュメントルートに生成される wp-congig.php を ひとつ上のディレクトリに移動させましょう。 なんで移動させるの このファイルにはデータベースへの接続情報など 他人に見らたらよろしくないことが書かれてますね。 それが外部からアクセス可能な場所に置かれてるのは あまり気持ちのいいものではないので。 大丈夫なんじゃないの まあ普通にアクセスしても このファイルの PHP スクリプトは何も出力しないから 基

    WordPressのインストールが完了したら真っ先にwp-config.phpをドキュメントルートの直上に移動させよう
  • WindowsからMacに乗り換えた人に伝えたい、入れておくと幸せになれるかもしれないアプリケーション

    WindowsからMacに乗り換えた人に伝えたい、入れておくと幸せになれるかもしれないアプリケーション 2010年11月04日 15:44Mac 追記 これは2010年に書いた記事なんですけど、今でも使っているものはここで挙げたものの半分以下になりました。 最近 Mac を使い始めてここに来た方、せっかくだからこっちを見ていってください。 Mac を使い始めたら真っ先に覚えてほしいキーボードショートカット10項目 « 頭ん中 MacBook Air の影響もあると思うんだけど 周りで Mac を始める人が増えてきたので 「これ入れとくと幸せになれるかも」 というMac のアプリケーションを挙げてみます。 いいものはいっぱいあるんだけど Mac らしいと思うものや、Windows から Mac に移行した人が困りそうな点を補ってくれるものを優先 ブラウザや Dropbox, Evernote

    WindowsからMacに乗り換えた人に伝えたい、入れておくと幸せになれるかもしれないアプリケーション
  • 1