基本的だけど大切なタイポグラフィのシンプルな14のルール
ウェブデザインをはじめ、印刷にも役立つ基本的だけど大切なタイポグラフィのルールをfred designから紹介します。 Simple rules for good typography もしくは、Typophile 下記は、その意訳です。 はじめに ここにウェブや印刷のためのタイポグラフィに役立つ基本的なルールがあります。もちろん、このルールは基本であり、そしてルールは破られることを意図されているものです。 しかしながら、もしあなたが一般的にきちんとしていて美しくみえる何かを制作するためには良いルールです。 1. たくさんのフォントを使わない ウェブサイトなどのドキュメントに一貫性は非常に重要な要素です。一貫性は統一と一つのアイデンティティーをもたらします。 この一貫性を守るためには、一つのドキュメントに対して3つ以上の異なるフォントを使用しないことです。 2. ヒエラルキー ページ内の階
証明写真を30円で手に入れる方法 | nanapi[ナナピ]
証明写真を30円で手に入れる方法 に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。結構高い証明写真 証明写真は一回あたり700円位しますよね。結構高いです。しかもだいたいの場合、撮った時期から3ヶ月を過ぎると新しいものを使用しなくてはならず、全部の証明写真を使い切ることなく捨てる場合もあります。 もったいないですね。そこで、30円で手に入れる方法を紹介します。 証明写真を必要な分だけ安く購入する方法 1: 自分で写真を撮る デジタルカメラやiPhone、携帯電話で自分の顔写真を撮ります 2: パソコンに転送する ケーブルでつないだりメールに添付したりして、撮った写真をWindowsに転送します。 3: 「証明写真をつくろう」 を利用する 「証明写真をつくろう」というソフトウェアで証明写真画像ファイルを作ります http://www.v
英語の学習情報の特徴メモ
話題が集まりやすい英語の 学習法などのブログ記事ですが、 結局勉強するかどうかは、その 方法が自分自身に合うかどうか。 これまで何度か出てきた英語学習の方法を書いた記事をまとめて概要のみ引用して一目である程度相性いいかどうか分かるように、比較出来る様にしておきます。これから冬休みの方はこの機会にいかがでしょうか。 気になった学習方法があったらリンク先で詳細を確認すると手間が省けそうな気がします。主観込みなので参考程度に。。 中学生レベルの英語力の奴が４ヶ月でTOEIC「Bクラス」を出す方法リンク先のおおまかな内容 TOEIC730~860を4ヶ月で出した方法まずは基礎を中心にリスニングの先読みの練習もサードパーティの模試を必ず時間を計ってとにかく、速読と先読みの練習 教材：4冊 > 書籍中心。学ぶ順番も書いてある特徴：英語が完全にダメな人向け方法：回り道せずとにかくやり込むはてブ 中学生レ
Flashの描画速度をBitmapDataクラスを使って上げる方法 - しっぽのブログ
Flashでゲームなどを作る時に、動作の重さは悩みの種です。 軽い容量となめらかな拡大縮小が長所のFlashなのですが、その分、描画速度は犠牲になっていて、フルフラッシュサイトでCPUをガンガン食われてしまった経験もあると思います。 この重さを解決する方法の１つとして、BitmapDataを使うというものがあります。 これは素材をgifやjpegにする、という話ではなく、表示部分の扱いをビットマップデータにしてしまうというものです。 たとえ素材がgifでも、MovieClipとかに入れてたくさん表示しているととたんに重くなってしまいます。 これをBitmapDataとBitmapクラスによる表示に切り替えるだけで、軽くできることがよくあります。 ちょっとサンプルで体感してもらいましょう。 wonderflにはこういう実験作品があるのでちょっと拝借。（リンク先の画面右側の三角マークを押せばサ
Ext GWTとSmart GWTの比較 - きしだのHatena
GWTのウィジェットライブラリであるExt GWTとSmart GWTの比較。 id:shinさんとは意見が違うので、書いておきます。 http://d.hatena.ne.jp/shin/20091127/p2 Smart GWT Ext GWT ひとつ、最初にお断り。Ext GWTではプログラム組んだことがあるけど、Smart GWTはAPIやサンプルコードを追っただけなのと、Ext GWTはもうライセンス料払ってるので、おそらくExt GWTよりの評価になっています。 まず、IE6の対応について。IE6の場合、JavaScriptが重すぎて処理が書けないので、ブラウザでフルアプリケーションは組まないほうがいいと思います。 つまり、Ext GWTもSmart GWTもIE6にとっては重いので、やめたほうがいい。普通に苦情が出るレベル。IE6をサポート範囲にしないといけない場合は、普通の
WoWを引退します : 小野和俊のブログ
2005年末から開始してからの4年間、累計5,000時間以上を費やしてきた WoW(World of Warcraft)を、この度引退することにしました。 とりわけ2年前にギルドを設立して以来、私の生活は常にWoWと共にありました。 毎日帰宅した後は寸暇を惜しんで少しでも早くログインし、 朝早く目が覚めることがあれば朝練に勤しみ、時間さえ許せば 昼休みに自転車で急いで帰宅して、昼錬に精を出したものでした。 時に互いを褒め、時に互いを注意し、少しでも上にたどり着けるようにと 本当にたくさんの時間を過ごしてきたギルドメンバーとの日々を思うと、 普段涙など流すことのない私でも、つい目頭が熱くなってきます。 私が参戦していたWoWのアリーナは、e-Sportsと呼ばれているものの一つで、 世界中にたくさんのプロがいます。ネットゲームというと、ひたすら長時間プレイすれば良く、 何も考えたり、練習した
要点を押さえてすっきり！できる「プレゼン資料」の作り方 - はてなニュース
「プレゼン」といえば、話し方のテクニックだけでなく「資料作り」も欠かせませんよね。今回は資料作りが苦手な人はもちろん、今までなんとなく資料を作っていたという人にもおすすめしたい「プレゼン資料の作り方」についてのエントリーを集めました。 ■プレゼンの前に！知っておきたい4つのポイント まずはプレゼンをする前に心得ておきたいポイントです。自分の普段のプレゼンと照らし合わせてチェックしたいですね。 ▽プレゼンを通すために絶対必要な“4つ”のこと - livedoor ディレクターブログ こちらのエントリーでは、livedoorのディレクターが「プレゼンを通すために必要なポイント」として以下の4つを挙げています。 「スライドに全てを書かないこと」 「プレゼン全体を30秒で要約できるようにすること」 「事前に聞き手と話すこと」 「承認の粒度はこちらから提示すること」 「スライド」と「カンペ」とは別物
あなたのプレゼンは何故つまらないのか？ - My Life After MIT Sloan
先週、ある授業に外部からの講演者が来た。 その授業に来る講演者は普段は面白いのだが、その日に来た人は最悪だった。 プレゼンが全く面白くない。 英語は完璧に分かるのに、全く耳に入ってこないのだ。 話し方は非常に良い。 英語はアクセントもなく、非常に分かりやすいし、話し方も洗練されている。 話す姿勢とか、ポーズの置き方とか、MBAで習うようなプレゼンスキルが駆使されている。 1時間も見ていると、彼女が学校では優等生だったのだろうな、と言うことが分かる。 それなのに、あれほどつまらないなんてことがあるのか。 MBAプレゼンスキルの意義を一瞬疑った。 あまりにつまらないので、聞くのをやめ、「何故この人のプレゼンがつまらないのか」を分析した。 周囲から見たら真面目にノートを取ってるようにしか見えなかったと思うが。 以下、私の気が付いたポイント。 正直、誰もが陥りやすい罠だと思うから、自戒も込めて。
南極海に400時間潜ったダイバーが撮影した幻想的な水中写真
ジョージア州アトランタ出身のNorbert Wu氏は12年間、のべ400時間以上にわたり南極海に潜り、美麗な水中写真の数々を撮影してきました。人間の手が届かない極寒の海の底では、時として「人為的に演出されているのでは？」と思ってしまうほど幻想的な光景が繰り広げられています。 詳細は以下から。Extreme diver Norbert Wu's journey into the Antarctic underworld - Telegraph 日傘を差した貴婦人のようにも見えるこの生き物は、鉢虫綱旗口クラゲ目に属するCyaneidae Desmonemaというクラゲです。 ダイバーを威嚇するウェッデルアザラシのオス。 Odontaster validusというヒトデ(赤)がAcodontaster hodgsoniというヒトデ(肌色)を攻撃し、捕食する様子。 ウェッデルアザラシの子どもの死体
コンテンツにエフェクトを掛けるjQueryプラグイン10個
個人的に必要になるかもと思ってメモ。 テキストや画像にエフェクトを与えて Webサイトを動きのあるサイトにする 手助けをしてくれるjQueryのプラグイン をいくつかご紹介します。 コンテンツに対するユーザーの興味を高めたり、画像を使用せずテキストを装飾したりと、使い方次第でいろいろ用途がありそうです。 Sliding Door Effect マウスオーバーで画像が4隅に開きます。動きも素敵。 Sliding Door Effect / デモ Rainbows テキストにグラデーションや影をつけます。これは凄いですね。 Rainbows / デモ Opacity to Show Focus マウスオーバーしたコンテンツ以外に半透明のエフェクトを掛けるjQueryプラグイン。テキストでも可能。 Opacity to Show Focus / デモ Color Changing Text an
JavaScript初心者におくる24のグレイトなtips - 三等兵
私が作ったわけではなく海外の記事です。自分も学習してみました。 phpスポーツ啓発日誌や、コカトリスさんや、アイスクレアームパラダイスさんのような、品質の良い訳は私にはできませんので見出しは意訳もしくは誤訳、文章は無視して訳してません。かつ、私がいろいろコードや文章つけたしてます。内容的にはほとんどズレてはないと思いますが、適当なのでおかしいところがあるかもしれません。 うっとうしい場合は原文をどうぞ。 24 JavaScript Best Practices for Beginners 1. 等価演算子で==使うなよボケ===だろナスチン野郎 ひぃぃぃ。 ==|!= だとねー、型は自動に変換されるんすよねー。ねー。 s = '1'; i = 1; alert(s == i); // true alert(s === i); //false えーと、==は「わし、数値も文字列も中身が一緒だ
Google Chrome 拡張機能41個まとめ Google Chromeを壊してまで厳選 - WEBマーケティング ブログ
いろいろとGoogle Chrome拡張機能を試していたら、入れすぎたらしく、壊れてすべてリセットされるアクシデントに見舞われましたｗ おまけにChrome テーマまで綺麗にデフォルトへ戻してくれるとは、、、ともかく入れすぎは注意なので、厳選したものだけをご紹介します。 → 新着のおすすめChrome拡張機能はこちらです。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 厳選Google Chrome 拡張機能 まとめ 【永久保存版】 今回のコンセプトは、 複数機能をひとつにまとめられるものを優先 ボタンはなるべく少なく済ませる といったものです。大事なことなので繰り返し言いますが、何せ入れすぎると壊れるから。。。 また、あまりにも不安定すぎて、使いものにならないと判断したものも、ここではご紹介し
はてなブックマークの一番多くついたスレ : ブログ太郎
2009年12月14日 はてなブックマークの一番多くついたスレ が気になり夜も眠れなかったので、調べて表にしてみました。せっかくならとオープンにします。 ※スレッドのまとめではないです ご利用の方はよくご存知かと思いますが はてなブックマークとは 後でもう一度見たいページを保存しておくブラウザの「ブックマーク」。 通常コンピュータの中に保存されて他の人の目には触れられることがないブックマークですが これをウェブで公開し共有すると、これまでになかった新しい体験を味わうことができます。 はてなブックマークはオンラインにブックマークを保存する便利なオンラインブックマークツールであると同時に そのブックマークを公開し共有することで新しい情報体験を提供する、ソーシャルブックマークサービスです。 はてなブックマークを利用することで、ウェブ上の一つ一つの情報をより深く消化することができるようになり また
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://neta.ywcafe.net/001039.html
TechCrunch | Startup and Technology News
今風のウェブを作る際に使えるCSS/HTML/JSのテンプレ『Easy Front-End Framework』 - 100SHIKI 〜 世界のアイデアを日替わりで
【レビュー】アンチスクラッチ・コーティングで傷がつきにくい薄型ハードケース『iPhone 3G/3GS用 クリスタルカバー』