タグ

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

タグの絞り込みを解除

TIPSに関するFouのブックマーク (826)

  • 全てのアプリの設定をそのまま新しいMacに移行できる『Mackup』 | ライフハッカー・ジャパン

    新しいMacを買って設定をする時に一番手間なのは、全てのアプリの設定を自分好みにカスタマイズし直す作業ではないでしょうか。『Mackup』はアプリの設定をDropboxにバックアップするユーティリティです。これでパソコンの移行作業がかなり楽になります。Mackupはターミナルで使います。旧Macからのバックアップ、新Macへの復元方法は以下のとおり。 旧Macでの作業 Dropboxをインストール後ターミナルを立ち上げる Mackupをダウンロードするコマンドを入力curl -o mackup https://raw.github.com/lra/mackup/master/mackup.py Mackupを実行可能化するコマンドを入力chmod +x mackup Dropboxへバックアップするコマンドを入力./mackup backup 新Macでの作業 Dropboxをインストール

    全てのアプリの設定をそのまま新しいMacに移行できる『Mackup』 | ライフハッカー・ジャパン
  • これは知っておきたい…シンプルだけど暮らしを便利にしてくれる17のアイデア : らばQ

    これは知っておきたい…シンプルだけど暮らしを便利にしてくれる17のアイデア お金をかけなくても、生活を快適にしたり充実させることは可能です。 ちょっとした工夫で暮らしを便利にしてくれる、17のアイデアをご紹介します。 1. 引き出しの奥にコンセントがあると… …閉めたまま充電ができる。 2. 調理具の収納には斜めの仕切り。 3. 穴のあいたケースをリボンホルダーに。 4. ベッドの横にマガジンラック。 5. ベッドの上に隠れテレビ。 6. 電話に笑顔を作ってから出ると、明るい口調になって会話がスムーズに行く。 7. 開きにくい袋にはコイン2枚を使う。 8. 飲みかけのビンにはこんなカバー。 9. USB付きのコンセントプラグ。 10. 掛け布団に扇風機を組み合わせると……。 体験したことのないような秘密基地ができる。 子供にとって。 11. ビーチには、小物入れが付いた枕。 12. ハシゴ

    これは知っておきたい…シンプルだけど暮らしを便利にしてくれる17のアイデア : らばQ
    Fou
    Fou 2013/03/15
  • floatは「回り込み」ではない:てんぽ

    てんぽ: floatは「回り込み」ではない CSSHTML、FC2ブログのカスタマイズ、共有テンプレートなど 「CSSのfloatプロパティは『回り込み』させるものである」とよく説明されますが、それは特定条件下での表示結果がそのように見えるだけであって、あまり正確ではありません。 「回り込み」という表現はfloatを使いこなすうえで、語弊になっていると思います。 floatとは、通常の流れ(normal flow)から取り除き、左(または右)に寄せるです。 floatは「回り込み」ではない <p> <img src="xxx.jpg" alt="floating image"> 「回り込む」テキスト </p> このときimg要素を左にフロートさせた(float:left)なら、後続するテキストはimgの右側に「回り込み」ます。 これは確かに回り込みと呼べます。 では、ブロックレベル要素を

  • 小粋空間: CSS の after 擬似要素で回り込みを解除する

    float プロパティで設定したテキスト等の回り込みを、CSS の after 擬似要素を用いて解除する方法を紹介します(通常の解除方法も併せて掲載しています)。 1.「回り込み」とは 例えば、画像の左(または右)にテキストを表示することを「(テキストの)回り込み」と呼びます。 マークアップ <p> <img src="hogehoge.jpg" alt="image" style="float:left" /> 回り込みテキスト~(略)~回り込みテキスト </p> 表示 回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト (X)HTMLでこのような表示を行う場合、先に出現する要素(ここでは img 要素)に対して float プロパティを与えます。float プロパティは、指定された要素を左または右に寄せて配置する際に使用しま

    小粋空間: CSS の after 擬似要素で回り込みを解除する
  • ズルいデザイン(2):SassやCompassを使って、ズルいデザインテクニック (1/2) - @IT

    SassやCompassを使って、ズルいデザインテクニック:ズルいデザイン(2)(1/2 ページ) SassやCompassを使って、少ない手間でちょっといい感じに見せる小ズルいTipsを紹介。グラデーション、角丸のお手軽かつ効果的な使い方とは? シリーズ第2回、前回に続き、今回もSassやCompassを使って、少ない手間でちょっといい感じに見せる小ズルいTipsを紹介します。 今回は、グラデーション、角丸のお手軽かつ効果的な使い方について解説します。 (注)このページでは、個々のデザイン要素を分かりやすく説明するために、実寸サイズより画像を拡大して使用しています。 1: ズルいグラデーション CSS3ではグラデーションを扱えるようになったことから、画像を使わずに自在にグラデーションを描画して、CSSだけでよりリッチなビジュアル表現が可能になりましたが、一口にグラデーションといっても、う

    ズルいデザイン(2):SassやCompassを使って、ズルいデザインテクニック (1/2) - @IT
  • CSSをもっと使いこなしたい人用のいろいろなテクニックが見られるサイトのまとめ

    CSS3を使ってどんなことができるのか? よく見かけるあれはどのように実装するのか? いつもと違うエフェクトを使ってみたい! など、CSSのいろいろなテクニックが見られるサイトをまとめました。 More CSS Secret あなたが知らないかもしれないCSSの10のテクニックをスライド形式で。 びっくり顔はあれですが、次のプロジェクトで使いたくなるテクニックが満載!

  • 重くなってきたMacをカンタンに高速化する10の方法 | らふらく ^^

    最近、Macが重くなり、虹色アイコンが 出るようになってきたので、高速化する方法を調べました。 今回は、高速化に有効だった方法を紹介します。 ①「OnyX」でMac内をクリーニング Mac内のお掃除に便利なのが「OnyX」です。 詳細はこちらをどうぞ。 Macの不可視ファイル表示やメンテナンス/クリーニングに「OnyX」が便利 システムやインターネット、 ログなどのキャッシュを削除してくれるのですが、 これだけで数GBの容量が確保できたりすることもあります。 ②ネットがサクサクつながるカンタン設定 インターネット環境を最適にするには「dolipo」と、 カンタンなシステム環境設定が効果的のようです。 詳細はこちら。 お金をかけずMacのネット環境を3倍高速化!騙されたと思ってdolipoとGooglePublicDNSを導入しよう ③たまった不要ファイルを削除 キャッシュや長

    Fou
    Fou 2013/02/26
  • ページに美しいシャドウを加え、奥行きを与えるスタイルシート -Depth | コリス

    ブラウザ上枠のすぐ下、ページの上部に、いい感じのシャドウを加えるスタイルシートを紹介します。 Chrome, Safari, Firefox, Operaでご覧ください、IEは9+で。 Depth 実装は簡単で、HTMLは特に変更することなく、下記のスタイルシートを加えるだけです。 position: fixed;なので、スクロールしてもシャドウが表示されています。 body:before { /* top shadow */ content: ""; position: fixed; top: -10px; left: -10px; width: 110%; height: 10px; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8); -ms-box

  • CSSだけで幅を超えた文字列を...で省略する - Qiita

    ある幅に合わせて文字列を省略したいときがありますが、 レンダリングされる文字によって幅が違うので、文字数で制御するのは割と面倒ですね。 ですが以下のようにcssを書いておけばきっちり決めた幅であふれた部分を「...」で省略してくれます。 p{ width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; /* Opera9,10対応 */ }

    CSSだけで幅を超えた文字列を...で省略する - Qiita
  • 「中国嫁日記」の希有馬さん「これからマンガブログはじめようと思ってる人に伝えたいことがあるのです」

    井上純一(希有馬屋)『逆資論』発売中 @KEUMAYA よし!! コミケのサークルカット終わった! これで微妙な原稿ラッシュ終了! 嫁日記三巻の作業に戻れる!! やったー!! http://t.co/2uj4fc8P 井上純一(希有馬屋)『逆資論』発売中 @KEUMAYA 井上純一(希有馬)TRPGデザイナー。漫画家。京都精華大マンガ学部キャラクターデザインコース特任教授。 代表作:スタンダードTRPGシリーズ(SRS)『アルシャードセイヴァー』、『エンゼルギア』、『天羅万象』他。最近は『中国嫁日記』のジンサン。 blog.livedoor.jp/keumaya-china/ リンク p.twipple.jp 希有馬(井上純一or弌)さんの写真をもっとよく見るにはURLをクリック!! 「希有馬(井上純一or弌)さん@KEUMAYA: よし!! コミケのサークルカット終わった! これで微

    「中国嫁日記」の希有馬さん「これからマンガブログはじめようと思ってる人に伝えたいことがあるのです」
  • 車の中においておくべき22の道具 | ライフハッカー・ジャパン

    そんな体を張ったギャグをしなくてもすむように、車の中に備えておくべき22の道具類をピックアップしました。 2〜3ガロン(7.5リットル〜11リットル)の水 のどが渇いたら飲むこともできるし、洗ったり汚れを落としたりするのに使えるし、オーバーヒートしたときには自動車の冷却システムの上にぶっかけて冷やすのに使うこともできます。 ポータブルGPS 道に迷うというのは楽しい経験ではありません。GPSがあればこの心配も無用。最近コスタ・リカへ休暇旅行へ出かけたのですが、ガーミン社のGPSのおかげで、何度もずいぶん助かりました。 手の除菌用ローション 車の中には手洗い場も石鹸もありませんからね。私にとっては手の除菌用ローションというのは「道具」の一つです。というのも、日常的にさらされているばい菌や雑菌から身を守るためのものだからです。健康であるのにこしたことはありませんね!  手は常に除菌していましょ

    車の中においておくべき22の道具 | ライフハッカー・ジャパン
  • 青木文鷹さんによる『実践的イジメ対策』

    イジメがニュースになることが多いのですが、イジメ被害者が可能な対策について一連のツイートをまとめました。 このまとめのポイントは、始まりから終息まで段階を踏んで考え、複数の手段を組み合わせて目的を達成するようになっていることです。

    青木文鷹さんによる『実践的イジメ対策』
  • 立体的で質感のあるIllustratorチュートリアルまとめ | ナナメウエblog

    いつもデザインはillustratorでやっているのでメモ的に。 たぶんチュートリアルだと複雑になるので割愛しているけど、実際にはもっと細かい部分まで作っているんじゃないかなーと思います。 フォトショもいいけどイラレもいいですよ… Tutorial – Create realistic clouds in Adobe Illustrator リアルな雲 Create a Vector Film Slate Icon | Vectortuts+ リアルな映画のカチンコ How to Create a Gearbox Settings Icon Using Simple Shapes | Vectortuts+ アップルっぽい設定アイコン How to Create an iPad Interface in Illustrator – Tuts+ Premium Tutorial |

  • 虹色のバラの作り方 | ROOMIE(ルーミー)

    おうちで上の画像のような虹色のバラが作れるんですって! というわけで作り方をご紹介します! 【用意するもの】 ・白いバラ ・紅 ・紅を入れる容器 ・ナイフやはさみ 【方法】 1.茎を縦に4等分に切ります。 2.紅を水で溶かし、4つの容器に別々に入れておきます。 3.等分した茎をそれぞれの色が入った容器に浸します。 4.24時間から48時間で虹色のバラができあがり。 もちろん色のコントロールはできませんので、お花によっては青が強く出たり、黄色が強く出たりということがあるかもしれません。でもそれはそれで面白い。 虹って、見るだけでいいことがありそうな幸せな気分になりますよね。さらに、それがお花だったら… さあ、大切な人へのプレゼントに喜ばれそうな「虹色のバラ」を作ってみませんか? Rainbow Roses [BuzzFeed]

  • 知っておきたい「iTunes」裏ワザ10連発(前編) (1/5) - Phile-web

    おなじみのiTunesはそのままでも使いやすく、普通に使うだけでも便利なアプリであることは間違いない。 しかしちょっとした小ワザを覚えると、細かな不便を解消できてもっと使いやすくなったり、便利なところをもっと便利にできたりもする。そこで今回は基テクニックに近いところから裏技的なものまで、おすすめの小ワザをピックアップ。次々に紹介していく。なお動作は全てiTunes 11.0.1で確認している。 ●裏ワザ1:「次はこちら」をさらに便利にする! まずはiTunes 11のイチオシ新機能「次はこちら」の小ワザだ。 説明しておくと「次はこちら」は、現在再生中の曲が終わったその次に再生する曲を予約できる、簡易的プレイリスト。ライブラリを眺めて目に留まった曲をどんどん放り込んでいき、どんどん続けて聴いていくといった使い方ができる。 曲やアルバムを「次はこちら」リストに追加するには、通常の手順としては

  • CSSの変化をアニメーションさせるtransitionについてまとめたよ。(CSS おれおれ Advent Calendar 2012 – 22日目) | Ginpen.com

    CSS おれおれ Advent Calendar 2012 – 22日目 (ヽ´ω`) oO( また日が昇ってからの更新になってしまった……。 ) 前提:CSSにおけるアニメーションは以下の二種類あります。 Transitions … 変化するもの Animations … 動き続けるもの 今回は前者について取り上げます。後者もいずれ。 概要 transitionは値の変化をアニメーションさせる、という事を指定するものです。 例えば青色をしたリンクにマウスカーソルを乗せると赤色になる、というような場面で、その変化を時間を付けて行わせる事ができます。 常に動き続けているようなアニメーションは、animateの方の領分です。 使える場面 あくまで「変化」を対象にしているため、何らかの(主に利用者の)操作が必要です。 なので、変化する状態を示す擬似クラス(:hoverとか)や、JavaScrip

    CSSの変化をアニメーションさせるtransitionについてまとめたよ。(CSS おれおれ Advent Calendar 2012 – 22日目) | Ginpen.com
  • マラソンランナーのための正しいクツひもの結び方 | ライフハッカー・ジャパン

    ランニングシューズの足首側のふたつの穴。普段使わずにいたあの穴を効果的に使うことで、あなたのランニングはもっと快適になるかもしれません。 先日アディダス ジャパンで「自分の足にフィットするシューズを手に入れるメリット」について聞いてきましたが、その際に教えてもらったランニングシューズのクツひもの結び方がこちら。 ヒモの通し方、結び方ひとつで足首をしっかりサポートしてくれるので、シューズ自体も、そしてランナー自身ももてる力を最大限発揮できるというわけです。以下、どうぞ!足首側からふたつ目までは、クツひもを下から通します。 一番上の穴には、上からクツひもを通します。ちょうど輪っかをつくるイメージで。 左右両側とも、同じように通します。 ここからがポイント。上から通したクツひもを、反対側の「輪っか」部分に通します。 両側を通すと、こういう感じに。 クツひもを適度な強さで締めればOK。 あとは、い

    マラソンランナーのための正しいクツひもの結び方 | ライフハッカー・ジャパン
    Fou
    Fou 2012/12/22
  • 知っていると得するiPhoneの便利な小ワザ5選

    ギズモードをご覧の皆様、ご機嫌麗しゅう。OZPAの表4のおつぱ( @OZPA )です。 今月のコラムでは、「知っていると得するiPhoneの便利な小ワザ」と題しまして、別に知らなくても生きていけるけど知っていれば何かとお得なiOSの小ワザを5つほどご紹介いたします。 iPhoneでバイブレーションのパターンを作ろう! まずは、電話やメールの着信時のバイブレーションのパターンを作れるよ!という小ワザ。 設定アプリの「サウンド」から、パターンを作成したい着信の種類(電話、メール、リマインダーetc...)を選択し、「新規バイブレーションを作成」にてバイブレーションのパターンを作成することができます。 作成中の画面。広がりゆく波紋が大変にキレイです。 着信音と合わせてパターンを作成すれば他の人とは一味違った着信パターンの出来上がり。是非お試しあれ。 参考:iPhoneでバイブレーションのパターン

    知っていると得するiPhoneの便利な小ワザ5選
  • 旧・Macの手書き説明書 - FC2 BLOG パスワード認証

    ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.

  • Photoshopでのブラシ作業をより素早く行うための5つのテクニック

    画像のレタッチ作業には欠かせないPhotoshopのブラシ作業をより素早く行うための5つのテクニックを紹介します。 5 Things to Know About Photoshop Brushes 下記は各ポイントを意訳したものです。 1. キーボードからブラシのサイズ、不透明度、流量を変更する 2. ブラシの保存 3. ブラシのカーソルが見えにくいのを解消 4. ブラシで直線にペイント、点線も 5. ブラシのパネルを素早く表示 1. キーボードからブラシのサイズ、不透明度、流量を変更する ブラシのサイズや不透明度や流量はツールバーからマウスのクリックで変更できますが、キーボードからも簡単に変更できます。