珍しく本業（ホームページの作成）が忙しくなり、更新が滞っておりました。 久しぶりですが、こんにちわ。＠PNRAです！ 今日は最近見つけた便利なジェネレーター「Clippy」をご紹介しようと思います。 はじめに CSS3の登場以降、CSSで実装できる守備範囲が広…
どーも、中野区でホームページ作成やってます。＠PNRAです！ 昨日は、国内のカフェ・喫茶店のホームページを参考に、「人が集まる」ホームページについて話をしました。 東京の人気カフェ・喫茶店のホームページから見る「人が集まる」デザインとは？ そこで…
どーも、中野区でホームページ作成やってます。＠PNRAです！ カフェや喫茶店のホームページを設計する上での重要な点はご存知でしょうか？ 今回は、実際にカフェや喫茶店を営んでいる方、またはこれから事業を始めようとお考えの方に是非読んで頂きたい内容…
jQuery基礎講座[第１０回] どーも＠PNRAです！忘備録もかねて随時更新していくjQuery基礎講座の時間がやって参りました。 以前ハンバーガーナビゲーションに関する記事をいくつかあげましたが、そこの応用版のお話。最近スマートフォン向けのホームページで…
jQuery基礎講座[第９回] どーも＠PNRAです！忘備録もかねて随時更新していくjQuery基礎講座の時間がやって参りました。 今更感たっぷりですが、タブ切り替えを使って任意の要素の表示・非表示を制御するものをプラグインや外部ファイルを用いずjQueryを使っ…
どーも、中野区でホームページ作成やってます。＠PNRAです！ プログラミングずぶの素人がWebGLプログラミングをマスターしてリッチな表現をマスターしてドヤ顔するための不定期連載を始めたいと思います。時間を見つけて更新していくので、適宜チェックして…
![はてなブックマーク - Three.js：初心者がWebGLプログラミングを0から学ぶ[第一回]](https://b.hatena.ne.jp/entry/image/https://pnra.hatenablog.com/entry/2014/10/11/182016)
どーも、中野区でホームページ作成やってます。＠PNRAです！ Antennaさんのホームページを見ていたら素敵な表現があったので、備忘録として押さえておきたいと思います。（使いどころは分からないものの（笑）） 押さえておきたい表現というのがこちら 関連…
jQuery基礎講座[第８回] どーも＠PNRAです！忘備録もかねて随時更新していくjQuery基礎講座の時間がやって参りました。 ちょっと久しぶりの更新ですが、今回は何度もやっている、スクロールに応じた挙動の制御を変数で行います。画像への指定がスクロールに…
どーも、中野区でホームページ作成やってます。＠PNRAです！ ホームページの配色悩みますよね。コンセプトカラーをサービス内容や事業傾向に合わせて大まかに決めた後、具体的な色を決定づけるまで。またその他の配色をどうするのか、これが意外と難しい。 …
どーも、中野区でホームページ作成やってます。＠PNRAです！ 今日は海外のクリエイティブな人々の履歴書のデザインをまとめていきたいと思います。履歴書ひとつとっても、お洒落なものが多くてびっくりなのですが、国内ではまだまだ定型に当てはめたイメージ…
どーも、中野区でホームページ作成やってます。＠PNRAです！ iWatchのモックアップがだいぶ出回ってきたので、「あ、これかっこいいな」「これ使いやすそうだな」といったものをまとめておきました。フラットデザインからフォトリアリスティックまで色々と。…
どーも、中野区でホームページ作成やってます。＠PNRAです！ フラットデザイン、マテリアルデザインという近年のデザイントレンドを取り入れる際に便利なウェブサービス、まとめサイトをご紹介したいと思います。 flatuicolorpicker まずはフラットデザイン…
どーも、中野区でホームページ作成やってます。＠PNRAです！今日はGoogle Mapのデザイン変更に関するTipsをご紹介したいと思います。 「グーグルマップのカスタマイズってどうも敷居が高そう…。」「難しそうだし、マップをIMG画像にしようかな」なんてお考え…
どーも中野区でホームページの作成やってます。＠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です！ドラえもん作品、大好きなのですが、「ちょくちょく出口が意図しないところに繋がってるよな〜」と懐かしみながら、今日はリダイレクトのお話。 ホームページを生業にしていると、『ページの移動・削除』『ホームページの移転』といったイ…
