タグ

ブックマーク / tacamy.hatenablog.com (4)

  • CSSではみ出した文字を省略する「text-overflow: ellipsis;」がいつの間にかPCでも使えるようになってた! - tacamy--blog

    領域をはみ出したときに三点リーダー(…)で省略するtext-overflow: ellipsis;は、スマホサイトでは普通に使っていたけど、PCでは数年前に使おうとしてなんかのブラウザでダメだった記憶があって、使えないものとばかり思い込んでいた。 でも、ふとCan I use CSS3 Text-overflowをみたら、めっちゃ対応してた!IEなんて6から対応してるし、Firefoxも7から使えるようになってた。 実際に書いてみたら、いつものこんな感じのコードで普通に使えました。 overflow: hidden; white-space: nowrap; text-overflow: ellipsis; 昔、JSでなんとかそれっぽくできないかみたいに、誰かががんばっていたのはなんだったのか。 わたしみたいに使えないと思い込んでて、意外としらない人いるかもしれないので、ブログに書いてみま

    CSSではみ出した文字を省略する「text-overflow: ellipsis;」がいつの間にかPCでも使えるようになってた! - tacamy--blog
  • 手っ取り早く Mac でローカルサーバーを立てる方法 - tacamy--blog

    ローカルサーバーを立てると、同じネットワークにつながってる別の端末から簡単にアクセスできるようになるから、スマホの表示確認とかに便利。でもいちいち httpd.conf とかいじるのはダルい。このやり方なら一瞬でできるからちょう楽ちん。 ターミナルでサーバー起動 サーバーのルートにしたいディレクトリまで cd コマンドで移動したら、下記コマンドを実行。 $ python -m SimpleHTTPServer 8888 最後の数字はポート番号で、他に使われていなさそうな番号に適当に変えれば、複数のサーバーを同時に起動できる。 ブラウザで表示確認 localhost で確認 ブラウザのアドレスバーに http://localhost:8888/{ファイル名} と入力して表示確認。 表示できてるなら、ローカルサーバーを立てるのが成功してる。表示できなかったら、ターミナルを見て、さっきのサーバー

    手っ取り早く Mac でローカルサーバーを立てる方法 - tacamy--blog
    ytkwsm
    ytkwsm 2014/02/09
    同じネットワーク内でのスマホの確認など。
  • jQuery : キューの stop とfadeIn / fadeOut の謎 - tacamy--blog

    超大作は書くのが大変すぎて続かないので、どうでもいいエントリも織り交ぜつつ、ゆるく続けていくことにしました。 今回は、jQuery の勉強でツールチップ書いたときに、謎の現象で困ったのでメモ。 つくったもの jQueryStudy/jquery.tooltip - GitHub 謎の現象その1 - チカチカする アニメーションする速度より速く、複数のリスト上を通るようにマウスを高速に動かすと、ツールチップが点滅する・・。 .fadeIn() / .fadeOut() を .show() / .hide() にすれば大丈夫なんだけど・・ん・・? 「あっ!これ、zudo で出た問題だ!」 複数の命令を順番に処理するしくみを、キュー(待ち行列)と言います。 キューに貯まった吹き出しの表示・非表示アニメーションの処理は、マウスの操作に追いつきません。 その結果、マウスの動きを止めてからも順番に処

    jQuery : キューの stop とfadeIn / fadeOut の謎 - tacamy--blog
    ytkwsm
    ytkwsm 2013/09/11
  • JavaScript のスコープを理解する - tacamy--blog

    スコープとは、変数の有効範囲のことで、プログラムのどの場所から参照できるかを決める概念です。 スコープの種類 JavaScript のスコープには、グローバル変数とローカル変数の 2 種類あります。 グローバル変数 ローカル変数 関数の外(トップレベル)で宣言した変数 関数の中で宣言した変数, 関数の仮引数 プログラム全体から参照できる その関数の中でのみ参照できる ブロックスコープは存在しない Java などの言語では、if や for などの {} で囲まれたブロックごとにもブロックスコープがありますが、JavaScript には存在しません。 JavaScript でどうしてもブロックスコープを使いたい場合は、with 命令を使う方法や、無名関数を定義と同時に呼び出すなどの方法で、擬似的にブロックスコープを作ることは可能です。 補足 : let を使うとブロックスコープがつくれると教

    JavaScript のスコープを理解する - tacamy--blog
  • 1