WEBの勉強として、役立ちそうなことをメモしていこうと作成したブログです。

PDFをHTMLに埋め込むのは実は簡単。 OBJECTタグを使って、PDFを埋め込む。 PDFをサーバーにアップし、下記のようなコードを記述して、PDFのURLを指定するだけでOKです。 簡単ですねだだし注意点もありファイルの容量が重いと、表示されるまでにかなりの時間が掛かり ...

企画を上げるときは収支計画含めなので、収支計画とアウトライン引く感じで、やりたい事ってよりはロジック作ってやるべき事をまとめる流れだと思います。 イベントの企画とかはロードマップとか収支とか作るのでExcelにして、イベントならKPI計画作って概要とか開発ロー ...

全体の一部分だけが、一定の動きを繰り返しているコンテンツのことをシネマグラフと言います。数年前からSNSでも見かけるようになり、企業事例も多く出てきました。もちろんフォトショでも出来るみたいですが手軽にアプリでも作れるみたいですね。 ...

似たようなページを大量に作る場合や、大量に作ったページすべてに修正があった場合などに、制作を楽にする方法としてよく利用される「インクルード」というものがあります。 インクルードは、ファイルの中に別のファイルを組み込むことを指します。ヘッダーやフッターと ...

ボタンをクリックすると横からスライドして現れるドロワーメニュー。特に最近のレスポンシブ対応ウェブサイトで多用されてきているので、もうお馴染みですね。そんなドロワーメニューを実装する jQuery プラグイン[Drawer]の使い方。 もちろんレスポンシブデザインにも対応 ...

前回の続きです。 まだGoogleAdWordsに登録しただけなのでここから漸くキーワードプランナーの使い方です。 1.メニューの「運用ツール」から「キーワードプランナー」をクリックします。これで漸くキーワードプランナーが使えるようになります。 2.先程のキーワードプラン ...

SEO対策に有効なキーワードを選定できるキーワードプランナーを使用するためにGoogleAdWordsに登録が必要です。 登録方法が変わり有料のサービスと思になったのかとわれがちですが、無料で登録することが可能です。 そもそもキーワードプランナーとは、あるキーワードがどれ ...

縦書きを自由に使って良い雑誌と、色々制約があるウェブですが、雑誌のデザインを思い切って導入することも大事ですね。 縦書きのhtml テスト テスト テスト 縦書きにするcss .nav li{ padding: 0 10px 10px 10px; font-size: 18px; font-weight: bold; list ...

レスポンシブ以前は、PCサイト、スマホサイト、ガラケーサイトのように個別に作ってサイト運営する方法が主流でした。htaccessでPCサイト、SPサイトを切り分けた場合、それぞれの環境に最適化して作れますので、そもそもモバイルファーストという発想は出てきません。モバイ ...

コラージュデザインについてコラージュとは、写真や画像などの素材を自由に組み合わせて多数配置するデザインです。物事の複数の側面をひとつのビジュアルに集約する高度な表現手法です。個人的にとても好きなデザイン手法で、今後も磨いていきたいデザインのひとつです。こ ...

このページのトップヘ