1年間、レスポンシブWebデザインのウェブサイト案件を制作してみて思ったこと | ゆめいろデザイン :: フリーランス モバイルUXデザイナー

2012/08/09 447 users フリーランス レスポンシブWebデザイン カンフ 菊池 はじめ

仕事の手法が変わってしまった はじめは今までと同じように、カンプを作ってからコーディング、というやり方でした。 しかし、そのやり方だとトラブルが多いんです、なぜか。 ブレイクポイントとかで揉めたりすることが多いです。 早い話が、いままでの制作のやり方は、レスポンシブWebデザインでは無理だということです。 allWebクリエイター塾の菊池 聡さんは、「レスポンシブWebデザインでは、いままでの仕事... 続きを読む

allWebクリエイター塾　ブログ: 工場みたいなワークフローは、もうやめなさい。

2012/06/21 27 users ワークフロー ソニー 電化製品 工場 品質

2012年6月21日木曜日 工場みたいなワークフローは、もうやめなさい。 日本は工業国として非常に成功したとおもいます。電化製品は80年代、90年代は世界トップクラスの品質でした。これは非常に誇るべきことです。私も学生時代にはソニーの製品ばかりを愛用していました。皆さんもmade in Japanが誇りだったこともあるでしょう。 世界一が生み出したもの 日本では、この世界一の工業国としての経験から... 続きを読む

allWebクリエイター塾　ブログ: 画像置換に -9999px はつかわない

2012/03/06 22 users 画像置換 text-indent 9999px CSS ブログ

2012年3月3日土曜日 画像置換に -9999px はつかわない 画像置換という言葉を知っているでしょうか？テキストを「text-indent:-9999px」と指定して、画面の外に飛ばしてしまい背景画像をその代わりに表示する技術です。 画像置換の歴史 画像置換は長いこと使われているCSSのテクニックに１つでしょう。では、このテクニック自体はどのようにして、生まれてきたのでしょうか？ 意外にも、... 続きを読む

allWebクリエイター塾　ブログ: 画像置換に -9999px はつかわない

2012/03/05 18 users 画像置換 text-indent 9999px CSS ブログ

2012年3月3日土曜日 画像置換に -9999px はつかわない 画像置換という言葉を知っているでしょうか？テキストを「text-indent:-9999px」と指定して、画面の外に飛ばしてしまい背景画像をその代わりに表示する技術です。 画像置換の歴史 画像置換は長いこと使われているCSSのテクニックに１つでしょう。では、このテクニック自体はどのようにして、生まれてきたのでしょうか？ 意外にも、... 続きを読む

allWebクリエイター塾　ブログ: iPhone で 「position:fixed」をスムーズに実現する 「Scrollability」

2011/08/10 31 users fixed iPhone position ナビゲーション

2011年8月5日金曜日 iPhone で 「position:fixed」をスムーズに実現する 「Scrollability」 スマホサイト制作でナビゲーションを画面最下部に固定したいと思ったことはありませんか？ ページの最下部にナビゲーションを設置 しかし、残念ながらiOS4.Xは position:fixed; は指定できません。そこで紹介したいのが「Scrollability」です。「Sc... 続きを読む

allWebクリエイター塾　ブログ: DW CS5.5＋jQuery Mobileを使いこなすための心得10項目

2011/06/14 12 users jQueryMobile ブログ 自信 部分 注意点

2011年6月14日火曜日 DW CS5.5＋jQuery Mobileを使いこなすための心得10項目 Dreamweaver CS5.5とjQueryMobileを使えばスマートフォンサイトは簡単に作成できますが、やはり使いこなすためには、CS5.5だけでは不足な部分や注意点を知っていなければなりません。 ここであげた点について自信を持って大丈夫と言える人はDW CS5.5＋jQuery Mob... 続きを読む

allWebクリエイター塾　ブログ: jQuery Mobileのよく使うスニペット3種

2011/06/13 47 users jQuery Mobile mobile スニペット 箇所

2011年6月10日金曜日 jQuery Mobileのよく使うスニペット3種 先日行われたSwapSkillsFreeEvent(3)「Dreamweaver CS5.5で作るjQuery Mobileを組み込んだスマートフォンサイト制作」で講演した際に要望の多かったスニペットを＋αして公開します。 1. 日本語化英語メッセージの箇所をすべて日本語に変更しています。日本語は各自お好みで編集してく... 続きを読む

allWebクリエイター塾　ブログ: Responsive Web Design を利用している企業サイトリスト

2011/05/23 53 users レスポンシブ・ウェブデザイン ウェブサイト 実際 ブログ

2011年5月23日月曜日 Responsive Web Design を利用している企業サイトリスト allWebクリエイター塾 ブログでは、Responsive Web Design（レスポンシブ・ウェブデザイン） をよく取り上げています。では、実際に一般のウェブサイトや個人以外のウェブサイトで Responsive Web Design を利用しているサイトはどのくらいあるでしょう？というこ... 続きを読む