無料で利用できる、テーマ別やカラー別にマッチした色を組み合わたカラーパレットやカラーコンビネーションをCreative Color Schemesから紹介します。 まずは、テーマ別から。
←こういう感じで、画像の横にあるテキストを画像に対して上下中央にするってーのは、今まで出来ないと思ってたんす。 だけども、ヨモツネットさんの記事でヨモツネット[日記] ≫ CSS で簡単に上下中央揃えを実現するってが紹介されてたので、試して見ました! display: table-cell;がポイントになってて、IEはハックで対応みたいな感じです。 デモページ 画像とかの横にあるテキストを上下中央にする。のデモページ ヨモツネットさんとまるっと同じサンプルだとアレなので、ちょっとだけ実用的な感じでつくってみましたよっと。 ちょっと、IE6で確認してないので、ダメだったらご連絡ください。 IE6対応しました。ハックの書き方がいけなかったようです。すみません。 div.centeringTest p { display: table-cell; vertical-align: middle;
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
ブロック要素内の画像とテキストを横方向中央揃えにするには、「vertical-align」を使います。(にしし ふぁくとりー さんの 「行内の画像を、文字の(上下方向での)中心に合わせて配置する」を参考にさせていただきました。) 最も高さのあるインライン要素に対して、「vertical-align:middle;」を指定します。 これにより、低い要素は高い要素の中央に配置されます。 インライン要素の高さが可変な場合は、すべての子要素に「vertical-align:middle;」を指定するとOKです。 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dt
Photo by muraterturk こういった記事って、ネーミング規則や慣習の視点から書かれていることが多いんですけど、この記事では、英文法に視点を置いて、参考になりそうなことをいくつかピックアップしてみたいと思います。 「省略形は使わない」などの規約的なものは、各プロジェクトのルールに従えばいいので、ここでは書きません。あくまで英語という視点から書いているということを、ご理解ください。 Rule 1 : “検索”は名詞 一般的な英語辞書のルールでは「検索」は、動詞ではなく「検索する」が動詞になります。「検索」は、検索することの名称 だと考えられるため、動詞ではなく名詞として扱います。 英語辞書には、日本語の品詞ごとに表記のルールがあります。これが理解できていると、和英辞書などで品詞を意識して検索できるようになります。以下に、一般的な英語辞書の表記ルールをまとめてみました。 <各品詞
お金は大切だ。 日本では昔から「お金にガツガツしている人はみっともない」という考え方がある。 だが、これを真に受けて「お金なんかどうでもいいや」と思って生活してはいけない。 お金は大事なものなのだとハッキリ自覚して生きるべきだと僕は思っている。 でも世の中にはお金持ちとそうではない人がいる。 みんな同じようにせっせと働いて生きているのに、何故だろう。 たくさん稼ぐ人 = お金持ち ではない。 豪華な外車に乗ってイタリアのスーツを着ていても、実はカードローン地獄だったりしたら、その人はただの「浪費家」だ。 たくさん稼いでもその分を全部使えば差し引きゼロ。一文無しだ。 お金持ちになる人は、お金の貯め方、使い方を知っている人だ。 だから収入が特別多くなくてもお金を増やしていける。増やしたお金を正しく使うから、もっとお金が集まってくる。 でも僕ら普通の人には、どうしたらいいか分からない。そこが悩み
アイデア出しに困っている人のアイデア生産ツールです。 アイデアを出したい単語を入力してみてください。
私がよく参考にする所を三箇所紹介します。いずれも、説明が極めて明瞭で、論理的な整合性や用語の丁寧な使い方を志向している所に好感が持てるサイトです。 ▼Econom01 Web Site, Sophia University, Tokyo, Japan 上智大学の大西博氏のサイト。私が統計関連で最もよく参照する所です。説明の仕方の明瞭さや、具体例を用いた解説がとても良いと思います。確率統計の一つ一つの概念について、大変丁寧に説明されています。たとえば、「相関(および因果関係)」については、 2つの変数の同時分布と、その条件付き分布は、変数の間の数量的結び付きを示しています。この数量的結び付きは、統計的頻度分布として観察されるものであり、現象の背後にある実態的な「関係」や「構造」から導かれる法則性を必要としません。 例えば、人間の身長と体重とは密接な統計的分布関係を持っていますが、両変数を決定
こんにちは、イメージ担当の長谷川です。 今回は Apple がデザインしている iCloud アイコンのような美しい金属調の質感を Fireworks で表現してみました。 アレンジ次第で水平のエッチングやブラスト加工のようなイメージも簡単に作ることができます。 ぜひ Web や UI デザインの参考にしていただければと思います。 1. ベースのテクスチャを設定する まずグラデーションの設定をします。 長方形ツールで作成するボタンなどのサイズより少し大きいサイズの四角を描き、グラデーションの塗りを円錐にします。 以下のように白とグレーを交互に設定します。右端と左端を同じ色にしないとグラデーションに線が出来てしまいますのでご注意ください。 ここでは濃いグレーを #666666、両端の薄いグレーを #999999 に設定しています。 次にノイズを適用量:10で追加します。これが同心円状のヘアラ
三菱UFJモルガン、ソーシャルゲームの市場規模予測を上方修正…ただし比較対象をパチンコとし目標株価やレーティング引き下げ 三菱UFJモルガン・スタンレー証券は、3月9日付で「ソーシャルゲームの正体を探る(Ⅴ)」と題するレポートを発行し、ソーシャルゲーム市場の市場規模予測を上方修正する一方、ソーシャルゲームに対する見方を変更したことに伴い、ディー・エヌ・エー(DeNA)<2432>とグリー<3632>、ミクシィ<2121>の目標株価を引き下げた。 まず、同証券では、2011年の市場規模推定を2658億円とし、2012年を3832億円から4643億円に、2013年を4320億円から5766億円に引き上げた。市場予想の前提として、ARPPUの予想を引き上げたとのこと。ただし、ソーシャルゲーム業界における高ARPPU化の傾向に対し、ユーザー離れのリスクがつきまとっており、中期的な成長という観点から
知らずに損していたかも…イギリスの学校で教えられている「3つのタイプ別学習法」 勉強や仕事で、自分の学習スタイルというものが確立できていますか。 ちょっと集中しては飽きてしまったり、一生懸命に集中しても全く頭に入ってこないといった悩みはないでしょうか。 実は学習のしかたは人によって得意・不得意があり、もしかしてあなたは自分のやり方を間違っていたのかもしれません。 イギリスのハイスクールで導入されている、3つのタイプ別の学習法をご紹介します。 試験勉強や日々の学習で暗記するものがあるとき、どんな方法を使っていますか。 たとえば数字なら、語呂合わせを利用したり、何度も何度も書いたり、口で復唱したりと、人によって覚え方が違います。 実はどの方法が優れているかは絶対的に決まっているわけではなく、どのアプローチが脳に定着しやすいかは、個人ごとに変わってくるそうです。 ここでは3つのタイプに分けます。
はじめに こんにちは、Python界の情弱です。今日はChrome+HTML5 Conferenceのお手伝いに来てます。いままで全く触れてこなかった世界ですが、結構HTML5はXMLのようにセマンティクスに重点を置いてるんですね。CSS3も動的なエフェクトを簡単にかけられるようになってるし、とてもいいですね。 さて、YouTube Live Streamのお手伝いしながらRSS見てたら、ちょうど今日のテーマに沿ったエントリがdiggで紹介されてたので、翻訳しました。 10 Excellent HTML5 coding Tools Many Users Don’t Know About 10 Excellent HTML5 coding Tools Many Users Don’t Know About (オリジナル) HTML5はウェブサイトの作成方法を根本から変えることになるでしょう。
[GDC 2012]Mobageのサービスを支えるデータベースシステムについて,ディー・エヌ・エー松信氏が解説 ライター:米田 聡 ディー・エヌ・エーの松信嘉範氏 GDC 2012では,日本のディー・エヌ・エーもいくつかのセッションを持っていた。本稿ではディー・エヌ・エーが展開するMobageのデータベースに関する「Scaling and Stabilizing Large Server Side Infrastructure」(大規模サーバーのスケーリングと安定化)と題されたセッションをレポートしてみたい。あまり派手な話題ではないので要点のみをお伝えするが,Mobageの裏にはこんな苦労があったのだ。 セッションを担当したのは,ディー・エヌ・エーの松信嘉範氏だ。松信氏の名はゲーム業界的には知られていないかもしれないが,Oracleエキスパートの称号を持ち,オラクルが手がけるデータベースサ
今さらながらCSS Animationsの使い方が分かってきたので、プロパティなどを簡単にまとめておきたいと思います。 これを書くにあたって、以下の2つを参考にしました。 CSS Animations Editor’s Draft 25 July 2011CSS animations - MDN上のはdev.w3.orgにある、2011年7月25日版のエディターズドラフトです。 ちなみにwww.w3.orgにある仕様は「CSS Animations Module Level 3」です。これを書いている現在、こっちは2009年3月20日版が最新となっています。 基本的に2011年7月25日版のエディターズドラフトをベースに説明したいと思います。なので、現在のブラウザの実装とは異なることもあります。 2つ目のは『Mozilla Developer Network』のドキュメントです。日本語版も
本書について 本書は、Node.jsでのアプリケーション開発を始めようとする皆さんに、 ”高度な”JavaScriptについて知るべきあらゆることを解説します。 よくある”Hello World”チュートリアルの、はるか上をいくものです。 ステータス 貴方が読んでいるのは、本書のいわゆる最終版となります。 つまり本書は、間違いが見つかった場合や、 Node.jsの新バージョンにおえる変更点を反映する時のみ、改訂されます。 最終更新日は2012年2月12日です。 本書内のコードのサンプルは、Node.jsのバージョン0.6.10でテストしています。 ターゲット読者 本書は、Ruby、Python、PHP、Javaのような、少なくともひとつのオブジェクト指向言語を理解しており、 JavaScriptについてはあまり経験がなく、Node.jsについては全く経験がないという、 著者と同じようなバッ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く