サンプルは「少しいいことをして作るプロダクト」の集まりです。 「少しいいこと」は何でもよくて、たとえば廃棄されてしまう素材を使ったり、寄付をしたり、 または廃業すると伝統が途絶えてしまうような工場に安定的に仕事を出すことだったりするかもしれません。 1年に1つか2つのプロジェクトを立ち上げて、製品を作っていきます。 デザインの仕事を続けるなかで、変わって欲しいと思うところに少し手間をかけて物づくりをしていきます。 iPhone/iPadケース 01 使われなくなった自動車用シートレザーを製品に。 シートの形にカットされた国産高級車の革が大量に保管されています。 それは仕様変更により本来の目的のために使われなくなった素材です。 一部はすでに別の製品に生まれ変わっていますが、 需要がなければ燃料になるか廃棄されてしまいます。 現状より「少しいい」用途に使うため、まずiPad と iPhone用
とある六畳間で印刷物を作ったりWEB的な何かをしていたり、物思いをしてみたり、嫁様の目を盗んでtwitterとかしてたりします。
2012 年 9 月 26 日 追記しました。 要約エントリー。 元記事 : iPhone 5 website teardown: How Apple compresses video using JPEG, JSON, and <canvas> アップルのサイトの iPhone5 のページにある「スライドしてアンロック」のアニメーションが、信じられない実装になっている、という話。簡単に要約してみた。(ミスなどの指摘は @lowply までお願いします) もともと h.264 と WebM の動画フォーマット戦争でブラウザ互換性の問題がまだ残っている上、iPhone などは「再生ボタン」を押さないと再生できなかったりするので、こうした短いアニメーションに video タグを使うことは最適解ではなかったらしい。 そこで発想の転換をして、Retina MBP のページでは、蓋が開くたった 2
ユーザーエージェント 一般にユーザーエージェント(User Agent)とは情報にアクセスする手段のことを表すが、特にWebにおいてユーザーエージェントと称する場合はHTTPユーザーエージェント(HTTP_USER_AGENT)のこと、あるいはそれらを識別する名称文字列のことを指す。 HTTPユーザーエージェントにはブラウザやウェブクローラーなどがあり、HTTPユーザーエージェントはHTTPリクエストの際にユーザーエージェント毎に決められた識別名称文字列を送信する。この文字列はハードウェア情報、携帯キャリア名、ホストOS名、アプリケーション名、レンダリングエンジン名、バージョンナンバーなどで構成されており、各エージェントにとって最適な情報や反応の取得に役立つ一方、ユーザエージェント文字列には厳密な構文の決まりはなく、ブラウザの発展やシェア争いの過程で文字列が複雑に変化したり、仕様上、エージ
今回このブログ - Webデザインレシピを、iPhone などでも見れるようにリデザインしました。使用したのは CSS3 の Media Queries(メディアクエリ)。メディアクエリの使い方や感想、気をつけたい注意書きをまとめてみました! 遅ればせながらこのブログ – Webデザインレシピを、スマートフォンでも見れるように改修しました。このブログは WordPress で書いているので、スマートフォンや iPad への対応方法はいくつもあるのですが、今回は CSS3 の Media Queries(メディアクエリ)を使って、iPad、iPhone など、いろんなデバイスに対応(対応というか、一応見れる程度)にしてみました。 なので Media Queries を使ったスマートフォン対応と、リデザインしながら思ったことなどをまとめてみました。 CSS3 Media Queries 目次
<link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="ipad.css" type="text/css" /> /* 好ましくない例 */ これを使うことで横幅1024px以下のデバイスでアクセスされた場合に、ipad.cssを読み込むということはできるんですが、PCの場合でもこの程度の解像度のものはありますし、なおかつ利用しているブラウザが最近のものであれば、このコードを理解してしまいます。 つまり、「iPadだけ」に適用させるということは実質できないということになります。 この点はご注意ください。 デバイスの幅に左右されないリキッドレイアウトにする 前述のユーザーエージェントの話に次いで、レイアウトの話です。 iPadのデバイスとしての画面サイズはポートレート(縦向き)であれば 横
最近今あるサイトをスマートフォンに対応させるべく、コツコツがんばっているわけですが、その際に気になったことや知っておきたいポイントをまとめてみました。基本的な内容も多いと思いますが、ご参考になればと思います。 1. スマートフォンに対応させるには? ウェブサイトをスマートフォンに対応させるには2つのパターンがあると思います。 PCにもスマートフォンにも対応したページを作成するか、PC用ページとは別にスマートフォン専用ページを作成するかです。 1つ目のPCにもスマートフォンにも対応したページは、Media Queriesを使う場合が多いと思います。 Media Queriesを使うと画面のサイズの違いによって適用するCSSを変更することができます。 例えば、CSS-Tricksというサイトは画面サイズによってレイアウトが大きく変わってます。 Media Queriesについては後で簡単に紹介
以下の記事以来、アプリのデザインについて考えてます。 「最高のデザインのiPhoneアプリ」投票結果をまとめてみました てことで、ここ数日間、有名かつフリーな画像編集アプリ「GIMP」と試行錯誤しながら格闘、もとい学習中です。 てことで、まだまだお披露目するのは恥ずかしい状況ですが、こういう画像が少しづつ出来るようになっているところです。 以下、参考になりそうな情報をまとめてみました。 GIMPの基礎まずはお決まりの基礎知識について。 GIMP2を使おうGIMP始めの一歩 | GIMP初心者向けサイト GIMPで作った画像と参考チュートリアル 以下、練習で作ってみた画像と参考にしたチュートリアルを紹介してみます。 金属面にレタープレスで「motomaka」文字 以下を参考にしました。GIMPで、ヘアライン処理した金属面を描く方法GIMP でレタープレス(型押し)文字を作るチュートリアル |
人気記事 1 ある4文字を入力すると「iPhone」のホーム画面がおかしくなるバグが見つかる 2024年08月22日 2 ポンプメーカーが作った普段使いのポータブル電源--バッテリーと発電機の技術を融合 2024年08月21日 3 楽天モバイル、8月27日から「スマホ交換保証プラス & 家電補償」--自宅のデジタル機器も対象 2024年08月20日 4 Instagramで「既読」を付けずにDMを閲覧する方法 2024年03月11日 5 ソーシャルインテリア、オフィス家具の共創型ショールーム「THE MUSEUM」開設 2024年08月22日 6 楽天モバイル契約者は「楽天スーパーSALE」に1日早く参加可能に--ECとのシナジー強化 2024年08月22日 7 物流の現場でデータドリブンな文化を創る--「2024年問題」に向け、大和物流が挑む効率化とは 2024年08月22日 8 グーグ
PHP技術者認定機構、ウェブセキュリティ試験を導入--サイバー攻撃の激化を受け ウェブサイトを狙うサイバー攻撃の脅威が高まっていることから、PHP技術者認定機構は開発者やユーサーを対象にウェブセキュリティ試験を導入する。 2018-12-12 11:25:00 「etcd」がCloud Native Computing Foundationのインキュベーティングプロジェクトに Kubernetesクラスタの情報を保持する分散KVSプロジェクトのetcdが、Cloud Native Coputing Foundation(CNCF)にインキュベーティングプロジェクトとして加わった。 2018-12-12 11:07:00
使い慣れたDreamweaverで、iPhone用のWebサイトを作りたい。そんなWeb制作者の声に応えるエクステンション(拡張機能)「iPhone site extension for Dreamweaver CS4/5」が登場した。利用は無料で、開発元のエイチツーオー・スペースのWebサイトからダウンロードできる。 iPhone site extensionは、アドビ システムズのHTML/CSSオーサリングツール「Dreamweaver」にiPhone用Webサイトの作成支援機能を追加するエクステンション。iPhone site extensionをDreamweaver CS4/CS5にインストールすると、新規作成メニューから「iPhone用ページ」「iPhone用Webアプリ」の2種類のHTML/CSSテンプレートが選択できるようになる。各テンプレートには、アップルのデザインガイ
いろいろと思うところがあって、新しい音楽を開拓&垂れ流しにできるオススメ or 人気の音楽ストリーミングサービスを紹介したいと思う。 Jamendo Jamendoは、世界最大のクリエイティブ・コモンズ・ミュージックサイト。現在配信中のアルバムは4万6千枚を数え、30万曲超のCCミュージックを提供している。Jamendo自身も、おすすめの曲のJamendoラジオストリーミングを行っているが、Chrome拡張のJamendo Radioを導入するとさらにカスタマイズされたラジオチャンネルの作成が可能になる。こうなると、ブラウザを立ち上げている間中、好きなジャンルの音楽をかけっぱなしに出来てしまう。 また、Chromeユーザ以外の方には、Jamendo APIを利用したJamendo HTML5 Audio Playerがおすすめ。こちらは、タグをクリックすると自動的にそのジャンルの楽曲のプレ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く