グーグル 無料のウェブ制作ツール Web Designerを公開
Googleからものすごそうなツールが登場。Adobeのツールがすべて合体したようなツールです。Illustratorのようなパス描画を可能とし、3Dビューで編集まで可能、さらにAdMobの設定までできてしまい、タイムラインでHTML5のアニメーションまでできてしまうようです。 直感的ツールで作ったデザインをマルチデバイスに対応したウェブページとして吐き出してくれるようです。又、デザインツールで作られたコードをコードビューに切り替えて直接編集することまでできてしまい、まさにかゆいところの手が届く感じの機能が網羅されているようです。 新規ファイル作成画面 3Dビューを備えたイラストレーター的ツール チュートリアルがこちらで用意されています。 Google Web Designer Help これは使い込んで見て損はなさそうですね。恐ろしいツールが出てきてしまいました。Adobeはどう出る？
jQuery：スクロールで表示されるページトップの実装方法 - NxWorld
数多くのサイトで実装されているのを見かける、ページを一定量スクロールすると出現する「このページの先頭へ」のようなページトップを実装する方法を紹介します。 このブログでも実装している（現在は未実装）のですが、同じような動きを実装したいというお問い合わせをいただいたのでその方への回答も兼ねて、動きが被っている感じですが全7タイプの実装方法を紹介します。 最近ではちょっと変わったタイプも多く見かけますが、今回は凝ったアニメーションなども特にないシンプルなものなので、どんなタイプのサイトにも合わせやすいかと思います。 はじめに ここで紹介している実装方法は全てjQueryを使用していますので、あらかじめjQueryを読み込ませてください。 また、HTMLは全て下記のものを使用しています。 紹介しているサンプルはclassにpagetopを用いて実装していますので、class名を変更した場合はCSS
僕がいっさい図面を見ないから、代官山 蔦屋書店ができた：日経ビジネスオンライン
日本製のモノが、サービスが売れない。性能はいいのに。機能も充実しているのに。壊れないのに。親切なのに。多くの日本企業が直面している、「いいモノをつくっているのに売れない」問題。 なぜ、売れない？ それは、日本製品の多くが、かっこよくないから。美しくないから。カワイくないから。気持ち良くないから。つまり、デザインがなっていないから。 どうして、デザインがなっていない？ それは、経営者がデザインのことをわかってないから。つまり、経営者が「ダサい」から。だから、デザインをマネジメントできない。 経営者がダサいと、日本企業はつぶれる。では、どうすれば、デザインをマネジメントできるのか？ どうすれば、かっこいいを、美しいを、カワイイを、気持ちいいを、商品化できるのか？ どうすれば、ダサい経営から、デザインできる経営に転換できるのか？ ifs未来研究所所長の川島蓉子が、時代を切り開く現役経営者やデザイ
太陽光反射で車を焼いてしまう威力をもつ英ロンドン高層ビルで目玉焼きを焼いてみた : カラパイア
イギリス、ロンドンで、新たに建設中の超高層ビルは鏡張りのような反射グラスを使用しているが、このガラスが太陽光を反射させ、近くに止めてあった自動車数台の車体を溶かしてしまったという驚愕のニュースが世界中に報じられ話題を呼んでいた。 ではその反射グラスの威力はいかほどのものなのか？フライパンに卵を入れ、反射光の当たる場所に置いて実験した映像が公開されていた。
ガラス張りで凹面…「車溶かすビル」が波紋 ロンドン、反射光で - MSN産経ニュース
駐車の際はご用心－。ロンドンの金融街シティーに建設中の高層ビルの反射光で、周辺に駐車していた車の一部が高熱で溶けるなどの事態が相次ぎ、英国で話題を集めている。 英メディアによると、事件が起きたのは先月末。ビル周辺に愛車を止めた会社幹部の男性が約１時間後に戻ると、サイドミラーなどが熱で変形し、ぼろぼろになっていた。 ガラス張りのこのビルには側面がなだらかな凹面になっている部分があり、反射光が集中して非常に高温になる地点が周辺にできることが原因とみられる。 車以外にも、商店入り口のカーペットが焦げるなどさまざまな被害報告が相次いでおり、ビル周辺の駐車場は一時的に使用が停止された。車が溶けた男性は「こんなことが起きるなんて信じられない」。ビルの開発会社から車の修理費を受け取ったという。 ビルは３７階建てで来年の完成予定。開発会社は「問題の解決策を検討中」としている。（共同）
Apple、開発者に対し｢iOS 7｣対応のアイコンの提出を要求 | 気になる、記になる…
｢iOS 7｣は早ければ9月10日にも正式リリースされると言われていますが、9 to 5 Macによると、Appleが開発者に対し｢iOS 7｣に対応したアイコンの提出を求めている事が分かりました。 ｢iOS 7｣対応のアイコンのサイズは｢iOS 6｣までのアイコンよりサイズが少し大きくなっており、iPhoneの場合で｢iOS 7｣が120×120に対し、｢iOS 6｣は114×114で、iPadの場合は｢iOS 7｣は152×152に対し、｢iOS 6｣は144×144となっています。 また、｢iOS 7｣ではアイコンの角半径も変更されており、開発者はこの変更もアイコンデザインの際に考慮する必要があるそうです。
「終了前に、ただ伝えてほしい」――多くの開発者に届きますように。
オープンソースの集まりで1度しか実際にお会いしていませんが、お願いがあります。 富士通アクセシビリティ・アシスタンスというサービスが、2013年8月20日で提供終了します。つまり、あと20日。このソフトは視覚障がい者や色覚障がい者の方がどのように色を見ているかを確認できるツールです。Webサイト制作をしている人なら、今は必要なくても、いつか必要になるソフトです。 8月20日までにダウンロードすれば、8月21日以降もローカル環境で普通に使えるので、なんとかメディアで紹介して頂き、提供終了するまでに、少しでも多くの人に知ってもらいたいと考えています。 紙媒体だと、とても間に合わないのですが、ネット媒体なら、なんとかなるかも！と思い、お願いしたいと思いました。 視覚障がい者や色覚障がい者という障がいに興味がないかもしれませんが、外見では判断できない障がいなので、気付いていないだけなのです。 よか
「住宅都市整理公団」別棟 : 東京の中心は空虚ではない
2013年08月19日15:49 カテゴリ地図・GPS 東京の中心は空虚ではないTweet 「路線図アーティスト」、エセックス大学のMax Roberts博士による東京の地下鉄路線図デザインが話題になっていた。これ↓ 出典のぼくが読んだ元記事はこちら 博士は認知心理学の観点から路線図のデザインを手がけておられるとのこと。でもこれ、見やすいんだろうか。いや、見やすいと思う方もいらっしゃるだろうし、地図って既存の形式への慣れが大きくものを言うし、この手の話題って議論を呼びやすいのであまりうかつなことは言えないんですけれども。とにかく、ぼくは見づらいなあと思った。で、なんで見やすくないのかを考えたら、おもしろいことがわかったのでそれについて書こう。 博士による他の都市の地下鉄路線図を見てみよう。地下鉄路線図デザインの老舗・ロンドン↓ パリ↓ ニューヨーク↓ いずれも同心円と放射状の組み合わせで駅
Chosen: A jQuery Plugin by Harvest to Tame Unwieldy Select Boxes
Hide Search on Single Select The disable_search_threshold option can be specified to hide the search input on single selects if there are n or fewer options. $(".chosen-select").chosen({disable_search_threshold: 10}); Default Text Support Chosen automatically sets the default field text ("Choose a country...") by reading the select element's data-placeholder value. If no data-placeholder value is
エントリーに無駄な画像を入れるのは止めて欲しい - Hagex-day info
どもどもHagexです。最近ToDo管理ソフトのRemember The Milkを1年ぶりに使い始めたんですが、ToDoがあまりにも多すぎて、見ているとイヤになってきました（涙）。 そしてついつい現実逃避でWebページの閲覧に逃げてしまうのですが、最近、記事やエントリーに意味のない画像がやたら入っているサイトが増えてきたような気がします。アイキャッチ用に1点ぐらいならわかるのですが、3点以上入ってるとアホじゃないか？ と思っちゃいます。 例としてですが、こんな感じのページです（某大手サイトのエントリーを取り上げましたが、似たようなサイトはたくさんあります）。 本文に6つも画像が入ってますが、ぜんぶ内容と関係ありません。すべてイメージ図です。なぜこんなに意味もない画像をいれるのか？ 理由として考えられるのは…… （1）サムネイル表示用のアイキャッチ（正当） （2）少ない文字量を多く見せる（
8割以上の人、スマートフォン専用サイトの必要性を感じていないことが判明
有限会社いろはの代表取締役兼経営コンサルタント・竹内謙礼が、「ネットで売れるもの売れないもの 増補改訂版」（日本経済新聞出版社）を8月2日に発売するにあたり、楽天リサーチを活用して、スマートフォンユーザー100名に対して、アンケート調査を行った。 同調査では、スマートフォンで一般的に表示される「PCサイト」と、スマートフォンの画面の大きさに合わせて表示される「スマートフォン専用サイト」と、どちらが活用されているのかを中心に尋ねた。 まず、「スマートフォン専用サイト」と「PCサイト」、どちらが使いやすいか質問したところ、「スマートフォン専用サイト」と回答した人が39％だったのに対して、「PCサイト」と回答した人が45％と、6ポイント上回る結果となった。「特に意識はしていない」と回答した“どっちでもいい派”の人が16％いることから、6割以上の人がスマートフォン専用サイトに対して利便性を感じてい
『デザイナーがデザインしたとおりになっているかは...』
少し昔を思い出してました。当時いた会社の制作物のデザインは、一時期ほぼすべて巨匠とよばれるベテランデザイナーがやってたのですが、ぼくはPMの立場でわりとぞんざいに扱っていました。 入社した頃はデザインセクションとシステムセクションが半々だったのですが、受注額に年々差が付いて行きいつしか人数比でエンジニア9に対しデザイナー１くらいまで減っていました。 そして経験の浅いPMであるぼくは、デザインの適正価格があまりみつもれず500万のiPhoneアプリ開発だと50万円くらいとか、価格比もそんな割合にしていました。UIデザインを頑張ると開発工数も連動して、あるいは数倍に跳ね上がることを知ってたので、案件が炎上しないようデザインにこだわったアプリを受注することを嫌ったのです。 そして受注した後僕は巨匠にこう言います。 「この案件、予算少ないんで雑なデザインでいいですよ」 しかし、巨匠はきっちり仕事を
Googleがスマホへの対応が不適切なサイトの順位引き下げを発表 - ECサイト構築運営に役立つ情報発信｜モバイルファーストマーケティングラボ
2013年6月11日、検索サイト最大手のGoogleが検索結果のランキング変更に関する発表を行いました。 スマートフォン向け検索でのランキングの変更について GoogleのPierre Far氏（ウェブマスタートレンド担当アナリスト）によると、「スマートフォンユーザーへの更なる検索体験の向上と、スマートフォン環境での閲覧の支障を減らすため、Googleでは近日中に、誤った設定をおこなっているスマートフォン向けサイトに影響のある、いくつかのランキングの変更を予定しています」と述べています。 要はスマートフォンユーザーがより快適にサイトのコンテンツを閲覧し、ストレス無く探している情報をすぐに見つけることができるようにする変更なんですが、問題のあるサイト事例として以下を紹介しています。 デスクトップ向けサイトと、スマートフォン向けサイトでそれぞれ別々のURLを用意しているサイトの場合、リダイレク
「K=100は濃い灰色！」「リッチブラックはC90% M90% Y30% K100%」で印刷関係者が騒然
概要 ▶ PhotoshopVIPのK=100は黒ではありません？ K=100は濃いグレー？ リッチブラックはC=90, M=90, Y=30, K=100？…疑問に思ったので調べてみました。 K=100は黒ではありません。 Photoshopでやってしまいがちな10個の間違い - PhotoshopVIP 「Photoshopでやってしまいがちな10個の間違い」（PhotoshopVIP）で「K=100は黒ではありません」「K=100は濃い灰色」とあったので印刷関係者が騒然となった（一部）。 名指しはしていないけど、こちらのブログでも K100%は「濃いグレー」か？ 日本に限って言うならはっきりと、「いいえ。違います」 K100%はグレー？？？いいえ、「黒」です。それでもリッチブラックを使うなら… | やもめも とある。（違ったらすみません） 日本と欧米ではブラックのインキの濃度が違う
影を完全排除したiOS 7、ほんとにこれでいいの？
｢フラットデザイン｣で影が消えちゃったけど、あった方が見やすく使いやすいと。 iOS 7は、ジョナサン・アイヴ氏を新責任者として｢フラットなデザイン｣で一新されました。かなり大きく変わった分、そのデザインについてはギズモードでもすでに疑問視する声が出ています。今回、デザインのバックグラウンドを持つオーストリア在住のプログラマー、ファビアン・ピミンガーさんは、ユーザーインターフェース（以下UI）から影が完全になくなったことについて異を唱えています。 以下はファビアンさんの許可により、彼のブログ（Webサイトはこちら）から米Gizmodoに転載された内容です（強調は訳者が追加）。 今からちょうど1年前には、｢Skeuomorphism｣（訳注：レザー調ステッチや紙の素材感など、アナログの事物の外観をデジタルの世界で使う手法）とか｢フラットデザイン｣といった言葉を知っている人はほとんどいませんで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
10 Best CyanogenMod Themes for Android Which You Should Try
Android 4.4 KitKatの画像が流出─透明UIでフラット化─Galaxy Nexusにも提供か
大学翻訳倶楽部 on Twitter: "カードの挿入方向とデザインが不一致で最悪だと思う。 http://t.co/8Emb9hfNai"
http://www.designwalker.com/2010/06/jquery-forms.html
「目に見えない」自転車用ヘルメット：スウェーデンの女子大生が発明