DESIGNEAST 06 X0 [extra-ordinary]
DESIGNEAST 07 "Mobilities" 「デザインする状況をデザインする」ことを目的に、2009年に始動したDESIGNEAST。 大阪を拠点に活動するデザイナー、建築家、編集者、研究者の5名の実行委員が中心となり発足したプロジェクトです。これまで「social sustainability」「周縁と中心」「状況との対話」「場への愛」など毎年テーマを設定し、年に1回、国内外のゲストによるトークやワークショップ、映画上映、マルシェなどが渾然一体となる場を大阪にて創出。多様化するデザインをめぐる状況と向き合いながら、DESIGNEAST自体も変化を続けてきました。 2014年からは、全国4ヶ所を移動した「CAMP（2014）」や、山口と大阪を行き来した「XO（2015）」のように、これまでの拠点型から移動・往来型のプロジェクトへと更新。全国各地の共同企画者とともに、地域のフィール
![DESIGNEAST 06 X0 [extra-ordinary]](https://cdn-ak-scissors.b.st-hatena.com/image/square/adb5426a33a3d02e035c3a8cc6cd3de94a63d85a/height=288;version=1;width=512/http%3A%2F%2Fdesigneast.jp%2Fassets%2Fimg%2Fogimg.gif)
レスポンシブWebデザインのブレークポイント調査
iPhone、iPadを基準にした数値が目立ちます。 レイアウトをPC、タブレット、モバイルで変更すると考えた時に、 代表的なデバイスでありユーザー数も多いiPhone、iPadが基準になるのも自然な流れかも知れません。 しかし、例えばブレークポイントをiPad基準にした768pxにすると、 幾つかのAndroidタブレットは800pxなのでこれらのデバイスにはタブレット用のレイアウトが適用されません。 ブレークポイントの数 少ないサイトは1〜多いところでは十数のブレークポイントを設けてるサイトもあります。 ただし、多く設定してるサイトもその全てでレイアウトが大きく変化する訳ではなく、 ごく一部のコンテンツのみ調整するといった使い方をしています。 例えば下記のサイトでは1300pxを境に境界線(.splitter)のみスタイルが変わります。 Remodelista: Sourcebook
CSS Click Chart | CSS3 Browser Support and Information
Can I Use ? Data on support for the default feature across the major browsers from caniuse.com.
誰でもできるインターネットの始め方 | オモコロ
どうしたもこうしたも見てよこの雑誌！ いま、インターネットが空前の大ブームなのよ！ イ、イ、イ、インターネット！！？ なんでそんなに驚くのよ。 そうだ、ピュウタくんはパソコンだから インターネットに詳しいんじゃないの？ ごめん、僕はインターネットに繋がってないんだ。 えー、そうなんだ。ショボいなあ。 （ショボいし、手が生えててきもちわるいし、喋るし、そもそも これ本当にパソコンなのかなあ。きもちわるいなあ。） でも、インターネットのことならなんでも知ってるし、 分からないことがあったら遠慮なくきいてよ。 そうだなあ。とりあえず、ピュウタくんを インターネットに繋げるにはどうしたらいい？ まずは電話や光回線などを通じて インターネットに接続しないといけないね。 ほう、回線・・・？ インターネットの世界はネットワーク回線を介して 繋がっているんだ。それに、プロバイダと契約してインターネットを
無償のWebサイト構築ツール「WebMatrix 2」、新版はiPhone/iPadエミュレータ、Node.js、CoffeeScriptなど対応
無償のWebサイト構築ツール「WebMatrix 2」、新版はiPhone/iPadエミュレータ、Node.js、CoffeeScriptなど対応 先週末に行われたWindows Azureの新機能を紹介するイベント「Go Azure」の基調講演の中で、Azure以外に興味を引かれたソフトウェアがありました。マイクロソフトが無償で公開しているWebサイト構築ツール「WebMatrix」の新版、「WebMatrix 2」です。 WebMatrixは、HTML/CSS/JavaScript/PHP/ASP.NETなどに対応したエディタ機能を備え、コード補完機能も搭載。ローカルにデータベースやWebサーバを用意してPHPの動作をそのまま確認したり、WordPressやDrupalなどのWebアプリケーションをローカルで試すこともできました。 下記はその画面（参考：マイクロソフト、無償のWeb開発
レスポンシブ・ウェブデザイン基礎
1. レスポンシブ ウェブデザイン基礎 Responsive Web Design Basic ・ レスポンシブ・ウ ブデザイ ェ ン基礎 Responsive Web Design Basic こもりまさあき 2012. 06. 11 at Yahoo! JAPAN | Komori, Masaaki 2. レスポンシブ ウェブデザイン基礎 Responsive Web Design Basic ・ 自己紹介 こもりまさあき http://blog.gaspanik.com http://protean.im 1990年代前半に都内のDTP系デザイン会社にてアルバイトをはじめる。大学卒業後 そのまま正社員となり、入出力業務、デザイン業務、ネットワーク関連業務に並行し て従事。2001年、会社を退職しそのままフリーランスの道へ。案件ごとに業務内容 や立ち位置が異なるため、職域的な肩書きは
必読！5分でわかるレスポンシブWebデザインまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
二度目まして。デザイナーの野田です。 レスポンシブWebデザインについて、僕なりにまとめてみたのでご覧下さい。今回は、制作に関することではなく、最低限知っておかなければならないことの基本編になります。 独学でつまずいていませんか？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情報として持っておいて損はないはず。下記におすすめスクールを集めてみました！ レスポンシブWebデザインとは 「レスポンシブWebデザイン」とは、PC、タブレット、スマートフォンなど、複数の異なる画面サイズをWebサイト表示の判断基準にし、ページのレイアウト・デザインを柔軟に調整することを指します。 現在はPCやスマートフォンなど、デバイス毎に各HTMLファイル
ディレクターが意識すべき、サイトリニューアル前後の心がけ : LINE Corporation ディレクターブログ
こんにちは、ブログチームでlivedoor Blogポータルを担当している小出です。 最近、livedoor BlogのPC版ポータルはフルリニューアルを行い、大きく生まれ変わりました。私はディレクターとして担当したのですが、今回のサイトリニューアルを通して、技術的なトレンドやタスク管理ツールなどは日々進歩していると改めて感じています。今回はlivedoor Blogのリニューアルを通して感じた「ディレクターとしてのサイトリニューアルの心がけ」の要点をご紹介したいと思います。 同じサイトでもアクセスデバイス毎にユーザー層は異なる リニューアルを行うにあたり、まず私が行ったのがサイトのアクセス解析等の各種調査でした。 その調査を通し、ライブドアブログのポータルには PC版はブログ作成者の訪問が多いスマホ/モバイル版はブログ閲覧者の訪問が多いという２つの特徴があることが判明しました。 その結果
音楽をiTunesで聞くときに設定しておきたい伝統の “完璧” イコライザ設定
パソコンで音楽を聴くとき、よく使われているソフトがアップル社製の「iTunes」です。マック用はもちろんのこと、ウインドウズ用も古くからリリースされており、iPhoneやiPodなどと同期するにも必要なソフトなため、iPhoneユーザーならば必ずインストールされていることでしょう。 そんなiTunesで音楽を聴くときに、いじくると楽しいのがイコライザの設定です。低音重視やボーカル重視、小さいスピーカーに最適化された設定に、クラシックにマッチした設定などなど、最初から22種類のイコライザ設定が用意されていますが、曲によってマッチする設定は違います。 そこで是非とも一度はためしてもらいたいのが、伝統のイコライザ設定「perfect」。今をさかのぼること8年前の2004年、海外ユーザーによって発見された、どんな音楽にもマッチするといわれている、まさしく“完璧”に近いイコライザ設定です。設定方法は
マークアップエンジニア だからうれしい Fireworksの使い方あれこれ
2. 自己紹介 • まぼろしの松田と申します • デザイン、マークアップ、JSer、 ライティングなど • 主な著書 『効率的なサイト制作のためのDreamweaverの教科書 【CS5.5対応版】』（鷹野さんとの共著、マイナビ） 2
無料でダウンロードできる高品質なアイコン集「Iconsutra」
スタンダードなデザインのアイコンからTwitterアプリ用、Photoshopのオリジナルアイコン、アドビシステムの各ソフトの丸形アイコンまで、カラフルで高品質なアイコンをダウンロードできるのが「Iconsutra」です。 Iconsutra - Icon and UI Design, India http://view.iconsutra.com/ ◆Mobile Me Icons アドレス帳、カレンダー、GPS、アルバム、iDisk、メールなどデスクトップに使えそうな6つのアイコン。ファイルにはMac用のICNS形式、Windows用のICO形式、PNG形式、iContainer形式、PSD形式があります。なお、このアイコンは個人での使用のみが許可され商用、あるいは素材の再配布や販売は許可されていません。 ◆Boolean Icons v1.1 16×16の全110種類のアイコンはエレ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5 Please - Use the new and shiny responsibly
Basic Design Note
