タグ

*tipsに関するannchanのブックマーク (133)

  • 覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & Design ::

    この記事へのトラックバック ウェブデザインにも、「黄金比」「白銀比」 Excerpt: 覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & Design :: 黄金比や白銀比の縦横比や色々なバナーサイズの紹介。 美しいモノは��... Weblog: 日々、ウェブデザインとネットニュースとゲームとか。 Tracked: 2008-04-25 23:55 バランスのよい若草? Excerpt: 縦横比……。 ずっと以前から、 タテとヨコの比率によって、美しく見える割合が研究されてきました。 覚えておくと便利なバランスのよい縦横比とバナーサイズ Love & Design 白銀比、.. Weblog: ウェブライター流転記(改訂版) Tracked: 2008-05-12 21:44 覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & De

    覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & Design ::
  • 逆引きCSSハック(IE8,Firefox,Opera,Safariを含めたブラウザ別CSSハック)

    cat888 live เว็บไซต์ของเราได้รับการรับรองว่าเป็นเว็บพนันที่มีคุณภาพเยี่ยมที่สุดในประเทศไทยสำหรับการพนันออนไลน์ เว็บพนันที่มั่นคงและปลอดภัยที่สุดสำหรับการเดิมพันออนไลน์ที่ทำการเงินอย่างมั่นคงและปลอดภัยและรับรองความเป็นส่วนตัวของคุณในการเล่นเกมพนันที่นี่. ทางเรามุ่งเน้นให้ประสบการณ์การพนันออนไลน์ที่ไม่ซ้ำซากและน่าสนุกที่สุดเลยค่ะ! cat888 หวย เมื่อคุณมีความระมัดระวังในการพนันออนไลน์ คุณจะมั่นใจได้ว่า

  • [CSS]50+のクリエイティブなスタイルシートのチュートリアル | コリス

    noupeのエントリー「50+のクリエイティブなCSSのチュートリアル」から、CSSのテクニックをいくつか紹介します。 Using CSS to Do Anything: 50+ Creative Examples and Tutorials 先日、紹介した「チェックしておきたい50のCSSのテクニック」とは、別のものとなっています。

  • japan.internet.com Webビジネス - 売れないオンラインショップの条件

  • SCAMPER法――「10分以内にアイデア3つ出さなきゃ」をかなえる方法

    以下のリストを目の前に置き、アイデア出しのテーマを頭に入れたら、上から1つずつ見てゆく。1つ質問にかける時間は約5秒だ。パッと見て「直感的に関係しそうだ」というものだけ、チェックする。ゆっくり考えるのは後。どんどん進める。全部見終わると約4分。終わった時点で、少なくとも5~6個のチェックがつく。 後は、その質問を切り口にアイデアを考える。ふっと出たアイデアは素早く紙に書き留めること。SCAMPER法で、いいひらめきを引き出すには、あえて短時間で取り組むほうがよい。 SCAMPER Questions(出典:『creativity UNBOUND』 ※翻訳は筆者ら) チェック Substitute(代える、代用する)

    SCAMPER法――「10分以内にアイデア3つ出さなきゃ」をかなえる方法
  • Scriptを使わないCSSエフェクト、Tipsいろいろ - DesignWalker

    Scriptを使わないCSSエフェクト、Tipsいろいろ - DesignWalker
  • 「日経WOMANサイト」終了のお知らせ

  • YourFileHost の簡単な FLV 保存方法

    YourFileHost で動画再生している時に下の文字をアドレスバーにコピペして、Enterキー押すと簡単にflvファイル落とせるね! javascript:if(document.body.innerHTML.match(/<param\sname=\"movie\"(.*?)%2526cid%253D(.*?)%2526(.*?)%2526cdnkey%253D(.*?)%2526/)){location.href="http://cdn.yourfilehost.com/unit1/flash8/"+RegExp.$2.substr(0,2)+"/"+RegExp.$2+".flv?key="+decodeURIComponent(RegExp.$4)}else{alert("Failed");} ブックマークのURLに登録して再生中にそのブックマーク開くと、同じように落とせるしこ

    YourFileHost の簡単な FLV 保存方法
  • 会員登録の敷居を下げる入力フォームの作り方(PC編) - キャズムを超えろ!

    エントリは、20〜40代PCをある程度使いこなしているユーザー向けの会員登録フォームの設計について述べたものである。ケータイサイトは含まないし、シニアも対象としていない。シニア向けUIについては(古いエントリだが)こちら "ユーザーID"と"メールアドレス" 減ってはきたものの、ユーザーIDとメールアドレスの両方を取るWebサービスがいまだに結構ある(ex. Remember the milk)。はてなYahooAuctionのように「ユーザーIDがニックネームに相当するコミュニティサイト」は除くとして、ユーザーIDを一般客に公開しないにも関わらずIDとメルアドの両方を取る意図がわからない。 ユーザーIDとしてメールアドレスを使うメリットは 会員登録フォームの入力必須箇所が1個減る 好みのIDが取れない事件が防げる "ID忘れ"による機会損失/幽霊会員が減る 流石に自分のメアドは忘れ

    会員登録の敷居を下げる入力フォームの作り方(PC編) - キャズムを超えろ!
  • Excelデータをビジュアライズしよう - DesignWalker

    Excelデータをビジュアライズしよう - DesignWalker
  • 20名超の会議を必ず1時間で終わらせる“ライブドア流”会議術 - livedoor ディレクター Blog

    こんにちは、livedoor Blog を担当しています佐々木です。 「livedoor Blog」プロジェクトの定例会議は、検討する議題が山積みで関係者も多く、いつも20名を超すスタッフが集まります。ですが、長時間の会議はデメリットしか生みませんので、“会議は週に1回1時間だけ”と制限を決めて、そのなかで効率的な会議の方法を試行錯誤しています。 そこで今回は、「アジェンダの作成方法」に焦点をあて、“ライブドア流”会議術の一端をご紹介したいと思います。 【01】アジェンダは前日のうちに関係者にメールする 会議で使用するアジェンダは、前日のうちに関係者にメールして目を通してもらい、補足がある場合には事前に受け付けます。 そうすることで、参加者が予習をするようになり、会議での話がスムースになります。また、アジェンダの内容によって「今回は欠席する」という判断がしやすくなるのもメリットで、参加して

    20名超の会議を必ず1時間で終わらせる“ライブドア流”会議術 - livedoor ディレクター Blog
  • 100 Wonderful Photoshop Photo Effects tutorials

    How can we define what’s a photo effect? That was my main concern when I started scouring the web to build this list. Despite of this situation, I had one thing clear: the final result had to be quite different from the orignal picture and be recognized as a post production photo manipulation. That idea would leave all kind of complex photo retouching and subtle color correction out of the discuss

    100 Wonderful Photoshop Photo Effects tutorials
  • Macでアプリケーションを削除する「AppCleaner」 - ネタフル

    Macでアプリケーションをアンインストールする「AppCleaner」というソフトがありました。 基的な使い方は「AppCleaner」のウィンドウに、削除したいアプリケーションをドラッグ&ドロップするだけです。 Macでアプリケーションを削除する時は、アプリケーション体をゴミ箱に入れればたいていの場合は問題ないのですが、関連ファイルが残ってしまうことがあります。 すっきりさっぱりとアプリケーションを削除するには、こうしたソフトを使います。 これまでにもアプリケーション削除のソフトはいくつか紹介しましたが「AppCleaner」の違いは、 ・アプリケーション一覧から削除 ・ウィジェットの削除 などができるところです。 アプリケーションを一覧して削除することができます。 自分でも思いもしなかったアプリケーションが残っているかも? ホニャララアップデータみたいなのが亡霊のように残っていたの

    Macでアプリケーションを削除する「AppCleaner」 - ネタフル
  • 画像やページをLightBox風に表示できるThickbox:phpspot開発日誌

    Thickbox - One box to rule them all. Thickboxを使えば簡単に画像やHTMLファイルの中身をLightBox風にカッコよくページ内表示できます。 画像の場合 必要なCSSファイルとJavaScriptファイルをインクルードした上で、次のように画像タグを<a>タグで囲います。 <a>タグには class="thickbox" を指定し、title属性に画像の説明文を入れます。 <a href="images/image2.jpg" title="画像と一緒に表示させたい文字列" class="thickbox"><img src="images/image2_t.jpg" alt="Image 2"/></a> たったこれだけで、次のようにLightBox風に画像を開くことが出来ます。 titleで指定した説明文が画像の下に入ってます。 次にHTML

  • エクセルのデータを見やすくする5つの簡単なテクニック | コリス

    Chandoo.orgのエントリーから、条件付き書式を利用して、エクセルのデータを見やすくする5つのテクニックを紹介します。 Learn Cool Microsoft Excel Conditional Formatting Tricks テーブルの横列・縦列をハイライト 条件付き書式を使用したガントチャート セル内に配置するグラフ ミスやエラー・データ欠落などのハイライト表示 直感的に把握できるデータテーブル [ad#ad-2] エクセルデータは、Chandoo.orgのエントリーの一番下からダウンロードできます。 テーブルの横列・縦列をハイライト テーブルのデータを見やすくするために、横列・縦列を交互にハイライト表示にします。 ハイライトにするテーブル全体を選択します。 メニューより、[書式] - [条件付き書式] を選択。 「数式」を選択し、「=MOD(ROW(),2)=0」を入力し

  • 画像とかの横にあるテキストを上下中央に

    ←こういう感じで、画像の横にあるテキストを画像に対して上下中央にするってーのは、今まで出来ないと思ってたんす。 だけども、ヨモツネットさんの記事でヨモツネット[日記] ≫ CSS で簡単に上下中央揃えを実現するってが紹介されてたので、試して見ました! display: table-cell;がポイントになってて、IEはハックで対応みたいな感じです。 デモページ 画像とかの横にあるテキストを上下中央にする。のデモページ ヨモツネットさんとまるっと同じサンプルだとアレなので、ちょっとだけ実用的な感じでつくってみましたよっと。 ちょっと、IE6で確認してないので、ダメだったらご連絡ください。 IE6対応しました。ハックの書き方がいけなかったようです。すみません。 div.centeringTest p { display: table-cell; vertical-align: middle;

    画像とかの横にあるテキストを上下中央に
  • 知っておくといいかもしれないCSS、8つの小技 | IDEA*IDEA

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

  • 英語の発音はMacなら瞬時に確認できる

    アップルという会社って、実に困った会社で、自分たちの製品について驚くほど説明をしません。 まあ、おかげでユーザーが無駄に説明することになるというコミュニティが形成されているわけですが、今回の「英語の発音ネタ」もそんな話。 あ、でも残念ながらMac OS X Leopard限定です。 で、内容は以下のリンク先で確認できます。 リンク: ぼんやりと考えたこと. が、しかし、発音を調べるのにエキサイトまで行くというのが間違っている。マック使ってるなら、Speech の Alex に訊けよ、と。 エントリーを読んだときは、へーぐらいにしか思ってなかったんですが、実際にSpeechのAlexをしてみると、まあこんなに便利な機能があったのかというぐらいに便利。 英語が耳から入ってくることの良さというのを、常に体感することができる環境が、1ショートカットを設定するだけで、実現できちゃうわけです。 という

  • Photoshopを使う

    ブラウザで一覧表示させながら、編集しようとする画像を確認して作業をするのが効率が良くなります。ブラウザでの表示はPhotoshop 7から使用できます。現在使っている構成です。 画面の左上にツリー形式でフォルダーを表示し、編集したい画像を探しやすくする。 その下にプレビュー画像を大きめに表示し、一覧表示の中から、望みの画像を探しやすくする。 更に、その下には、ファイルのプロパティが確認できるウインドウを表示する。小さいブラウザだけではそのファイルがjpgやgifなどの画像であるかpsdのようなPhotoshop専用ファイルであるか分かりませんので、このプロパティで確認します。 中央には、ブラウザで一覧表示をして内容の一覧性を高めています。 ファイルブラウザを表示させるか否かは、画面上部のオプションバーにあるアイコンでオンオフが出来ます。  次に画像の編集画面です。自分の経験から画面構成して

  • YouTube動画を高画質にする裏技 | Google Mania - グーグルの便利な使い方

    YouTube動画を高画質にする裏技 管理人 @ 3月 5日 07:39pm YouTube YouTubeの動画のアドレスに「 &fmt=6 」や「 &fmt=18 」を足してアクセスすると、高画質動画が見れるようです。 上のスクリーンショットは次のアドレスの動画を比較したものです。 左:http://youtube.com/watch?v=QAE2-FQHkok 右:http://youtube.com/watch?v=QAE2-FQHkok&fmt=6 若干右側が鮮明な感じがします。 「 &fmt=6 」を足すと、解像度が320×240 から 448×336 へ高くなり、「 &fmt=18 」を足すと解像度480×360のMP4エンコードバージョンが見れるそうです。 まだ、一部の動画しか対応していませんが(最新の動画ほど対応している確率が高いそうです)、次世代高画質動画配信に向けて準