これでアナタも黒帯に！Gmailを使い倒す5つのワザ | ライフハッカー・ジャパン
Gmailはいわずと知れたメールアプリの雄。誰にでも使いやすく、インターネット接続さえできれば、いつでもどこでもアクセスできるのも魅力ですね。しかし、Gmailの底力はまだまだ計り知れません。こちらでは、米LifehackerのAdam編集長直伝の、キーボードショートカットやGoogle Labsのとっておきの機能、オススメのブラウザ拡張機能についてご紹介しましょう。よりスムーズなコミュニケーションができ、生産性アップにつながるはず。特にGmailのヘビーユーザの方、必読です！ その1: キーボードショートカットを使う キーボードショートカット機能を使うためには、Gmailでの設定が必要です。まずGmailの「設定画面」＞「全般」で「キーボードショートカットON」をチェックし、変更を保存しましょう。 さらに、Google Labsをクリックし、「ラベルショートカット（Go to label
テキストリンク色の変更で、70億円（！）を稼ぎだすことに成功したマイクロソフト - Feel Like A Fallinstar
ユーザビリティの中でも特に狭義の「テキストリンク色」を変えただけで、恐るべきビジネスインパクトが現れたという事例です。 実際に成果の変化が起こったのは、マイクロソフトが鋭意売り出し中の検索エンジン「Bing」です。 テキストリンクを、入念にテストし、8000万ドルの売り上げ増 マイクロソフトは従来、「Live Search」という形でもう少し明るい青（水色に近い）を採用していました。 Bingよりも、明るいというかすこし緑に近い感じの色がベースになっていますね。 ちょっと比べてみました。 （※Live Searchは画像検索からキャプチャを取っています） こう見ると確かに色はかなり変化しています。 CNETの記事によると、マイクロソフトはBingを作る過程でかなりの数の色をテストしたようです。 Microsoftは最終的に「Bing」となるものを設計していたとき、膨大な数の色を検証し、
CSSでマルチカラムレイアウト
はじめに 本連載では、「クロスブラウザに対応したデザインテクニック」をテーマに、保守性や互換性に優れたXHTML+CSSの書き方を紹介していきます。 今回は、本連載の総まとめとして、CSSでマルチカラムレイアウト（段組レイアウト）を実現する方法を紹介します。CSSでマルチカラムレイアウトを実現する方法はいろいろありますが、今回は、最も基本的な方法として、前回の記事で解説した「floatプロパティ」および「positionプロパティ」を利用した、「フロート型」と「ポジショニング型」のレイアウトテクニックを紹介します。同時にページレイアウトで起こりがちな問題とその対処方法についても扱います。 対象読者 XHTMLとCSSの基本を理解している方。 Web標準サイトの実践的な作り方に興味のある方。 必要な環境 （X）HTMLやCSSを記述するエディタと、それを確認するブラウザがあれば、特別な環境は
case:MobileDesign! モバイルサイトのデザイン紹介ブログ
case:MobileDesign! モバイルサイトのデザイン紹介ブログ 引っ越ししました。 http://case-mobile-design.com/ case:MobileDesign! モバイルサイトのデザイン紹介ブログ > 2010-03-08 >
豆本やコピー本の作り方も！自宅でも簡単にできる「製本」 - はてなニュース
ちょっとした冊子を作りたい時、本を作りたいけど印刷所に頼むほどではない時など、自宅でも印刷や製本ができると便利ですよね。今回は製本の基本からコピー本や豆本の作り方まで、自宅でもできる「製本」の方法をご紹介します。 ■製本の種類もいろいろある？ 製本といっても、文庫本のように背表紙に全てのページがくっ付いているものや、フリーペーパーのように真ん中がホチキスで留められているものなど、様々な方法がありますよね。 ＜製本の基本を覚えよう＞ ▽とじ方、道具から折丁印刷まで | 手作り製本 - BindUp バインドアップ こちらのエントリーでは、次の4つの方法について、手順を写真付きで解説しています。 糸かがり綴じ：背の部分に糸を通してとじる方法。 無線綴じ：折丁（印刷された紙をページ順になるように折りたたんだもの）の背に接着剤を付けてとじる方法。 網代綴じ：折丁の中にも接着剤をしみ込ませ、折丁同士
ココカラハジマル : 私家版「雑誌原稿書き方＿全111条」
本稿の改訂版をnoteにアップしています。項目別に整理しているので見やすいです。下のリンクで最新版をご覧ください https://note.com/cabanon/n/n379c454aad4f 昨日の【雑誌原稿書き方基礎講座】で使ったKeynoteに書いていたことを改変・再編集してアップします。全111条。僕が個人的に積み重ねてきたノウハウです。ライターだけでなく編集者としての心得も混じっています。仕事をしてきた出版社が違えば、このノウハウも違うものになったでしょう。だからあくまでも私家版です。デザイナーや建築家やアーティストや工学研究者の取材記事執筆を前提にした話であることをご了承ください。 ＊アップデート情報 ・全110条を全111条にしたり、第74条を追加して他を統合したりなど、こそこそ修正しているので、3/5にアップしたものとは少し変わっています（3/8記） ・95条の説明に奥義
JAM LOG : CotEditorでMarkdown
CotEditor Tips：Markdown、そのまま使えます 手元の開発途上版LOGGiXでMarkdownモードを実装してからというもの、このMarkdownの書式／変換スタイルにハマってしまいました。これまで(X)HTMLオンリーでログを書いてきたのでマジメに取り組んだのは今回が初めてなので今更ですが...う〜ん、これは素晴らしいテキスト記述スタイルですね。リンクや画像の書式は純粋なテキストデータとして見た場合はやや美しくない気がしますが、他のスタイルはほぼナチュラルな感じです。 そこで、最近怒濤の如くCotEditorスクリプトを公開しているavoidnoteさんのページを眺めていて、標準出力関連の記事があったので、なにげに「これを応用してCotEditorでMarkdownが使えるようにならないかな？」と思って、こちらのMarkdown Perlスクリプト(↓) Daring
ウェブリブログ：サービスは終了しました。
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧
グラフィックスタイルの2つのメリット｜DTP Transit
ドキュメント内で設定したフチ文字などを、ほかのオブジェクトにも適用させたい場合には、グラフィックスタイルを使うと2つのメリットがあります。 ほかのオブジェクトに同様のスタイルを、スピーディに行える 修正が生じる場合に、一括変更が可能 グラフィックスタイルは、「スタイル」機能としてIllustrator 9.0から搭載。Illustrator CSからは、段落スタイル／文字スタイルが搭載されたため、「グラフィックスタイル」と名称が変更されました。 あかつき＠おばなのDTP稼業録 【Illustrator】グラフィックスタイルをスウォッチ代わりに使う グラフィックスタイルの適用は次の手順で行います。 グラフィックスタイルに適用したいオブジェクトを選択し、［グラフィックスタイル］パネルにドラッグします。 ［グラフィックスタイル］パネルに、スタイルのスウォッチが追加されます。改めて、このスウォッチ
IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」
＞＞ 詳細な使用法と注意点を追加エントリーしました。 いまだ絶大なシェアを誇るIE6（Internet Exproler 6）ですが、WEB制作者ならご存知の通り、さまざまなバグ・不具合を内包しております。 ・CSSでfloatしたブロックのmarginが倍になる。 ・後方互換モードの場合、text-alignが子要素にまで影響する。 ・透過png画像が透過されない。 上記以外にも、それはいくつもの制作者泣かせの問題があり、業界内では「IE6氏ねばいいのに」とまで言われているブラウザですが、前述の通りシェアは絶大なので、対応しないワケにもいかず。 すでにいくつもの対応策が出回っておりますが、その中でも自分的に一番オススメするのが、「DD_belatedPNG.js」を使用する方法です。 有名どころの対応策を併記・比較しながら、どこがオススメなのかを含めてエントリーしたいと思います。 有名な
Account Suspended
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
[CSS]IE6でよく遭遇する6つのバグとその解決方法 | コリス
CSS Trickのエントリーから、IE6でよく遭遇する6つのバグとその解決方法の紹介です。 IE CSS Bugs That’ll Get You Every Time ボックスモデルのバグ マージンが二倍になってしまうバグ min-width, min-heihgtと同等の指定 Stepdownバグ hover擬似クラスをa要素以外にも対応 透過PNGを透過表示に対応 ボックスモデルのバグ <textarea name="code" class="css" cols="60" rows="5"> div#box{ width:100px; border:2px solid black; padding:10px; } </textarea>
clearfixハック｜CSS HappyLife
通常、floatさせている画像やボックスなどがある場合何らかの形でclearするか、その親要素にfloatを指定しないと、親要素からはみ出してしまいます。 コレはCSS2.0の仕様なんで正しい表示なんですが、どうしても親要素にfloatなどが使えず、やむなくclear:bothをbrなりdivにクラス指定して解決してたりって事があったかと思います。 IEの場合はwidth、もしくはheightを指定する事で解決できますが、コレはバグなんで他のモダンブラウザでは解決できません。 ソコでかなり便利に使えるテクニックが、clearfix。 使い方は、clearしたい親要素に下記のように記述。 div:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-hei
clearfixでfloatを解除 | d-spica
clearfixでfloatを解除 2007-03-07 1 0 XHTML/CSS clear, CSS 枠や背景が消えたり，途中で切れたりしたことはありませんか。 floatした要素（ボックス）を含む親要素（ボックス）のborderやbackgroundが途中で切れてしまうことがあります。 左の例では，右側のメニューが終わったあたりで，左右にあるラインも切れています。 floatした要素の高さは親要素の高さに反映されない 分かりやすいようにXHTMLとCSSの例を書いてみましょう。 <div id="wrapper"> <div id="content"> <p>content</p> </div> <div id="menu"> <p>menu</p> </div> </div> #wrapper { width: 200px; border: solid 3px #999999;
左揃えの文字を横幅が自動的に伸縮する中央寄せにする3つの方法 - CSSテクニック - acky.info
HTMLコード <p class="inline"> あいうえお<br> かきくけこさしすせそ<br> たちつてと </p> <p class="block"> あいうえお<br> かきくけこさしすせそ<br> たちつてと </p> <div class="inline-block"> <p> あいうえお<br> かきくけこさしすせそ<br> たちつてと </p> </div> <p class="table"> あいうえお<br> かきくけこさしすせそ<br> たちつてと </p> <div class="flex"> <p>あいうえお<br> かきくけこさしすせそ<br> たちつてと</p> </div> CSSコード main p { background: #CCC; } .inline { text-align: center; } .block { width: 200px;
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iTunesにバックアップしたiPhoneのデータを漁る方法
worldending.jp
ADP: floatレイアウトでつまづかないためのTips
http://www.ixiell.net/2009/01/clearfix.html
Macの起動・スリープ・再起動・終了のキーボードショートカットまとめ（27種類） / Inforati
