iframeで表示するページの高さを取得する

最近、他サイトとのコンテンツ連携が多く、手軽にiframeでやりたいことが多々ありますが、中身に表示するページ内のリンクをたどった場合、各ページの高さが異なるせいで、スクロールバーが出たり出なかったりと・・・・・これを解消する方法をご案内。 簡単に説明すると、子ページで自身の高さを取得し、これを親ページに渡し、親ページのiframeの高さにセットという感じ。 ○子側 ○親側 ...
続きを読む

iphoneが抱える背景画像cssの問題

20150589
全面背景画像を固定したサイトデザインはインパクトがありますよね。 しかし通常PCサイトで使用する「background-attachment:fix」は そもそもmobile safariが対応していないため 背景divをfixするなどのハックを使うはめになります。 (いろんなとこで紹介されているので調べてみてください) 背景固定はwebデザインの手法として定着しつつあるから是非 ...
続きを読む

パワーポイントで提案書、企画書を作成する際の押さえておきたいポイント

85269
今までホームページのデザインは、いくつもしてきました。 なので、もちろんホームページのデザインに関しては、沢山勉強もしてきましたし、トレンドを追い続けてきたつもりです。 しかし、最近ではパワーポイントで提案書や企画書をなどを作成する事が増え、 つい最近、ほぼ初めてと言っていいぐらいパワーポイントを触りました。 その結果・・・ムズイ・・・ ソフトの操作的なものはググればすぐわか...
続きを読む

Evernoteで気に入ったサイトをフルキャプチャブックマーク

9
デザインが素敵なサイトやJSの動きが楽しいサイトなんかを見つけると嬉しくなります。 そこでブックマークなどしていつでも振り返るようにしたりしますが、ブックマークのタイトルだけだとどんなサイトだったか分からなくなってブックマークしてももう一度見る気がなくなってしまったりします。 今回はEvernoteと、ChromeのキャプチャプラグインFireShotとChromeを使った、ページのフルキ...
続きを読む

使い勝手のいいカラーピッカー

名称未設定-1
WEB制作をしていて画面の色を調べるとき、キャプチャーを撮ったりしてフォトショップで色を拾ったりしますが相当めんどくさいです。 ColorManiaを使えば簡単に画面の色を拾うことがでます。 ダウンロード 立ち上げておけばすぐに呼び出すことができます。 使い方は簡単で、スポイトのアイコンをドラッグしてほしい色まで持っていくだけ。 取得した色はColorMani...
続きを読む

WEBサイトでメインアイキャッチ画像に動画を利用してみる。

22
回線速度の水準が上がってきたので動画を利用したwebサイトを 多く見かけるようになった。 いままで静止画が当たり前だっただけに、 動画を使ったサイトに出会うとちょっと印象に残ったりします。 サンプルサイト http://h-print.co.jp/ 実装の手順は実に簡単!html5のビデオタグを利用するだけです。 再生できる拡張子はこちらの3種です。 mp4 ...
続きを読む

家電製品から学ぶデザイン学

020
同僚で近日新居に引っ越す人がいて、自分も引越しの時は新しく購入する家電製品を色々悩み、悩んでる時が一番楽しかったなぁ~、というの思い出し、買いもしないのに探してみました。 色々、取り上げていきたいんですが、きりがなさそうなので、 新生活に必要だと思わる、家電に絞り込んで見たいと思う。 新生活に必要な家電ってなんだろう? さっそくグーグル先生にきいてみる。「新生活 必須 家電」でポチっ...
続きを読む

PNG画像を圧縮しサイトを作成して比較してみた

08
今回はPNG画像の圧縮について書きたいと思います。 サイト作成を長年していますが、昔はテーブルレイアウトで、画像はJPEGとGIFこの2種類だけで製作したものです。 テーブルレイアウトの性質上、画像をちょっとずらして重ねたような表現をするときは一枚の画像にして使用していました。 しかしPNG画像の出現、CSSのでレイアウトをするようになってから、画像を二枚重ねた表現なども凄く楽になり...
続きを読む

フラットアイコンで使われるカラー選びのポイントを考えてみた

09
巷で?まだまだ使われるフラットアイコン。 いざ作ってみるとカラーチョイスが微妙というかなんというか、、 これでいいのか。。?みたいな変な疑心が生まれることも。 そんな時は flatuicolors.comで確認すると、「やっぱこれでよかったんだ…」みたいに 安心できるかもしれません。逆もしかり。 http://flatuicolors.com/ めでたしめでたし!! ...
続きを読む

ウェブサイトのカラーイロイロ

06
ウェブサイトで、コンバージョンを上げるうえで重要な要素の一つが色です。 サイトを訪問したユーザーにあたえる印象が色によって大きく変わってきますし、購入やコンバージョンも変化してきます。 色はもちろんウェブサイトだはなく現実の社会でも同じように色によって企業やお店の受ける印象が変わってきます。 青 青は「信頼感」・「鎮静」・「抑制」の色です。 コーポレートとしては信頼感...
続きを読む