parashuto.com の新着エントリー
- フィルタ:
- 3users
- 5users
- なし
- 人気順
- URL:http://parashuto.com/
-
Rriver » Media Queriesの基本についてまとめてみた parashuto.com
Media Queriesを活用したサイト制作を始めようと思っているので、ざざっと調べたことからまとめてみました。まずは基本から… Media Queriesってなに? 簡単に言うと、デバイスのスクリーンサイズなどの条件によって、読み込むスタイルが切り替えられるCSS3の機能です。 <link... 続きを読む
-
Rriver » レスポンシブWebデザインのウェブサイトを半年運営してみて... parashuto.com
昨年2011年10月に仕事で運営に携わっている大学ウェブサイトでレスポンシブWebデザイン (しかもフル可変グリッドレイアウト) を導入して、はや半年。約6ヶ月間、レスポンシブWebデザイン(RWD)で制作したウェブサイトを運営してみて思ったことをまとめてみました。これからレスポンシブWebデ... 続きを読む
-
Rriver » iPadをMacのセカンドディスプレイに設定できるDisplayPadを... parashuto.com
2010/12/27 @7:15 | ツール 前から気になっていたDisplayPadがクリスマスセールで115円だったのでうちのiPadに入れてみた。 結論から言うと、パーフェクトではないですがいい感じです。 App Storeのレビューにある通り 画像が粗い 動作がもっさりする というのは... 続きを読む
-
Rriver » IE6、IE7、IE8でCSS3が実装できる「CSS3 PIE」がいい感じ parashuto.com
いつもためになるツールや手法を紹介しているコリスさんでも紹介されていた「CSS3 PIE」がすごく良い感じだったのでご紹介。 このPIE、Progressive Internet Explorerの略で、Internet Explorer 6、7、8でサポートされていないborder-radi... 続きを読む
-
Rriver » iPhoneを縦から横にしたときにフォントサイズが大きくなっ... parashuto.com
最近iPhoneでモバイル対応のサイトを作っていて気づいたんですが、iPhoneを縦(Portrait)から横(Landscape)表示に変更した際、フォントサイズが大きくなってしまうんですね。。。 「これは困った」と、思って調べてみたら、簡単な解決策がありました。 iPhoneの横表示の時の... 続きを読む
-
Rriver » 画面サイズによって読み込むイメージを切り替えてくれる「R... parashuto.com
- コンピュータ・IT
- javascript レスポンシブ .htaccess レスポンシブデザイン 画像
- 6 users
- 2011/08/09
レスポンシブ・デザインでサイト制作をする際に困るのが画像のサイズ。今とりかかっているサイトでも、対応策に悩んでいるところです。 PC画面向けの大きなイメージはモバイルには大き過ぎる。 逆に、モバイル画面向けの小さな画像はPC向けには小さすぎる。 そんな問題を解決してくるのがFilament G... 続きを読む
-
Rriver » 初心者のためのOAuth — OAuthの基本のキ parashuto.com
2011/02/12 @16:48 | 制作・ノウハウ FacebookやTwitterをはじめ、mixiやLinkedInでも使用されているAPIへの接続の基本とも言えるOAuth。ソーシャルメディアを活用したウェブサービスを構築するには、OAuthをしっかり理解しておいたほうが良さそうです... 続きを読む
-
ウェブ、やってます » mixi Graph APIのOAuth 2.0を使った認証認可手... parashuto.com
2011/02/13 @10:00 | 制作・ノウハウ Developer Centerのドキュメントはすごく良くまとまっていて、mixi Graph APIの認証認可手順の部分も分かりやすくまとまっています。が、フローチャートがあったらもっと分かりやすいのになぁと思ったので自分で作ってみまし... 続きを読む
-
アイコン画像などをCSSスプライトにまとめる方法 parashuto.com
現在作業中のサイトでは「CSSスプライト」という手法を使って、アイコンやロゴなどの画像表示の最適化を試みようと思っています。アイコンなどの小さな画像が数多くあると、その分ダウンロードする際にサーバへの接続回数(HTTPリクエスト)が多くなってしまい、ページ表示速度を遅くさせてしまう可能性があり... 続きを読む
-
レスポンシブ・ウェブを実装する際の画面幅のサイズ一覧とテスト parashuto.com
- コンピュータ・IT
- デザイン Responsive Web Design responsive
- 5 users
- 2011/06/18
※先日読んだ「Responsive Web Design」という本では、Media Queriesを設定する際にレイアウト調整の起点となるサイズを「Breakpoint」と読んでいたので、ここでもその名称をそのまま使います。 各サイズでのブラウザテスト 各画面サイズでのブラウザテストはFire... 続きを読む
-
Reset CSSについてのまとめ:リセットするべき?しないべき? parashuto.com
「CSS制作のワークフローについて考える」で触れた「リセット・スタイルシート(Reset CSS)」についてまとめてみました。まず、結論から言ってしまうと、 Reset CSSの使用は、そのメリット・デメリットを理解したうえで プロジェクトごとに考えるべき だということです。「効率的にブラウザ... 続きを読む
-
CSS制作のワークフローについて考える parashuto.com
より効率的に、よりダイナミックにウェブサイトの運営ができるように「CSS整理術」をまとめたいなぁと考えている今日この頃なんですが、ちょうど良いプレゼンを見つけたのでご紹介。「CSS Workflow」というプレゼンで、制作ワークフローの中でもCSSに特化したものを紹介しています。 このプレゼン... 続きを読む
-
使えそうなjQueryのSlideshowプラグイン: Slides parashuto.com
機能も豊富で簡単に設置、カスタマイズができるjQueryのスライドショープラグイン。 その名も「Slides」シンプルでなかなか良さそうだったのでご紹介。ウェブサイトにサクッとスライドショーを設置したいときに使えそうです。 以下のような設定ができるようです: 画像のプレロード 表示エフェクト(... 続きを読む
-
ウェブ、やってます | 制作、運営、マーケティング。他にもガジェッ... parashuto.com
制作、運営、マーケティング。他にもガジェットについてなどIE9でCSS3のサポートも強化され、ようやくborder-radiusも使えるようになる。 IE9 Betaでは、W3Cの指定通りのプロパティでborder-radiusの指定ができる。 /* すべて一度に指定する場合(IE9とOper... 続きを読む
-
ウェブ、やってます » VMWare FusionでWin7からMacにlocalhost... parashuto.com
VMWare FusionにインストールしたWindows 7からHostのMacに「localhost」で接続する方法の覚え書き。 ローカル環境でIEでブラウザ・チェックを行う際に必要な設定。 コマンド プロンプトで「ipconfig」とタイプして「デフォルト ゲートウェイ」のIPアドレスを... 続きを読む
-
FacebookのWallにFlickrにアップした写真を載せる方法 parashuto.com
やり方を忘れてしまって、あちこち探してやっと見つかったので覚え書き。 FacebookのWallにFlickrにアップした写真を自動で表示させる方法です。 1. 自分の「Profile」ページに行く。 2. ページ上部にある「Options」をクリック 3. 「Options」の部分が、下のよ... 続きを読む