CSSアニメーションでページを紙芝居の様に切り替えるデモ:phpspot開発日誌
A Collection of Page Transitions | Codrops CSSアニメーションでページを紙芝居の様に切り替えるデモ。 迫力のある全画面切り替えをCSSで実現しており、そのアニメーションの種類も豊富で良いサンプルになっています。 デモとして学習用にもよさそうですが、Windows8っぽいプレゼン資料なんかを作る際にも使えそうです デモページ 関連エントリ Yahooが作ったピュアCSSのUIライブラリ「Pure」 エレメント上にラベルを付けるためのCSS「Label.css」 Flashみたいに美しいCSSテキストアニメーションデモ HTML/JS/CSSでAndroidアプリ風UIを作るフレームワーク「Fries」 自鯖に設置してHTML、CSS、JSをブラウザ上で開発して遊べる「Editr」
twitter の新ロゴデザインが美しすぎて調べてみたら、黄金比で構成されてた。 - すしぱくの楽しければいいのです。
公開日：2012年6月 7日 カテゴリ：新しいサービス twitter のトレードマークである青い鳥が新しくなりましたね。前回のロゴよりも美しい曲線で描かれており、公式のプロモーションともに圧巻でございました、これこそデザインだわーっとね。 そんな感じで朝から影響を受けまして、どのように構成されて描かれているのか調べてみたら、Apple のロゴと同じくやっぱり黄金比で作られておりましたよというお話。 ツイッターの新ロゴデザイン登場。 皆さんおなじみの青い鳥がリニューアルしたとの どくさんからTL が流れてまいりまして、さっそくサイトにアクセス！ Twitter / Logos & Brand プロモーションを見ていたら、『これはすごい！』っと朝から大興奮でございました。 前回のロゴに比べてスタイリッシュになりましたね。 Twitter、ロゴを変更--テキストをなくし、鳥のイラストも一新 -
MathMLでウェブに数学を (和訳)
この文書は、http://www.w3.org/Math/XSL/で公開されている "Putting mathematics on the Web with MathML" を、和志武 功久が個人的に和訳したものです。原著作者は W3C であり、知的財産権を初めとする各権利は W3C が保有します。 この文書は参考試訳であり、標準的な位置づけにはありません。正確な情報については W3C のサイト中にある原文を参照してください。 翻訳作業に伴う誤植がある可能性がありますので注意してください。また、発見した場合はぜひご連絡ください。 This document is a Japanese translation of "Putting mathematics on the Web with MathML" found at http://www.w3.org/Math/XSL/, by Nor
Welcome to stixfonts | Scientific and Technical Information Exchange (STIX)
The mission of the Scientific and Technical Information Exchange (STIX) font creation project is the preparation of a comprehensive set of fonts that serve the scientific and engineering community in the process from manuscript creation through final publication, both in electronic and print formats. Toward this purpose, the STIX fonts will be made available, under royalty-free license, to anyone,
「Webサイトの配色で困った！」→「HUE/360使えば良いじゃない」
Webサイト制作で避けて通れない配色の決定。芸術的素養が絶望的にないのでいつも泣いてるゴロドクさんです、どうも。 所詮素人には理論に基づいた配色など無理ゲーです。先日もちょっとしたデザイン的なゴニョゴニョという場面に出くわしましていつものように悩みつつ、なんか配色決定のためのWebサービスないかなーと思って探してたらこういうのを見つけました。 webでの色指定は基本的にRGB値での指定となりますがこれって光の三原色の混色なんですよね。 実際にCSSなんかで数値いじりつつデザインしてると「なんか違うなー」というときにもっと明るくしようとか、もっと彩度上げようってのが感覚的にどの数値をどんだけいじって良いのかってわからないんですよ。 RGB値直接いじって彩度上げようと思ったらくすんじゃった上に色みかわっちゃってオヤオヤ残念なんて日常茶飯事ですよ（いやそのまえにフォトショなりなんなりでデザインカ
おしゃれなサイトで、気持ちを切り替えたいときに【20選】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちははじめまして、つい先日LIGに入社したあゆみです。 気づけば早くも3月も一週間が過ぎ・・・ということで、今日も思いの他ぬくぬくしていますね。ぽかぽか。 そんなわけで早速、気持ちを切り替えたくなるこの季節に触れておきたい、見た目も素敵なおっしゃれーな情報が載っているWEBサイトをいろんなジャンルから抜粋して紹介します。（おしゃれって言うのすごくこっぱずかしい） オシャレな情報盛りだくさんのWEBサイト20選 1. WIRED スタートはWIREDで。ガジェット系が強いので、LIGのブログを読んでいる方のなかにも読者という方、多いんじゃないでしょうか。雑誌も毎回切り口が思わず「いいね！」と言ってしまうような、いい目線で特集が組まれているのですが、WEBの情報量も半端ないです。毎回頭よくなった気分にさせてくれます。 2. THE PUBLIC 気になる情報やクリエイターの話を、渋谷の2
色彩心理学
色は人の心の働きに影響を与えるとされています。 色の意味は、文化や状況によって変わりますが適切に色を選ぶことで非言語的なコミュニケーション手段として有効に働くことが期待できます。 衣服や絵画、Webページなど、基本的に世の中に色のない物はありません。物作りに携わる人達は色の心理学について少しばかり学んではいかがでしょうか。 次の色について人の心理への影響を説明します。 色彩に関する研究文献を参考に色が与えるイメージをまとめました。 白/ホワイト/White 赤/レッド/Red 桃色/ピンク/Pink 緑/グリーン/Green 青/ブルー/Blue 紫/パープル/Purple 黄/イエロー/Yellow 橙/オレンジ/Orange 黒/ブラック/Black 色が与えるイメージの説明では感覚的なものを取り扱います。
「Compass」、基礎から応用まで！ | 株式会社LIG
こんにちは、デザイナーの王です。 今回の記事ではCompass使いになるための必要最小限の知識から応用まで、体系的にひと通り紹介していきます。 全くの初心者でも問題ありません！ はじめに結論を言うと、CompassでCSSを書くと 早い！ 見やすい！ メンテしやすい！ コード量がぐっと減る！ 一度使い出したら最後、もう元には戻れない！ 一体どこまで便利なのかずらずら書くよりも、百聞は一見にしかず！ 簡単なプロジェクトを通して、各特徴について紹介した短いデモ動画を用意したので、まずはこちらを見てください！ Compassとは？ Compassを語る前に、まずは「Sass」を知っておく必要があります。なぜなら、CompassはSassを元に開発したフレームワークだからです。 Sassとは では「Sass」とは何かと言うと、正式名称は「Syntactically Awesome Style Sh
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック// Speaker Deck
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version 第一回 プログラマ向けデザイン勉強会 #design4p http://connpass.com/event/1185/ で発表させていただきました。 （#p4d プログラマ向けデザイン部 主催イベント http://prog4designer.github.io/） @mah_lab さんが ズルいデザインのRails gemを作って下さいました http://blog.mah-lab.com/2012/11/07/zurui-design-for-rails/ (Repository) https://git
デザイン時に注意したい角丸の使いかた - Design Color
もくじ 大きな角丸はあまり使わないほうがいい理由 要素によって角丸の大きさを使い分ける理由 大きめの角丸でもおかしくない場合は？ 角丸の大きさを後から調整するPhotoshopプラグイン はじめに なんとなくで使っていたけど、一度ちゃんと考えてみよう！と思わせてくれたきっかけは、こちらのスライドでした。 今回は、こちらのスライドの角丸についての部分に沿って考えていこうと思います。 少ない手間と知識でそれなりに見せる、ズルいデザインテクニック 大きな角丸はあまり使わないほうがいい理由 「ズルいデザイン」のスライドでは、「角丸は5〜6pxくらいが最も無難でキレイ」とのこと。また、下記のようにも言われています。 「R半径が大きい角丸は、野暮ったいデザインになりやすいので、あまり使わないほうがよいです」 引用元：少ない手間と知識でそれなりに見せる、ズルいデザインテクニック たしかに、私も以前に、デ
ガハろぐNewsヽ(･ω･)/ｽﾞｺｰ
21コメント 21コメント 27コメント 38コメント 75コメント 48コメント 43コメント 75コメント 22コメント 31コメント 159コメント 49コメント 11コメント 98コメント 77コメント 88コメント 40コメント 28コメント 185コメント 74コメント 68コメント 39コメント 23コメント 89コメント 105コメント 58コメント 86コメント 110コメント 17コメント 56コメント 65コメント 30コメント 36コメント 57コメント 64コメント 126コメント 62コメント 60コメント 32コメント 43コメント 85コメント 72コメント 65コメント 45コメント 100コメント 23コメント 61コメント 67コメント
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Windows7にフォントをインストールする方法｜caraldo.net | MT Blog
ノンデザイナーのための配色理論
フリーテクスチャ素材館
ホームページを作る人のネタ帳
カラーコード表（色見本） - 初心者のブログ作成 ＨＴＭＬタグ研究所！
初心者のブログ作成 ＨＴＭＬタグ研究所！
MovableType.jp
Untitled
Tumblrで作られたスゴいWebサイト
