どーも中野区でホームページの作成やってます。＠PNRAです！ ホームページのモックアップや資料作成を効率的に行うためのフリービー素材、弊社が今月ダウンロードし、利用させてもらったものを掲載したいと思います。 IOS 8 Vector App UI Kit イラストレー…

jQuery基礎講座[第７回] どーも＠PNRAです！忘備録もかねて随時更新していくjQuery基礎講座の時間がやって参りました。 表題の通り、スクロールするとアニメーションを実行する、というものを作っていきたいと思います。これは、ウィンドウのスクロール量と…

どーも、中野区でホームページ作成をやっています。＠PNRAです！ ホームページの作成のご依頼をお請けする際に、最初の打ち合わせでクライアントさまから「あ、赤色が好きなので、赤っぽいデザインにして下さい」というような言葉をいただいたりします。これ…

どーも、中野区でホームページ作成をやっています。＠PNRAです！ これはデザイナーであれば必見の拡張機能なのではないでしょうか？重宝すること間違いなしの拡張機能『Pictura』をご紹介します。ホームページのモックアップやUIサンプルを作成する際に使用…

jQuery基礎講座[第６回] どーも、中野区でホームページ作成をやっています。＠PNRAです！備忘録もかねて随時更新していくjQuery基礎講座の時間がやって参りました。 今回はちょっといつもより高度な内容を見ていきたいと思います。表題の通り、ウィンドウの…

jQuery基礎講座[第５回] どーも＠PNRAです！忘備録もかねて随時更新していくjQuery基礎講座の時間がやって参りました。 前回のjQuery基礎講座：ハンバーガーナビゲーション実装サンプル（ZIP付）に引き続き、今回もナビゲーション周りをいじくっていきたいと…

どーも、中野区でホームページを作成しています。＠PNRAです！ 「あの有名ブランドのカラーコードってなんだろう？」ホームページを作成していると、有名ブランドのロゴカラーを調べることがあります。特にソーシャルメディアのアイコンや背景には頻出です。…

どーも、中野区でホームページ制作やってます。＠PNRAです！ アイコンフォントに関するTipsです。普段は汎用性の高いFont Awesomeを利用させていただいています。なんといってもフォント数が豊富なのとコンポーネントが豊富なのが魅力です！がしかし、海外の…

どーも！中野区でホームページ作成をしている＠PNRAです！ ホームページ作成に携わっている方なら誰しもが活用するであろうアイコンフォント！つくづく便利です！有名どころでいえば、「font awesome」や「Foundation Icon Fonts」などが思い浮かびますが、…

jQuery基礎講座[第４回] どーも＠PNRAです！忘備録もかねて随時更新していくjQuery基礎講座の時間がやって参りました。 過去2回に渡ってクリックアクションに関する記事を更新し、前回はウィンドウの高さを取得する方法をみてみました。そこで、これらを組み…

どーも＠PNRAです！ ブログを書き始めて、何度かつまずいた箇所だったので、忘備録として抑えておきます。YoutubeやVimeoといった埋め込み動画をレスポンシブさせる方法で、iframeやobject、embedなどといった埋め込みに使える小技です。 YoutubeやVimeoをレ…

どーも＠PNRAです！ 最近クックパッドが世界展開に向けてロゴデザインを変更したことがホットトピックとしてエントリーしていましたが、今年(2014年)に入って世界の有名ブランド（PayPal、VISA、Bacardi）も続々ロゴを変更してきています。 どのブランドのリ…

どーも＠PNRAです！ 今日は弊社がオススメするフォント指定について話をしていきたいと思います。 ホームページ作成において、フォントが持つ印象はウェブサイトの印象を大きく左右します。特に欧文書体（英字）と異なり和文書体（日本語）は、デフォルト設…

どーも＠PNRAです！ いまさら？って感じのタイトルですが、意外とオーダー頂くことの多いPCサイトとスマートフォンサイトを別に作るというオーダー確かにRWD(レスポンシブウェブデザイン)だと、どうしてもデザイン的成約や制限がかかってくるためそれぞれ分…

どーも＠PNRAです！ Wordpressでオリジナルテーマを１から作っている方は、忘れがちな404エラーページ！ Wordpressの場合、何も設定していなくてもindex.phpに飛ぶように設計されているため大きな問題はないですが、リンク先が任意のページでなく、トップペ…

どーも＠PNRAです！ ルイ・ヴィトンが大変なことになっています。創業160周年を記念してリミテッドエディションをリリースするってニュースが以前流れていましたが、いよいよ間近になってきてそのラインナップがお目見えし始めました。 もう格好良過ぎて泣き…

どーも＠PNRAです！ドラえもん作品、大好きなのですが、「ちょくちょく出口が意図しないところに繋がってるよな〜」と懐かしみながら、今日はリダイレクトのお話。 ホームページを生業にしていると、『ページの移動・削除』『ホームページの移転』といったイ…

どーも＠PNRAです！ 何気なく配ったり、置いておいたりする名刺やショップカード、皆さんは拘りを持っていますか？ただなんとなく情報を詰め込んだだけになっていませんか？もちろん名刺やショップカードというのは副次的なものであり、その人となり・お店の…

どーも＠PNRAです！ 先週から開催していた、『THE LONDON DESIGN FESTIVAL 2014（以下、LDF）』が明日で閉幕しちゃいます。 2003年の初開催以来、世界のデザインイベントの中でもとりわけ重要度が高いとされるLDF。今年2014年度の開催も注目度の高い内容とな…

どーも＠PNRAです！ はてなブログといえば、アメーバブログ(ameblo)と並ぶ国内最大のブログサービスです。使い勝手のいい編集機能に豊富なテンプレートといじくってみて、「ああ、本当によくできてる」と関心しました。ただ、少しだけ不満があるとすれば、HT…

jQuery基礎講座[第３回] どーも＠PNRAです！忘備録もかねて随時更新していくjQuery基礎講座の時間がやって参りました。 今回はウェブデザインの初歩でよく手間取るウィンドウサイズいっぱいにコンテンツを表示するための高さを取得する方法です。「コンテン…

どーも＠PNRAです！先日更新した『jQuery基礎講座：ハンバーガーナビゲーションボタンを作ろう！』に関するトピックです。 「ハンバーガーボタン」、またの名を「ナビゲーションドロワー」と呼ばれるナビゲーションボタン。非常にシンプル且つコンテンツ表示…

どーも＠PNRAです！ 今更ですがFacebook like boxを設置しました。設置にあたって、微妙に手間がかかったため、忘備録とTipsを兼ねてFacebook like boxをRWD(レスポンシブウェブデザイン)に対応させる方法を簡単に説明したいと思います。 固定幅であるFacebo…

どーも＠PNRAです！ 今日もストレッチパワーを溜めながら張り切って便利なTipsを紹介しようと思います。今日は、youtube動画をホームページにはめ込む際の便利なTipsをご紹介します。動画公開するにはおそらく一番簡単な手段がyoutubeだと思うので、Youtuber…

どーも＠PNRAです！ 制作会社が紹介するのもあれなんですが、今日はなるたけ費用をかけずに自分のサイトが欲しい！というアーティストの方への情報です。 『SOUNDCLOUD』を使った爆速アーティストページを作成できるサイト『TONEDEN』をご紹介します。 まず…

jQuery基礎講座[第２回] どーも＠PNRAです！ 忘備録もかねて随時更新していくjQuery基礎講座の時間がやって参りました。 前回ご紹介した『jQuery基礎講座：任意のid属性を使ったクリックアクション』を使って、今日は最近やけによく見るハンバーガーナビゲー…