これはウェブページです｡
たいしたページではありません｡ あるのは言葉だけ｡ それをあなたは読んでいます｡ オシャレなデザインや､レスポンシブなレイアウト､魔法のようなスクリプトに私たちは魅了されてしまいました｡ でも､ウェブで一番強力な道具は､今も昔も言葉です｡ 私が書いた言葉を､あなたが読んでいる｡これこそ魔法です｡ 私はブリティッシュコロンビア州の小さな都市にいますが､あなたは別のどこかにいることでしょう｡私は2013年6月20日の早朝にこれを書きましたが､あなたは違う日時にこれを読んでいることでしょう｡私はノートパソコンでこれを書きましたが､あなたは携帯電話でこれを読んでいるかもしれないし､タブレット端末やデスクトップ端末で読んでいるかもしれません｡ 私とあなたがこうして繋がることができたのは､私が書いた言葉をあなたが読んでいるからです｡ウェブとはそういうものです｡場所や端末､タイムゾーンが違っても､このシ
【配色 - デザイン ★★★★★】 - Color Scheme Designer 3
Paletton, the color scheme designer In love with colors, since 2002. Paletton application Colorpedia About Paletton About Paletton Paletton.com is a designer color tool designed for creating color combinations that work together well. It uses classical color theory with ancient artistic RYB color wheel to design color palettes of one to four hues, each of five different shades. Various preview sty
縦書きを可能にするjavascriptライブラリ「竹取JS」
SEO的にも問題の無い縦書きのコンテンツを作りたい。そんな時に便利なのが、今回紹介するjavascriptライブラリ「竹取JS」です。javascriptで指定されたブロックを縦書きに変換してくれます。 HTMLのみで縦書きというのは非常に面倒でしたが、これなら気軽に縦書きコンテンツを作れそうです。 詳しくは以下 上記のように文字だけではなく、リストや、取り消し線、テーブルなど様々なHTMLで創られた基本要素を縦書き化してくれますので、従来のサイトの構造を保ったまま縦書きのコンテンツを制作することが可能です。また切り替えボタンやダブルクリックで横書きへ瞬時に切り替わる機能も実装されています。 対応ブラウザはInternetExplorer5.5+ / Firefox3.5+ / Safari3.2+ / Chrome3.0+ / Opera10.5+と幅広いブラウザで利用可能。ライセンスは
「The Non-Designer's Design Book」はエンジニア必読の書籍だった - YAMAGUCHI::weblog
はじめに こんにちは、Python界の情弱です。もうかれこれ5年くらい「僕にウェブデザインのセンスがあったら、いやせめてデザインのセンスがあったらどんなによかったことだろう」と思っていたわけですが、半ば諦めていました。しかし先日同僚の@kotarokパイセンに勧められるがままに「ノンデザイナーズ・デザインブック」を読んだら、これが素晴らしい書籍で、もう一度僕にやれば出来るかもと思わせてくれたわけです。 ノンデザイナーズ・デザインブック [フルカラー新装増補版] 作者: Robin Williams,吉川典秀出版社/メーカー: 毎日コミュニケーションズ発売日: 2008/11/19メディア: 単行本（ソフトカバー）購入: 58人 クリック: 1,019回この商品を含むブログ (102件) を見る 本書が良いのは、多くのデザイン例があり、それも原則の適用後だけではなく、その前後でどれだけデザイ
JSNote - IEをCSS3に対応させるCSS3 PIEのJavaScript版を使う
JSNote 読んですぐに使えるJavaScript・HTML・CSSのタイプを書いています。 HomeLatest Entries左、中、右クリックのカスタムイベントを追加するjQueryプラグイン配列の任意の位置に値を代入したり削除したりするJavaScriptだけでローカルの画像をBase64エンコードするIEをCSS3に対応させるCSS3 PIEのJavaScript版を使うリストをページ分けしてページャーを付けるjQueryプラグインArchives2012-012011-122011-112011-02すべての記事一覧CategoriesJavaScriptjQueryブログその他CSSRSS IEをCSS3に対応させるのにCSS3 PIE使いたいけど、htcファイルってFC2ブログにアップロードできないし、htcって何か気持ち悪いのであんまり使いたくないって人のためのタイプで
NEW NISSAN NOTE e-POWER Special Site │ NISSAN
e-POWER搭載で 走り出しも坂もカーブも 気持ちよく”スーン”と走り抜ける。 そんなNEW NISSAN NOTEが、 毎日のワクワクを もっと加速させる スペシャルコンテンツをお届け。 いつもの街乗りも、楽しい時間に。
スマートフォンサイトのパフォーマンスチューニング | DevelopersIO
スマートフォンサイトのパフォーマンス測定とチューニングに関して調べたことをまとめます。 パフォーマンス測定のツールはKeynote社のMITEを使用します。MITEのバージョンは2.3で試しています。 MITEは性能テストの他に自動テストなどを行えるテストツールです。 MITEのインストール まずはMITEのインストールからです。 MITEは以下のサイトからインストーラーをダウンロードできます。 http://mite.keynote.com/ 無料でダウンロードできますがアカウントを作成する必要があります。インストール後、起動すると以下のようなダイアログが表示されます。 ここには作成したアカウントのユーザー名とパスワードを入力します。 起動した後ですがスマートフォンの端末情報(Profile)を最新に更新するかどうかを聞かれると思います。 最新に更新する場合は"はい"をクリックします。更
UX design is strategic framework | blog / bookslope
「UXとは何か」という話題をポツポツと見るのですが、個人的には「UX」で話をするのではなく「UXデザイン」で話をするほうが自然です。 「UX (デザイン) とは戦略策定をするためのフレームワーク」です。これは Peter Merholz (ピーター・マーホールズ) 氏のブログ から影響を受けて自分なりの解釈で表現した言い方なんですが、個人的には一番これがシックリきます。 User experience is strategy, not design: peterme.com なので、「UX」で議論するのはやめて「想定する成果物は何か」で話をしたほうが議論できます。つまり「UXデザインの成果物」です。 「それはホラ、いろいろあるよねえ、会社によっても違うしねえ」と話すのであれば、もう議論も何もあったもんじゃありません。その人と話すのはやめましょう。じゃどういう成果物を想定するのか。 UXデザ
【インタビュー】クックパッドのUIデザイナー：「エンジニアの仕事が０を１にする仕事なら、デザインは1を100にする仕事 」 | Startup Dating
Startup Datingでインタビュー連載を始めてみることになりました。さて連載の初回は、2011年に新卒としてクックパッドに入社し、現在UIデザイナーとして活躍する片山育美さん（@monja415）。片山さんが現職に就くまでの道のりや、クックパッドのUIに関する考え方、片山さんが手がけた具体的なUI改善の事例やヒントなどをたっぷりお伝えします。 美術大学で勉強、もともと職人になりたかった もともと絵を描くのが好きだし得意、高校のときから職人になりたいと思っていたと話す片山さん。美術大学に進学し、ファイン系とデザイン系でデザイン系を学ぶことを選択。ファイン系とは、絵画や彫刻などいかにも“アート”というもの。ファイン系が芸術だから、どこか自分の中で完結してしまうところがある。でも、職人って誰かのために技術を使える人なんじゃないか、と。情報デザイン学科を専攻し、サービスデザインやUXと言わ
企業サイトのスマホ“対応”とその一歩先の“最適化”とは？【レポート】 | イベント・セミナー
「企業サイトのスマホ対応」をテーマに、Web担当者Forumとミックスネットワークの共催セミナーが2月22日に東京で開催された。会場では、Webサイト制作に携わる3人のプロフェッショナルが登壇し、スマートフォン市場やスマートフォン対応の最新情報を惜しみなく披露してくれた。本レポートではその模様を詳細に報告する。 「スマートフォン対応の重要性と、レスポンシブ・Webデザイン」と題し、最初に登壇したのは、Web制作会社エイチツーオー・スペース 代表取締役として、スマホ対応の最前線で活躍するたにぐちまこと氏。Web制作に関するセミナーイベント「CSS Nite」において、2011年のベストスピーカーを受賞しており、トークの巧みさも高く評価されている。 たにぐち氏はまず、「復習」と位置づけて、最近のスマホ市場の動向をデータで紹介した。いくつかの調査会社の発表によると、2011年のスマホの利用率は約
3331
市民の活動と市内の空間資源をマッチングし文化資源（アーツフィールド）を創成する事業です。市民が独自の視点でユニークな空間資源を発見・提供し、その空間の楽しく新しい創造的な使い方をシェアしていけるように構想します。全世代の市民が街を共創するプラットフォームの構築を目指していきます。年間20～50箇所の新たなアーツフィールドをつなげ、3年で100箇所を目指しています。 パートナー企業様と連携することで多様な社会実験とも協働し、未来の街づくりに寄与していきます。※現在準備中
Samurai Factory Official Web Site
Takanori Part: Design, Management Birthday: April 23
Progression - Framework for Flash
ご使用のブラウザ環境では、本サイトが正しく表示できない可能性があります。 以下の注意点を確認し、必要な設定を行った上で再度表示してください。 ブラウザの JavaScript 設定を有効化してください。 最新の Adobe Flash Player をインストールしてください。
MOONGIFT: » これはすごい！Firefoxを使ってサイトのモックアップを簡単に作成する「Pencil」:オープンソースを毎日紹介
これはデザイナーのみならず導入必須のソフトウェアと言えそうだ。 Webサイトを作る際には、モックアップが必要になる。それをベースにして「ここをこうしよう」「次はどこに遷移させよう」といった議論が可能になる。頭の中だけではイメージがはっきりせず、意見も出しづらい。 ドラッグアンドドロップでモックアップを作成できる そんなモックアップを作成しようと思ったら、紙やHTMLオーソライズソフトウェア、画像編集ソフトウェアを使うことが多かった。だが画像編集ソフトウェアではチェックボックスやテキストボックスが作りづらい、HTMLオーソライズソフトウェアではデザインの微調整が面倒、紙では重ね書きしづらい…とそれぞれに欠点があった。そこでこれを導入してみよう。 今回紹介するオープンソース・ソフトウェアはPencil、Firefoxアドオンとして動作するモックアップ作成ソフトウェアだ。 個人的にはモックアップ
IEでのCSSのバグを回避するhasLayout | コリス
IE7で拡大・縮小時にレイアウトが重なってしまったり、IEでフロートした要素がはみ出てしまったりとIE独自のCSSのバグがいくつかあります。 これは、IEのhasLayoutが原因のひとつとなっているので、それを回避する方法を考察します。 hasLayoutとは IEでのCSSのバグを回避するhasLayoutの値 CSSのバグに効果のあるhasLayoutの指定方法 hasLayoutの参考ページ hasLayoutとは hasLayoutとは、オブジェクトがレイアウトを持っているかどうかを示すものです。 hasLayoutの値はread-onlyのため読み込みのみ可能で、falseとtrueがあります。 hasLayoutの値（read-only） false デフォルト値。 オブジェクトがレイアウトを持っていない。 true オブジェクトがレイアウトを持っている。 IEでのCSSのバ
Favicon.jp - ファビコンがなければ始まらない！
8年くらい前にファビコンを作る時にお世話になった「Favicon Japan!!」を久々に見ようとした所、 悲しい事に閉鎖されてしまったらしく、アクセスが出来なくなっていました。 時代の流れなのか、昔はホームページを作ろうとしたらまずFaviconにこだわるのが当たり前と言ったイメージでしたが、 モバイルサイトやタブレットサイトに移行しようとしている昨今ではファビコンは重視されないのか…と少し悲しくなりました。 しかし、毎月見ている期限切れドメインを取得出来るサイトを見ていたらfavicon.jpが販売されていたので購入。 以前「Favicon Japan!!」を運営されていた方に何の断りも無く始めるのは申し訳ないのですが(もし問題があればご一報下さい)、 faviconを登録できるサイトを作ろうかと思っています。 サービス開始は2013年6月ごろを予定しておりましたが、開発の遅れにより、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.css-lecture.com/log/css3/css3-border-radius.html
TechCrunch | Startup and Technology News
株式会社レバレッジ｜Leverage Inc.
ohada – Just another WordPress site