サクサク読めて、アプリ限定の機能も多数！
トップへ戻る
買ってよかったもの
akibahideki.com
引用：大阪市交通局がIllustratorやPhotoshopを使えるプロのデザイナーを月額112,600円で募集しTwitterで炎上中 - ライブドアニュース : http://news.livedoor.com/article/detail/8930385/ 実は炎上していた当時から思っていたことなんですが、一度冷静に考えるため時間を置いてこの記事を投稿してみます。 事の発端は、大阪市市交通局が公布した「大阪市交通局非常勤嘱託職員募集要項」（現在はリンクが切れている）の応募要件に ・Illustrator、Photoshopの広告デザイン実務経験があること ・Excel、Wordが使えること ・1日6時間で週5回（つまり平日）勤務 ・給与 112,600円 ・昇級・昇格なし という内容。 Twitter等で炎上になったようです。 要するに「これだけのスキルがある人に11万だと！？うち
スマホ対応サイトで有名なテクニックのひとつ、ページを読み込んだ後にJavaScriptで1pxスクロールさせると、アドレスバーが上に隠れる例のアレですが、どうもiOS7 betaのSafariでは通用しないみたいです。
table要素で構成された表組のデザインを採用する際にはモバイルサイトでも成立するかどうかを先に検討するべきでしょう。 しかしそうは言ってもこのような機能比較表は都合上どうしても横に長く、項目で割って列挙されるのでモバイルサイトでは非常に難しい見せ方の一つとされています。 指でフリックして横スライドするUIもJavaScriptなどゴリゴリに書けばできないこともないのですが「対応／非対応」の場所などは、何が「対応／非対応」かわからなくなる場合があります。そうです、画面が狭いからです。
私は2012年5月のCSS Nite in OSAKA, Vol.30をはじめ、色々なセミナーにてブラウザから直接写真を撮影できて、そのままサーバに送信するデモを行ってきて、サービスに貢献できそうなアイデアなどもお話する機会をいただきました。
フォントの使用／不使用を管理しているアプリケーション「Font Book」でも使用の状態なのですが、IllustratorとPhotoshop上では、新しく購入して正規にインストールしたはずのフォントが全く出てこなかったんです。
以前、たった1回のハッカソンでつくったHTML5でつくったOperaブラウザのカメラアプリの記事を書いたんですが...
というわけで、Android版Opera Mobile 12.00というバージョンで対応していることをこちらでも確認しました。 ただ、今回お話する「設定」の部分がTP（テクニカルプレビュー、前回から使っているアイコンに「LAB」がついたもの）と違いがあり、ちょっと混乱しそうなので、前回ダウンロードしたLAB付きのOpera Mobileを使ってチャレンジしてみたいとおもいます。
video要素やcanvas要素を使って撮った写真を加工してサーバに残す、なんてことは特にスマホ案件で依頼が来るかもしれません、そうなって焦らないように今から勉強しておきたいですね。 せっかくイベントで発表させてもらうので、これからシリーズでブログに書いていこうと思います、いまから勉強するのは決して早すぎることはないでしょう。
円形グラデーションサンプルボタンを色相で検索できる新しいユーザインターフェイスアイコンセットやbackground-imageパターンを商用利用可で提供グラデーションだけではなくfont-sizeやcolorなどのプロパティのコードも出力
実はあまり知られていないことですが、もう10年くらい前に「インターネットテレビ（あえてそう言います）」は発売されていますが、正直普及しているとはいいがたく、例え使っている人にとってはおそらくそのテレビはそのうち使いにくいもの、あるいは使えないものになっているかもしれません。
以前も記事に書いたデザイナー主体のハッカソンプロジェクト「Designers Hack」で作っているモックをちょっと作り込みましたので、テストバージョンサンプルと動画をあげておきます。 DEMOはこちら（iPhone, Androidで見てください、PCブラウザでは動作しません） TimeFlickerJS + iPhone4S TimeFlickerJS + GALAXY S2 iPhoneのUIで見かける、数字を縦にフリックできる日付用のドラムっぽいあのUI。 あれ、HTMLのフォームなどで作ってほしいという要望がありがちです。 でも、「時」と「分」を同時にクルクル指でフリックさせて数字を合わせるHTMLのUIが無いので、作ってみました。 jQueryのプラグインみたいにしてます。 使い方は簡単です。 <head> <link rel="stylesheet" type="text/c
※ハッカソンとは...プログラマが集まって一日、もしくは連日かけて共同で何かアプリなどを作る、というイベント。 Hack＋Marathonの造語であるが、エンジニアの会話の中に入れないデザイナーとしては、あまり積極的に参加しにくい傾向があります。 ※以降、デザイナーを交えたハッカソンのことを便宜上「デザイナーハッカソン」とここでは言います。 このあいだも、Googleのハッカソンに呼ばれて東京に行って思ったんですが、「知識が豊富なエンジニア達の中にデザイナーを投入してハッカソンを行おう」と、最近そんなことを企画するところが増えだしたな、という気がします。 しかし、企画側の理想は分かるんですが、今までのハッカソンの感覚でやるとまったく意味がないと感じています。 むしろデザイナーを投入するだけ時間の無駄とも言えます。 エンジニアの会話というのは、エンジニア同士でないとなかなか伝わりません。 だ
えーっと、本を書きました、5/28に毎日コミュニケーションズから発売される「CSS3デザインプロフェッショナルガイド」という本を共著で、SOY CMS2の開発者、宮澤さんと、東京のWeb制作会社、ピクセルグリッドの小山田さんや外村さん、そしてITプロフェッショナルの蒲生さん、そして弊社とみたと僕、といった豪華（？）メンバーで執筆しました。
最近、Webデザインのトレンドとか言って、立体的なナビゲーションじゃなくて、平面でシンプルなナビゲーションがトレンド、なんて言う人が多いですね。 で、そうなりつつあるのはわかるんですが、だからといって、今の企業サイトもそうだし、クライアントが全てトレンドを求めてる訳ではなく、テイストは案件によって出し方を柔軟にする事が大事なんです、と思っています。 今回、アップルのサイトのグローバルナビゲーションをマネしてみましょう。 シンプルだけど、拡大してみると案外細かい線が凹凸感を出していて、心地よい立体感を演出してくれています。 ここで大事なのが、「溝」。だと感じました。 地味な存在で目立たないけど、ここもこだわってデザイナーとしてのクオリティを上げてみたいな、と。
赤い点をドラッグしてみてください。 あくまで基礎中の基礎なので、もっと詳しい方はこちらのほうがおすすめです。 「2009-02-11 - 最速チュパカブラ研究会」 http://d.hatena.ne.jp/gyuque/20090211#1234364019 ■画像を3D的に遠近感を出すには？ 例えば正面を向いている画像が上を向いているように見せるにはどうすればよいでしょう？ それは、画像を台形にして上辺が狭くなれば、立体的に上を向いているように見えますよね？ 今回はcanvas要素を使ってこういった画像を変形させることにします。 しかし、現在仕様が固まりつつあるcanvasの2Dレンダリング方式では、こういった画像に奥行を与える直接的な機能を持っていません。 つまり長方形のカタチから台形に変形させるのは簡単にできないというべきです。 Flash Playerはvar10からムービークリ
以前HTML5案件で作ったもので、canvasで上の図のようなことができるJavaScriptファイルなんですが、これをライブラリ化してみました。
セッションの中でお話しましたけれど、まだ現在では、HTMLやJavaScriptベースでカメラを使ったWebアプリは作れません。
これはエンジニア向けのJavaScriptコース、そしてデザイナー向けのHTML / CSSコースの二つの科目（？）があり、それぞれ好きな方を選べるし、両方受験することもできます。 まあ、内容はもちろんここでは書けないけど、結構難しいことから、割と誰でも知ってそうなことまで幅広いので、自分のスキルを試すということで、やってみてはいかがでしょう？
サイトにアクセスして、画面をちょっと下にスクロールすると「Android Build」というリンクがすぐ見つかるはずです。 これをタップするだけでダウンロードが始まります。 ダウンロードが終わったら、上図右のようにアイコンをホームの画面にでも配置しておきましょう。 Operaのアイコンに「LAB」と書いてあるのがそれです。 その「LAB」と書いているOperaを起動して、ハッカソンで作ったやつのアドレスにアクセスしてください。 http://ecoloniq.jp/opera_de_camera/ ※ハッカソンの制限時間の関係上ちょっとした不具合があります、そのときは更新をタップしてください（ちゃんと作りたいなあ...） カメラの映像をブラウザに映す カメラの画像をブラウザに映すのだけはとても簡単です。 <video autoplay> // jQueryを読み込んでいます $(funct
JavaScriptで画像（<img>）の読み込みの完了を待ってから処理を実行する時に、キャッシュ対策としてよくやってる
東広島にあるSHARPさんの事業所、というか自然に囲まれたビルの一室で行われたAndroidアプリ開発イベント（ハッカソン）に2日間かけて行って参りました。 ハッカソンとは開発をされているプログラマーさんが、限られた時間の中でアイデアを出し、アプリを作るイベントなんですが、デザイナーには全く疎遠なイメージがあります。
以前ブログにも書きましたjQuery用のプラグイン、jquery.monochromer.jsですが、ある件でこのプラグインを紹介してくださるらしく、ちょっと改良しました。 色を指定できるデモとソースのダウンロードはこちらでお願いします。 どういったものかというと、img要素にこれを適用すると画像がモノクロになるというものです。 適用方法は簡単で、jQueryを読み込んだ後このプラグインを設置し、指定するだけです。 一番シンプルなカタチ。 monochromerをデフォルトの状態で与えてください。 img要素がグレースケール化します。 本の画像にマウスを乗せるとカラーになります。 今回はイヤラシく、僕も執筆に参加した宣伝も兼ねて「Facebookページ プロフェッショナルガイド」のサムネイルを使います、ゴメンナサイ。 $(".demo01 img").monochromer(); 改良点で
もう少しかかるかもしれませんが、Illustratorの書籍を執筆中で、夏の終わりか秋口にリリースされる予定の「Illustrator 10倍ラクする仕事術」の出版記念イベントが東京のアップルストア銀座で開催されたので出演してきました。 アップルストア銀座には2度目の登壇になるんですが、DTP系のイベント出演で東京はAdobeさんのイベントで一度出させていただいたっきり久しぶりだったと思います。
Gradation Slider Like a function of Photoshop. When you click on the vertical gradation slider, you can add a color point to it. Drag the point to right to remove the color. To select the color of the point, double-click on it. If you want to make a complicated gradient soon, click on the sample buttons. Then, default gradient points are added to the slider. You can change the color of the points
2015年9月21日、Zepp 東京にて10年間の活動をとめたロックバンドSadie。 そのライブを事務所の方のお気遣いをいただき関係者席で観させていただきました。 とてもいいライブだったな、と振り返ると少しながらでもお仕事に関われたことに嬉しく思います。5年近く前から数年間の間、彼らのウェブサイトのお手伝いをさせていただきました。こちらです。 Sadie : http://www.sadie-web.com/pc-top.html 些細なキッカケ 「キッカケ、人生本当に何が起こるかわからない、たまたまつながった」（一字一句は違いますが）というギターの方がそんなことを言ってました。ロックをやっている人からこの言葉が出るのは珍しく思えますが、人には生まれ持って何か役割があるとすれば、彼の半生もしくは一生の役割がギターであり、メンバーに出会って彼はギタリストとして活躍できる機会を得たことになる
このページを最初にブックマークしてみませんか？
『http://akibahideki.com/』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
