今回このブログ - Webデザインレシピを、iPhone などでも見れるようにリデザインしました。使用したのは CSS3 の Media Queries（メディアクエリ）。メディアクエリの使い方や感想、気をつけたい注意書きをまとめてみました！ 遅ればせながらこのブログ – Webデザインレシピを、スマートフォンでも見れるように改修しました。このブログは WordPress で書いているので、スマートフォンや iPad への対応方法はいくつもあるのですが、今回は CSS3 の Media Queries（メディアクエリ）を使って、iPad、iPhone など、いろんなデバイスに対応（対応というか、一応見れる程度）にしてみました。 なので Media Queries を使ったスマートフォン対応と、リデザインしながら思ったことなどをまとめてみました。 CSS3 Media Queries 目次

Webサイト ディレクターのみなさんに質問。画面構成書ってどうやって作っていますか？ Webの世界では、サイトの企画者・発注者が画面構成書もしくはワイヤーフレームという設計図を作る。ディレクターが構成書を作成し、それをもとにデザイナーがUIデザインを作り、プログラマがUIの適用されてないプログラムを作成。コーダー（マークアップエンジニア）がUIデザインをHTML＆CSSにして、プログラムに適用する、という流れでWebサイトを作るという感じ。プログラマ向けにはもっと細かい資料も必要に応じて提供されるけど、サイトマップと画面構成書がサイト制作発注から完成までの土台になる。これは、雑誌作りだと、台割りとラフレイアウトが仕事の土台となるのによく似ている。 画面構成書の例は、たとえば、かなりラフだけど、こんな感じ… （こんなサイトを作る予定はありません。いまのところ…） 画面構成書を作るツールとして

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

Equalbox.js デモページ [ad#ad-2] Equalbox.jsの実装 HTML 各div要素はjQueryのセレクタで指定できるように、idなどを指定します。 <div id="box-container"> <div id="box1" class="box"> <p>dsfsdfsdfsdf</p> <p>dsfsdfsdfsdf</p> <p>dsfsdfsdfsdf</p> <p>dsfsdfsdfsdf</p> <p>dsfsdfsdfsdf</p> </div> <div id="box2" class="box"> <p>dsfsdfsdfsdf</p> </div> <div id="box3" class="box"> <p>dsfsdfsdfsdf</p> <p>dsfsdfsdfsdf</p> <p>dsfsdfsdfsdf</p> <p>dsfsdf

フォントにより、収録文字数・文字の種類などが違います ご使用前に、各フォントページの詳細情報又はDLファイル同梱のテキストをご確認ください ▼2008.09.01-「さなフォン飾」漢字追加、SJIS 99FC「咨」まで。 ▼2008.02.02-「さなフォン角試」51区/SJIS 9A9E「圉」まで修正。 さなフォン角の新版を試作版として公開、修正中につき取扱注意。 さなフォン角のページからDLできます。説明も必ず読んでください。 ※過去の履歴・雑誌等への掲載情報は、サイトTOPの記録箱でご紹介させて頂いてます。 現在公開しているTTFは、まだMac OSX 10.1以降で使えます。 OS9でも、「システムのフォントフォルダはダメだったけど、アプリケーションの フォントフォルダに入れたら使えた」という情報を頂いてます。 他にもOS9以前でも使えたよ！

あなたのペースで成長 SkyTalkでは、初心者から上級者まで、 各個人のペースで成長できるオンラインでの 個別英会話レッスンを提供します。 リアルタイムな対話を通じて、真剣に学びながらも楽しく英語力を向上させることができます。専門の講師が一人ひとりのニーズに応じて指導しますので、英会話を趣味として楽しむ方から、キャリアのためのスキルアップを求める方まで、多岐にわたるご利用が可能です。

IMGr :: jQuery Image Rounder IEでも動作する画像を超簡単に角丸化できるjQueryプラグイン「IMGr」 $("imageElement").imgr(); と唱えるだけでクロスブラウザで画像の角を丸くすることが可能です。 $("imageElement").imgr( optoins ); でradiusやサイズ、色のカスタマイズが可能。 赤いボーダーで角丸の例 ボーダーを消した例 四方の角丸の操作も自由自在です。 IE 6, IE 7, IE 8, FF 3.6, Chrome 6.0, Safari 5.0, Opera 10.62 のブラウザ上でテストされているそうです。 関連エントリ CSSで角丸テクニック２５ 角丸を使った可愛いカレンダーピッカー実装JavaScript「jsDatePick」 CSS3で影付き角丸グラデーション付きのボタンを作成す

「お気に入りに登録」ボタンでお気に入りに追加してもらう Javascript です。 通常のスクリプトでは IE のみで Firefox では使えませんが、このスクリプトは Firefox でもお気に入りに追加することが出来ます。 <script language="JavaScript" type="text/JavaScript"> <!-- function addBookmark(title,url) { if (window.sidebar) { window.sidebar.addPanel(title, url,""); } else if( document.all ) { window.external.AddFavorite( url, title); } else if( window.opera && window.print ) { return true; }

笑顔を創りたいＷｅｂ屋の日常 Ｗｅｂ業界からひょんなことで専門学校の先生に。そしてまたＷｅｂ現場に戻ったＷｅｄディレクターのブログ。情報デザインやＷｅｂの勉強をしています。 あくまで”僕が”です。そこ大変重要ですｗ 僕もまだまだ勉強中で、これが全て正しいと思えるほど見極めていません。 他にもあるだろうし、もっと大事なものもあるかもしれません。 それは各々考えてもらって（もしよろしければ教えていただいてｗ）、とりあえず同タイプの仕事している人の叩き台にでもになればなと思って挙げてみた次第です。 というのもですね、僕はWeb屋としてみるとなんか物凄く変な経歴・経験をしている人なのですねｗ　まあ、Web業界って割と他業界から来る人たくさんいますけどね。僕は印刷会社→大手Weｂ制作会社→専門学校教員（正規職員）→弱小ITベンチャーなので、なかなかこういう奴はいないと思いますｗ　教員とか普通はできま

jScrollPane is a jquery plugin which allows you to replace the browsers default vertical scrollbars on any block level element with an overflow:auto style. You can easily control the apperance of the custom scrollbars using simple CSS. jScrollPane is crossbrowser, working on all browsers that support jquery and it also degrades gracefully. If a user's browser doesn't support jQuery or has J