タグ

tipsに関するsinfdのブックマーク (6)

  • 検索じゃ学べない! HTML/CSS/JavaScriptの気づきTipsまとめ31こ | _level0 - KAYAC Front Engineer Blog

    HTMLファイ部のほんだです。 気づきTips! Σ(・ロ・) カヤックの中でもHTML5のWebフロントエンド実装を担当する エンジニアを集めた部署「HTMLファイ部」では、 制作にあたってはまったことや、気づいたことをメモ的に蓄積・共有しています。 通常は、 1. 制作で何かわからないことがでた ▼ 2. Google等で検索して解決の糸口をさがす ▼ 3. こんな方法があったのか〜 と気づきを得る というフローでスキルアップしていくことがもっぱらだと思うのですが、 学びを増やしていくためには違うアプローチも必要なんじゃないかと思います。 カヤックHTMLファイ部では、 1. みんなで蓄積したTipsをざぁっと読む ▼ 2. こんな方法があったのか〜 と気づきを得る ▼ 3. 制作の際に導入していく というフローを繰り返し実践していくことで、 検索では気づけないことを学び、実装力アップ

    検索じゃ学べない! HTML/CSS/JavaScriptの気づきTipsまとめ31こ | _level0 - KAYAC Front Engineer Blog
  • IT戦記 - 一行で IE の JavaScript を高速化する方法

    以下の一行をすべての JavaScript の前に読み込む /*@cc_on _d=document;eval('var document=_d')@*/ この一行を読み込むことによって IE での document へのアクセスが 5 倍速くなります。 たとえば 以下のように、読み込む前と読み込んだ後を比較してみます。 // Before var date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date - date); // 643 /*@cc_on _d=document;eval('var document=_d')@*/ // After date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date -

    IT戦記 - 一行で IE の JavaScript を高速化する方法
  • 地味に使えるCSS小技のメモ&サンプル集

    cssの小技的なテクニックが便利なので好きなん ですが、cssそのものが嫌いで覚えられないので カンペ的な記事を作ることにしました。便利な小技 は沢山あるんですが、特に自分が良く使いそうな Tipsをメモします。既に出回っている情報ばかりで 特に目新しい手法はありませんので何も期待でき ないです。 というわけで特にテーマも一貫性も無くて、ただ便利ってだけです。推奨されない方法もあるかもしれませんが、僕は細かいこと気にしませんのでそんな感じです。 内容も既出なのでお詳しい方にはお役に立てないですが、僕の個人的なメモなので適当に流して頂けると幸いです。 floatで並べたリストのセンタリング Sample01 コード.centered { position: relative; overflow: hidden; } .centered ul { position: relative; lef

    地味に使えるCSS小技のメモ&サンプル集
    sinfd
    sinfd 2011/08/31
  • Windowsで複数のファイル名をサクっと変更できる、ちょっとしたワザ | ライフハッカー・ジャパン

    デスク配線がスッキリ。Ankerの全部入り12 in 1モニタースタンドが突然8,250円OFFされてた #Amazonセール

    Windowsで複数のファイル名をサクっと変更できる、ちょっとしたワザ | ライフハッカー・ジャパン
    sinfd
    sinfd 2011/08/08
    アンダーバー連番だったらベストだった
  • Illustratorでの箇条書きの作り方(1)|DTP Transit

    Illustratorで箇条書きを組むとき、得てして次のようになっていることがあります。 箇条書きの行頭記号には「・」(中黒)を使う 「・」のある行とない行でツラが揃っていない これを修正したのが次の例です。 これを実現するには、次のように操作します。 行頭記号(ブレット)の入力はoption+8キーで行う(和文フォントには用意されていないことがあります) 行頭記号のある行では「ブレット+tabキー+文」、行頭記号のない行では「tabキー+文」のように入力 タブルーラー([タブ]パネル)を表示して、文字を揃えたいところに「左揃えタブ」を打つ フォントによっては、ブレットの位置をベースライン調整で若干上にずらした方がいいことがあります。なお、このようなインデント方法を「突き出しインデント」または「ハンギングインデント」と呼びます。 箇条書きの項目ごとにアキを挿入するには、ブレットのついて

    Illustratorでの箇条書きの作り方(1)|DTP Transit
  • fladdict さんのTweetから:複数枚の写真からPhotoshopで動いている物を自動で消す方法 | アプリなどのこと | s-style-arts

    先日、@fladdict さんの「500枚ぐらい同じ写真とって全画素でピクセルの最頻出の値を採用したら、街の写真とって移動する人物全部自動で消すとかできるのかなぁ・・・とか。」と言うTweetに反応して、Photoshopで出来る事をお返事したところRTして頂いたのが物凄い数ふぁぼられて思わぬ反響だったので、実際に素材を撮ってデモってみました。 ちなみに多くの皆さんはご存知だとおもいますが @fladdict こと深津貴之さんは、TiltShift GeneratorやToyCameraなど作っておられる日で最も有名なiPhone・iOSアプリ制作者のひとりです。 さて、まずは素材に使う写真が必要なので人が多い雑踏に行こうと。東京なら渋谷のハチ公前とか、大阪なら駅前の歩道橋とかぱっと思いつきますが田舎なのでなかなかいい場所が思いつきません。まぁ世界遺産姫路城であれば平成の大修理真っ只中と

    sinfd
    sinfd 2011/07/15
    スゴイ!これは使える!
  • 1