KNOWLEDGE ・・・ 色の基礎知識(色の仕組み・色調など) FEELING ・・・ 色の感じ方(暖かい色 ・寒い色などを図で説明) CONTRAST ・・・ 色の対比(背景の色を変えた二つの図で比較) SCHEME ・・・ 色の配色(さまざまなパターンの配色の紹介) COLOR ・・・ いろいろな色について
KNOWLEDGE ・・・ 色の基礎知識(色の仕組み・色調など) FEELING ・・・ 色の感じ方(暖かい色 ・寒い色などを図で説明) CONTRAST ・・・ 色の対比(背景の色を変えた二つの図で比較) SCHEME ・・・ 色の配色(さまざまなパターンの配色の紹介) COLOR ・・・ いろいろな色について
●6/03 DIARYを更新しました。 ●6/01 LANGUAGEのページが出来上がりました。 LANGUAGEの白、黒を更新しました。 ●5/31 LANGUAGEの青、紫を更新しました。 ●5/30 LANGUAGEの黄色、緑を更新しました。 ●5/29 LANGUAGEの茶色、橙色を更新しました。 ●5/28 SITE MAPを修正しました。 LANGUAGEの赤、桃色を更新しました。 ●5/27 LANGUAGEを追加しました。 DIARYを更新しました。 ●5/22 プレゼンテーションをThink Questの 本部の方にメールで送りました。 ●5/21 Yahoo!きっずにサイト登録の申請を 出しました。 ●5/19 プレゼンテーションが大体出来上がりま した。 ●5/15 APPLICATIONの細かい修正をしました。 ●5/11 プレゼンテーション作りを開始しました。 ●
いまだ小沢健二コンサートの余韻が冷めない sakai です。 普段は透過 PNG を使わずにデザイン・コーディングをしているのですが、先日どうしても透過 PNG を使いたいシーンがありました。 透過 PNG は大変便利ですが、IE6 が対応していないのがネックです。 というわけで、IE6 でも透過 PNG を使用できるようになる JavaScript のライブラリを色々試してみました。(今さらですが!) 有名どころの「jquery.pngFix.js」から使ってみましたが、これは背景画像に透過 PNG を使うとちゃんと表示されなくて断念。 「IE7.js」もところどころ挙動が怪しいしなあ… と困ったりしつつ、最終的には「DD_belatedPNG.js」に行き着きました。 DD_belatedPNG 透過 PNG を背景画像に指定したり、ポジションをいじったりしても挙動が安定しているのでと
IEでCSS3の効果を出せる。 クロスブラウザ対応 CSSスニペット 2011-02-01 影をつけたり、角丸にしたり、便利なCSS3。モダンブラウザは続々と実装されています。 しかし依然としてIEのシェア率が多い現在では、「CSS3を使うのは、ちょっと・・・」と思っている方も多いと思います。 そこでIEのfilterを利用し、JavaScriptや画像を使わずに、CSS3に近い効果を表現できる、 実用的なCSSのスニペットを紹介致します。 Opacity 指定したボックス自体の不透明度を変えることができます。 また指定した要素の下位の要素に対しても、効果が継承されます。 imgのロールオーバーなどの使い道があります。 Opacity Sample .opacity { opacity: .5; /* FireFox, Webkit, Opera */ -ms-filter: "progi
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
webサイトやスマホアプリなどの色の決め方について。 60-30-10Ruleの話。 Kulerで色の基本について説明。 こんなふうにアクセントの色が決められるよね、っていうスライドです。 ----- 以前に社内LTで行ったスライドの改変です。
6月2日、Google、Microsoft、Yahoo!の検索大手3社が協力して、構造化データマークアップの標準化に乗り出しました。 長期的な最終目標は、幅広いフォーマットのサポートとしているようですが、まずはHTML5のMicrodataに集中するようです。 Microdataが新しいWebの歴史の礎の1つとなるかもしれません。 以前にも「MicrodataとMicroformatsの違いについて」取り上げましたが、今回は実際にMicrodataでどうなるのか、ご紹介致します。 Microdataとは何か? マークアップ言語であるHTMLは「見出し(h1,h2,h3... )」「段落(p)」「リスト(ul,ol,li)」などの文章構造を示すことができても、「人の名前」「肩書き」「地域」などを示すことができません。 それらをHTMLでメタデータとして追加する方法のひとつとして、HTML5の
こんにちは。 このたび、webサイトを新設しました。 oharadaijiro.com おかげさまで、大原大次郎/omommaは、2003年の独立から15周年を迎えました。 2007年に作成したこのサイト omomma.in は、制作物を整理してまとめた倉庫的な役割というよりも、むしろその制作過程や取りこぼされたものを拾い上げていくような、未整理の机の上や、生々しいノートのような場所として位置づけて、日々の手遊びや手探りを記録する気持ちで書き連ねてきました。 新設サイトは新居というよりも、なじんだ机や道具を持ち込んだアトリエのような場所です。展覧会やワークショップなど、手遊びと手探りの基礎となっている研究と成果はProject〈基礎〉。仕事のリストはWorks〈生業〉にまとめ、今後、文や絵を書く場所となる場所はNote〈手順〉になります。 新設にあたり、「手遊びと手探りの手順」というテキス
meta 要素に対する Microdata の指定について、過去に書いた記事に間違いがあったので修正とその解説。また、itemprop 属性もつ meta 要素や link 要素の body 要素内での使い方に関しても解説してみます。 もうちょっと早く書こうと思ったんですけどこんなに間が空くとは…… 去年の末、HTML5 Advent Calendar 2012 の記事として、「Microdata を使ってみよう。サンプルソースで学ぶ Microdata」 を書いたんですが、その中で 2箇所ほどサンプルソースに間違いがあるのをご指摘頂いて修正したんですね (ご指摘感謝です)。 そのうち、1つの間違いは単純な記述抜けというか、ミスだったんで置いといて、もう1つ、私が meta 要素に対して itemprop 属性を指定したサンプルで、同じ要素に name 属性をあわせて指定してたのをご指摘頂
インターネット経済の本質を切り取って見せた『ロングテール』『FREE』というヒット作のある米『WIRED(ワイアード)』誌元編集長のクリス・アンダーソン氏。昨年9月には3冊目となる『MAKERS』を上梓(日本語版は同10月刊行)、第3の産業革命によってものづくりの在り方が大きく変わると予想する。これを受け、週刊東洋経済1月12日号では日本でも広がりつつあるメイカーズムーブメントを「メイカーズ革命」と名づけ、特集を組んだ。 ――『MAKERS』ではメイカーズ革命が「第三の産業革命」になると提唱しているが、そう考えるようになったきっかけは。 私の場合、自分が始めて夢中になったことが何か大きなムーブメントの一部ということが多い。メイカーズ革命にかかわったのも、5人の子どもたちに理科の実験材料を探していたのがきっかけだ。 レゴのロボティクス教材を使ってラジコン飛行機を自動操縦する実験を考えついたの
スタンフォード大もわからない大学教育のビジネスモデル ネットの世界では、どうしても米国の先行が目立つが、米国では、スタンフォードやハーバードなど一流校を含む多くの大学が、無料配信の講義サイトに力を入れ始めている。数年前から、教育熱心な教師が個人単位で授業をネットにアップしようとする動きはあったが、ここに来て、大学自体がオンライン教育に注力しているのだ。 教師個人の授業のアップについては、大学が有料で顧客(学生)に売っている授業を、ネットを通じて無料で公開することのビジネス上の利害対立がしばしば問題になっていた。しかし、現に、ネット配信という授業の形態が技術的に可能である以上、大学もその利用可能性に、ビジネス上ある程度「賭けて」おく必要があると判断したのだろう。 「日本経済新聞」(1月21日朝刊)によると、スタンフォード大の2012年秋からの年間授業料は4万1250ドルに達するという。一方、
jQueryとCSS3を使ったアコーディオンメニューを作ってみましたので、作り方を紹介します。かなり長くなりますが、お役に立てばうれしいです。 色々事情があってIEでご覧になっている方のためにスクリーンショットも載せておきます。カテゴリー3にマウスを乗せているところです。 それではコードを解説していきます。 HTML まずはHTMLです。無駄に長いですが一応載せます。 <ul id="accordion"> <li><a href="#">カテゴリー1<span class="arrow rotate"></span></a> <ul id="active"> <li><a href="#">サブカテゴリー1</a></li> <li><a href="#">サブカテゴリー2</a></li> <li><a href="#">サブカテゴリー3</a></li> </ul> </li> <l
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く