タグ

関連タグで絞り込む (216)

タグの絞り込みを解除

tipsに関するkimiko0217のブックマーク (120)

  • 地味に使えるCSS小技のメモ&サンプル集

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

    地味に使えるCSS小技のメモ&サンプル集
  • http://smac.catphoto.net/2011/03/facebooktwitter.html

    http://smac.catphoto.net/2011/03/facebooktwitter.html
    kimiko0217
    kimiko0217 2011/07/15
    iFrameタブをFacebookページに追加する方法は他のサイトにもたくさん載っていると思うので、とりあえずタブ内に表示するコンテンツ本体の制作手順を記します
  • jQueryMobileを使ってのスマートフォンサイトの構築メモ at HouseTect, JavaScriptな情報をあなたに

    Captcha security check hisasann.com is for sale Please prove you're not a robot View Price Processing

    kimiko0217
    kimiko0217 2011/03/01
    徐々にjQuery Mobileのバージョンが上がってきて、だいぶ動きもスピード感もいい感じになってきたので、 そろそろスマートフォンサイトの構築で採用されはじめているのではないでしょうか。
  • サイトに設置した「いいね!」の押され具合をデータで解析する方法 | 初代編集長ブログ―安田英久

    今日は、ソーシャルメディア解析の話題を。自分のサイトに設置したFacebookの「いいね!」ボタンの使われ具合を分析する方法です。Facebookインサイトを使う方法と、APIでデータを取得する方法の2種類を紹介しましょう。 最近、Facebookの「いいね!」ボタンを見かけることも増えました。Web担でも2010年9月から「いいね!」ボタンを設定していて、先日の「TwitterやFacebookで共有されたリンクが検索順位に直接影響する――グーグルとBingが明言」の記事では何と840いいねを記録しました。 さて、この「いいね!」ボタンの押され具合を分析するにはどうすればいいのでしょうか? 各ページを表示してボタンの横に表示される数字を目視で確認していくのもいいのですが、もう少しデータとして分析したいですよね。 それには、「Facebookインサイトを使う方法」と「APIを使う方法」の2

    サイトに設置した「いいね!」の押され具合をデータで解析する方法 | 初代編集長ブログ―安田英久
    kimiko0217
    kimiko0217 2011/02/19
    Facebookインサイトを使う方法と、APIでデータを取得する方法の2種類を紹介しましょう。
  • 害虫駆除専門家の俺がゴキの姿を見ない家にするアドバイスしてやろう。 : 2のまとめR

    2010年06月14日 ➥ 害虫駆除専門家の俺がゴキの姿を見ない家にするアドバイスしてやろう。 133 comments ツイート 193: アジメドジョウ(愛知県) []:2010/06/13(日) 03:16:56.11 ID:MHVG6sqZ 害虫駆除専門家の俺がアドバイスしてやろう。 とはいえ、プロが使う薬剤や手法は素人には無理。 そこで簡単に購入・使用が出来るもので完全に近い対策を行う。 1.バルサンを焚く。 注意すべきは火を使わないタイプでは駄目だということ。 着火タイプの方が薬剤の粒子が小さく、隙間の奥まで届きやすい。 2.「網戸に虫来ない」とかいう類のスプレーを使う とはいえ、網戸に使うんじゃない。 網戸用のスプレーは薬剤が長期間残留するように作られてるのでこれを応用する。 玄関などの扉や窓、その他隙間の周囲に吹きつける(屋外側) 扉や窓の枠を囲むように幅30cm以上でぐる

    害虫駆除専門家の俺がゴキの姿を見ない家にするアドバイスしてやろう。 : 2のまとめR
    kimiko0217
    kimiko0217 2010/06/17
    1.バルサンを焚く。  着火タイプの方が薬剤の粒子が小さく、隙間の奥まで届きやすい。 2.「網戸に虫来ない」とかいう類のスプレーを使う  玄関などの扉や窓、その他隙間の周囲に吹きつける(屋外側)  扉や窓の枠を
  • Remember The Milk 日本版 公式ブログ » Tips : Twitter連携機能の使い方

    rememberthemilk.jp 2024 著作権. 不許複製 プライバシーポリシー

    kimiko0217
    kimiko0217 2010/06/14
    先日発表した Remember The Milk の Twitter連携機能の使い方を紹介します。 Twitterの連携機能をセットアップすると、SMS(ショートメッセージサービス)やIM(インスタントメッセンジャー)、Webサイト、サードパーティのアプリ
  • ブログを使いやすくするために押さえておきたい10の鉄則|blogs.com

    はてブ twitter delicious livedoor クリップ Tumblr Instapaper メールで送信 IT・Web 2010.01.26 0 山田井 ユウキ ブログを持っている人なら一度は見ておいてほしい記事を、「gerenuk.crazyphoto.org/」で見つけたのでご紹介します。 「ブログをデザインする時に見て欲しい、使いやすくするための工夫10個」と題された記事で挙げられている10項目は、どれもブログ読者のことを考えた、かゆいところに手が届くポイントばかり! 1. 個別ページのタイトルは「記事名→ブログ名」の順にする 2. ヘッダーのロゴは、トップページへのリンクにする 3. 記事のタイトルは、個別ページへのリンクにする 4. 記事には必ず日付を入れる 5. サイドバーを縦に長くしすぎない 6. 検索フォームを設置する 7. クリック出来る領域を大きくする

    kimiko0217
    kimiko0217 2010/01/26
    1. 個別ページのタイトルは「記事名→ブログ名」の順にする 2. ヘッダーのロゴは、トップページへのリンクにする 3. 記事のタイトルは、個別ページへのリンクにする 4. 記事には必ず日付を入れる 5. サイドバーを縦に長く
  • 自分のブログよりもTwitterページの方が検索結果で上位に来てしまう場合のちょっとした対策方法 | ライフハッカー・ジャパン

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

    自分のブログよりもTwitterページの方が検索結果で上位に来てしまう場合のちょっとした対策方法 | ライフハッカー・ジャパン
    kimiko0217
    kimiko0217 2010/01/25
    ブログにリンクしているURLに「rel="me"」の属性を追加した方がいい
  • JavaScriptでの正規表現を覚えたいときに激しく使えるチートシート - IDEA*IDEA ~ 百式管理人のライフハックブログ

    ドットインストール代表のライフハックブログ

    JavaScriptでの正規表現を覚えたいときに激しく使えるチートシート - IDEA*IDEA ~ 百式管理人のライフハックブログ
    kimiko0217
    kimiko0217 2010/01/24
    これは資料としてメモメモ・・・。JavaScriptによる正規表現のチートシートですね。こういうチートシートはよくありますが、怒涛の情報量なのでおすすめです。
  • 「Evernote」で覚えておくと便利なキーボードショートカット - ネタフル

    使っている人は使っているけれど、意外に気付かないままになってしまっている人もいるかもしれない「Evernote」で覚えておくと便利なキーボードショートカットを紹介しておきます。 「Evernote」は文章、画像、PDF、音声など、さまざまなフォーマットのファイルをガシガシとクリッピングできるサービスです。 さらにアプリケーションソフトはMac版、Windows版の他、iPhone版やAndroid版などもあり、いつでもどこでも同期したデータを閲覧・編集できて非常に便利なサービスなのです。 MaciPhoneを使うにあたって「Evernote」のない生活なんて、もはや考えられないくらい愛用しています。そこで普段、便利に使っているキーボードショートカットをご紹介です。 ↑の画像にもあるように「Preferences」で4つのキーボードショートカットが設定されています。 1. New Note

    「Evernote」で覚えておくと便利なキーボードショートカット - ネタフル
    kimiko0217
    kimiko0217 2010/01/21
    1. New Note 2. Paste to Evernote 3. Clip Screenshot 4. Search in Evernote いきなり4つ覚えるのは大変なので、とりあえず、 2. Paste to Evernote 3. Clip Screenshot の二つを覚えておくと良いでしょう。
  • 【コラム】OS X ハッキング! (343) 知られざるSnow Leopard (CoreTypes.bundle編) | パソコン | マイコミジャーナル

    最近、初代iPod touchのバッテリーがヘタリ気味です。フル充電しても、数十分ほど使うとバッテリ−が残り少ない旨の警告が表示されてしまう始末。そろそろ新モデルが出てもおかしくない時期だけに、バッテリ交換の費用をかけるのも惜しく、自力で交換しようかと目論んでいますが……不器用な私にはウラ蓋を外すのが難しい。適当な道具はないものでしょうか? さて、今回も知られざるSnow Leopardシリーズの続編として、「CoreTypes.bundle」についてお届けする。/System/Library/CoreServicesディレクトリにあるこの書類、内部にディレクトリ構造を持つOS X独特のファイル管理単位 (バンドル) だが、興味深い特徴をいくつか備えている。 あのアイコンがほしい……そんなときは Snow LeopardのFinderはCocoaベースとなり、64bit CPU搭載機ではデ

    kimiko0217
    kimiko0217 2009/12/05
    そのアイコンは、/System/Library/CoreServicesディレクトリにある「CoreTypes.bundle」の内部、Contents/Resourcesディレクトリにある。取り出し方は、Finderで「パッケージの内容を表示」を選択するもよし、openコマンドでバンドル内部のア
  • 携帯サイト[xhtml]のコーディング前のチェックポイント │ これからゆっくり考L +α

    前回のhtml版に引き続き、今回はxhtmlの場合です。 htmlと比べて出来ることが増えるので色々なデザインの再現が可能ですが、やはり3キャリア1ソースとなると気をつけるべきポイントがいくつかあります。 コーダー(もしくはディレクター?)さんは、デザインをパッと見て「このデザインで組めます!」「組めません無理です...」の判断が咄嗟にできるようになると素敵だと思います。 デザイナーさんは、これからあげるチェックポイントを頭の片隅にいれつつデザインしていただけると、コーダーからの戻しが少なくてすむようになるかと思います。 前置きはこのぐらいにして、早速題へ。 以下が今回のサンプルデザインです。 「これをxhtml、3キャリ1ソースコーディングしてください」 と言われた場合で考えていきます。 前提条件は、 ・3キャリア1ソース ・xhtml ・文字コード:Shift-JIS ・改行コード:

    kimiko0217
    kimiko0217 2009/12/05
    前回のhtml版に引き続き、今回はxhtmlの場合です。 htmlと比べて出来ることが増えるので色々なデザインの再現が可能ですが、やはり3キャリア1ソースとなると気をつけるべきポイントがいくつかあります。 背景画像は1つのみ
  • ヤフオク出品物などに! 200円で驚くほどきれいな静物写真が撮れる、和尚式商品写真撮影ボックス - キャズムを超えろ!

    ※2011年5月、さらに低価格化した新バージョンを公開↓ 費用10円時間10分。コピー紙3枚だけで劇的に綺麗な小物写真を撮る方法 ライティングボックス作成編 小物の撮影するならこれでキマリ。材料は2つだけで、合計300円。 100円ショップ謹製、模造紙(100円で5枚入り。2枚も使わない) 100円ショップ謹製、園芸用トンネル支柱(U字型) こんなやつ 百聞は一見にしかず。まずは撮影した写真をみてほしい。8000円程度で売っているレンズ(EF50mm F1.8 II)に、入門用のデジタル一眼レフEOS Kiss X3で撮影したものだ。明るいレンズじゃないとダメ、なんてことはまったく無い。EXIF見てもらえばわかるが、作例は全てF10等まで絞って撮影しているからだ。*1 作り方は超かんたん10分作業。トンネル型支柱2を90度重ねて上部を針金か何かで束ねる。自立することを確認したらフレームに

    ヤフオク出品物などに! 200円で驚くほどきれいな静物写真が撮れる、和尚式商品写真撮影ボックス - キャズムを超えろ!
    kimiko0217
    kimiko0217 2009/11/30
    小物の撮影するならこれでキマリ。材料は2つだけで、合計300円。 * 100円ショップ謹製、模造紙(100円で5枚入り。2枚も使わない) * 100円ショップ謹製、園芸用トンネル支柱(U字型) こんなやつ
  • WordPressでWebサイトを構築するまでの手順リスト - かちびと.net

    私的なメモです。WordPressで個人的にWebサイトを構築したり、受注した際の手順リストをメモ。自分用のチートシートです。いつも何かしら忘れている気がするのでいつもやる事をぱっと見で分かりようにリスト化しておきます。※個人的な主観が入っています。 Todoソフト等はあまり使わないので当に私的なメモですが、これが誰かのお役に立てたら幸甚です。プラグインなども好みが有ると思いますのでご参考までに。。 [note]情報が古くなったので改正版としてアップデートしました。[/note] インストールDB作成WP最新版をダウンロードwp-config.phpDBに合わせて変更接頭語も変える(wp_ → example_)FTPソフトでサーバーにインストールログインして管理者権限のユーザーを作成作成したユーザー名で再ログインadminユーザーを削除ダッシュボードの不要なコンテンツを非表示にパーマ

    WordPressでWebサイトを構築するまでの手順リスト - かちびと.net
    kimiko0217
    kimiko0217 2009/11/28
    私的なメモです。WordPressで 個人的にWebサイトを構築したり、 受注した際の手順リストをメモ。 自分用のチートシートです。
  • プリティなURLを実現するための分かりやすい.htaccessサンプル:phpspot開発日誌

    プリティなURLを実現するための分かりやすい.htaccessサンプル。 要は、http://site/photo.php?id=hogehoge&page=2 を http://site/photo/hogehoge/page/2/ のようにするためのmod_rewriteの設定になります。 随分前から、その真偽について色々議論されつつもSEOの常識として言われているpretty url。SEO云々もありますが、一目見て分かりやすいという点でも覚えておきたい部分ですが、その実装記述例が公開されています。 いざ実装するとなると参考になる分かりやすいサンプルまでたどり着くのが大変だったりするので覚えておいてもよいかも。 公開されている.htaccessコードは以下で、RewriteRule 部分で正規表現を使ってマッチングさせて、$1 とか $2 とかで値を渡してます。 RewriteEng

    kimiko0217
    kimiko0217 2009/11/28
    プリティなURLを実現するための分かりやすい.htaccessサンプル。 要は、http://site/photo.php?id=hogehoge&page=2http://site/photo/hogehoge/page/2/ のようにするためのmod_rewriteの設定になります。
  • 便利なネガティブマージン | CSS Lecture

    kimiko0217
    kimiko0217 2009/11/27
    hタグ要素だけ左右少し横に出したい img要素にborderを使う場合 こいつだけ横飛び出してるんですけど!?
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
    kimiko0217
    kimiko0217 2009/10/27
    いっつも忘れちゃうのでメモ。印刷時にTableのヘッダーを繰り返し印刷させるためのCSSです。こちらを印刷用CSSに書いておけばOK。 thead {display: table-header-group;} なお、Tableの記述の際は、ちゃんとtheadとtbodyを省略せずに記述し
  • カードローンの返済に遅れそう。このままにするか?どうすれば? | 家族にばれないいように融資して貰える会社はズバリここだ!

    カードローンを利用して返済している最中です。数ヶ月は何事もなく返済し続けてきました。でも、急な出費があったため今月は厳しそうです。給料日まで数日の事ですが、数日の事だから大丈夫かなとも思うのですが、どうすれば良いのでしょうか。 返済日前にカスタマーセンターに連絡して相談しましょう 返済が遅れるとは、未払い、滞納、延滞、不払い、支払い遅延などといろいろな呼び方がありますが、返済の日に引き落としができない、あるいは入金が間に合わないといったことすべてを含んだケースです。返済が遅れると消費者金融会社や保証会社から、支払いが確認できなかったこと、入金のお願い等を記載した連絡はがきが届くはずです。 知っていて欲しいことは、返済の遅れは個人信用情報に記録されるということです。いわゆる「ブラックリスト」に記載されるという意味ではありません。しかし1度でも返済遅れが記録されれば、信用情報が照会された時にオ

    kimiko0217
    kimiko0217 2009/10/14
    断言しよう。 Celeronマシンを経験するとFlashチューニング開発は鬼のように上達する。 特に2006年より前くらいのやつがいい。
  • IE 6で泣かないための、9つのCSSハック (1/3) - @IT

    有限会社タグパンダ 喜安 亮介 2009/10/8 Webブラウザごとのレンダリングエンジンの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのCSSハック&フィルタTipsをお届けします(編集部) 最も多く使われているのに……、いや、だからこそ 多くのWebデザイナの悩みの1つは、レイアウトの表示ずれ問題だと思います。これは、各Webブラウザが採用しているレンダリングエンジンの違いから起因している場合が多いです。その中でも、最もWebデザイナ泣かせのWebブラウザなのは、マイクロソフトが開発しているIE(Internet Explore)のバージョン6です。 IE 6は、発売開始当初のWindows XPにデフォルトでインストールされていたWebブラウザということもあり、世の中の多くのユーザー

    kimiko0217
    kimiko0217 2009/10/14
    # 透過PNGを表示させる方法 # min-width、max-widthを使いたい # min-heightを対応させる方法 # heightを100%にする方法 # フロート時の2倍マージンを通常に戻す方法 # リストの縦並びメニュー # リサイズ時にずれる # フロート時にテキ
  • ネタフルのMT再構築が劇的に速くなったレシピはコレ! - ネタフル

    専用サーバのはずなのに、個別エントリーの再構築だけで7時間以上かかるってどうなんだろう‥‥と思っていたところ、魔法使いが現れてチューニングしてくれました! ツイッターで悲しげにつぶやいていたところ、魔法使いが現れました。チューニングしてくれたのは、@yagishita(Six Apart)です。 ネタフルをチューニングした結果はブログで公開して、ぜひ他の皆さんの役に立ったらいいなということで、お手伝いして頂いた次第です。 ということで今回、奏効したレシピはこんな感じです。 ・ストレージエンジンをMyISAMからInnoDBに変更する ・InnoDBのバッファプールのキャッシュ率を高めるようにmy.cnfの設定 (innodb_buffer_pool_size) を変更する 「ストレージエンジンをMyISAMからInnoDBに変更」したのが大きいみたいですね。 ストレージエンジンというのは、

    ネタフルのMT再構築が劇的に速くなったレシピはコレ! - ネタフル
    kimiko0217
    kimiko0217 2009/10/02
    ・ストレージエンジンをMyISAMからInnoDBに変更する ・InnoDBのバッファプールのキャッシュ率を高めるようにmy.cnfの設定 (innodb_buffer_pool_size) を変更する