タグ allWebクリエイター塾
人気順 10 users 50 users 100 users 500 users 1000 users1年間、レスポンシブWebデザインのウェブサイト案件を制作してみて思ったこと | ゆめいろデザイン :: フリーランス モバイルUXデザイナー
仕事の手法が変わってしまった はじめは今までと同じように、カンプを作ってからコーディング、というやり方でした。 しかし、そのやり方だとトラブルが多いんです、なぜか。 ブレイクポイントとかで揉めたりすることが多いです。 早い話が、いままでの制作のやり方は、レスポンシブWebデザインでは無理だということです。 allWebクリエイター塾の菊池 聡さんは、「レスポンシブWebデザインでは、いままでの仕事... 続きを読む
allWebクリエイター塾 ブログ: 工場みたいなワークフローは、もうやめなさい。
2012年6月21日木曜日 工場みたいなワークフローは、もうやめなさい。 日本は工業国として非常に成功したとおもいます。電化製品は80年代、90年代は世界トップクラスの品質でした。これは非常に誇るべきことです。私も学生時代にはソニーの製品ばかりを愛用していました。皆さんもmade in Japanが誇りだったこともあるでしょう。 世界一が生み出したもの 日本では、この世界一の工業国としての経験から... 続きを読む
allWebクリエイター塾 ブログ: 画像置換に -9999px はつかわない
2012年3月3日土曜日 画像置換に -9999px はつかわない 画像置換という言葉を知っているでしょうか?テキストを「text-indent:-9999px」と指定して、画面の外に飛ばしてしまい背景画像をその代わりに表示する技術です。 画像置換の歴史 画像置換は長いこと使われているCSSのテクニックに1つでしょう。では、このテクニック自体はどのようにして、生まれてきたのでしょうか? 意外にも、... 続きを読む
allWebクリエイター塾 ブログ: 画像置換に -9999px はつかわない
2012年3月3日土曜日 画像置換に -9999px はつかわない 画像置換という言葉を知っているでしょうか?テキストを「text-indent:-9999px」と指定して、画面の外に飛ばしてしまい背景画像をその代わりに表示する技術です。 画像置換の歴史 画像置換は長いこと使われているCSSのテクニックに1つでしょう。では、このテクニック自体はどのようにして、生まれてきたのでしょうか? 意外にも、... 続きを読む
allWebクリエイター塾 ブログ: iPhone で 「position:fixed」をスムーズに実現する 「Scrollability」
2011年8月5日金曜日 iPhone で 「position:fixed」をスムーズに実現する 「Scrollability」 スマホサイト制作でナビゲーションを画面最下部に固定したいと思ったことはありませんか? ページの最下部にナビゲーションを設置 しかし、残念ながらiOS4.Xは position:fixed; は指定できません。そこで紹介したいのが「Scrollability」です。「Sc... 続きを読む
allWebクリエイター塾 ブログ: DW CS5.5+jQuery Mobileを使いこなすための心得10項目
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年6月10日金曜日 jQuery Mobileのよく使うスニペット3種 先日行われたSwapSkillsFreeEvent(3)「Dreamweaver CS5.5で作るjQuery Mobileを組み込んだスマートフォンサイト制作」で講演した際に要望の多かったスニペットを+αして公開します。 1. 日本語化英語メッセージの箇所をすべて日本語に変更しています。日本語は各自お好みで編集してく... 続きを読む
allWebクリエイター塾 ブログ: Responsive Web Design を利用している企業サイトリスト
2011年5月23日月曜日 Responsive Web Design を利用している企業サイトリスト allWebクリエイター塾 ブログでは、Responsive Web Design(レスポンシブ・ウェブデザイン) をよく取り上げています。では、実際に一般のウェブサイトや個人以外のウェブサイトで Responsive Web Design を利用しているサイトはどのくらいあるでしょう?というこ... 続きを読む