web tips
珍しく本業（ホームページの作成）が忙しくなり、更新が滞っておりました。 久しぶりですが、こんにちわ。＠PNRAです！ 今日は最近見つけた便利なジェネレーター「Clippy」をご紹介しようと思います。 はじめに CSS3の登場以降、CSSで実装できる守備範囲が広…
jQuery基礎講座[第１０回] どーも＠PNRAです！忘備録もかねて随時更新していくjQuery基礎講座の時間がやって参りました。 以前ハンバーガーナビゲーションに関する記事をいくつかあげましたが、そこの応用版のお話。最近スマートフォン向けのホームページで…
jQuery基礎講座[第９回] どーも＠PNRAです！忘備録もかねて随時更新していくjQuery基礎講座の時間がやって参りました。 今更感たっぷりですが、タブ切り替えを使って任意の要素の表示・非表示を制御するものをプラグインや外部ファイルを用いずjQueryを使っ…
どーも、中野区でホームページ作成やってます。＠PNRAです！ Antennaさんのホームページを見ていたら素敵な表現があったので、備忘録として押さえておきたいと思います。（使いどころは分からないものの（笑）） 押さえておきたい表現というのがこちら 関連…
jQuery基礎講座[第８回] どーも＠PNRAです！忘備録もかねて随時更新していくjQuery基礎講座の時間がやって参りました。 ちょっと久しぶりの更新ですが、今回は何度もやっている、スクロールに応じた挙動の制御を変数で行います。画像への指定がスクロールに…
どーも、中野区でホームページ作成やってます。＠PNRAです！ ホームページの配色悩みますよね。コンセプトカラーをサービス内容や事業傾向に合わせて大まかに決めた後、具体的な色を決定づけるまで。またその他の配色をどうするのか、これが意外と難しい。 …
どーも、中野区でホームページ作成やってます。＠PNRAです！ 今日は海外のクリエイティブな人々の履歴書のデザインをまとめていきたいと思います。履歴書ひとつとっても、お洒落なものが多くてびっくりなのですが、国内ではまだまだ定型に当てはめたイメージ…
どーも、中野区でホームページ作成やってます。＠PNRAです！ iWatchのモックアップがだいぶ出回ってきたので、「あ、これかっこいいな」「これ使いやすそうだな」といったものをまとめておきました。フラットデザインからフォトリアリスティックまで色々と。…
どーも、中野区でホームページ作成やってます。＠PNRAです！今日はGoogle Mapのデザイン変更に関するTipsをご紹介したいと思います。 「グーグルマップのカスタマイズってどうも敷居が高そう…。」「難しそうだし、マップをIMG画像にしようかな」なんてお考え…
どーも中野区でホームページの作成やってます。＠PNRAです！ ホームページのモックアップや資料作成を効率的に行うためのフリービー素材、弊社が今月ダウンロードし、利用させてもらったものを掲載したいと思います。 IOS 8 Vector App UI Kit イラストレー…
jQuery基礎講座[第７回] どーも＠PNRAです！忘備録もかねて随時更新していくjQuery基礎講座の時間がやって参りました。 表題の通り、スクロールするとアニメーションを実行する、というものを作っていきたいと思います。これは、ウィンドウのスクロール量と…
どーも、中野区でホームページ作成をやっています。＠PNRAです！ ホームページの作成のご依頼をお請けする際に、最初の打ち合わせでクライアントさまから「あ、赤色が好きなので、赤っぽいデザインにして下さい」というような言葉をいただいたりします。これ…
どーも、中野区でホームページ作成をやっています。＠PNRAです！ これはデザイナーであれば必見の拡張機能なのではないでしょうか？重宝すること間違いなしの拡張機能『Pictura』をご紹介します。ホームページのモックアップやUIサンプルを作成する際に使用…
どーも、中野区でホームページを作成しています。＠PNRAです！ 「あの有名ブランドのカラーコードってなんだろう？」ホームページを作成していると、有名ブランドのロゴカラーを調べることがあります。特にソーシャルメディアのアイコンや背景には頻出です。…
どーも、中野区でホームページ制作やってます。＠PNRAです！ アイコンフォントに関するTipsです。普段は汎用性の高いFont Awesomeを利用させていただいています。なんといってもフォント数が豊富なのとコンポーネントが豊富なのが魅力です！がしかし、海外の…
どーも！中野区でホームページ作成をしている＠PNRAです！ ホームページ作成に携わっている方なら誰しもが活用するであろうアイコンフォント！つくづく便利です！有名どころでいえば、「font awesome」や「Foundation Icon Fonts」などが思い浮かびますが、…
どーも＠PNRAです！ ブログを書き始めて、何度かつまずいた箇所だったので、忘備録として抑えておきます。YoutubeやVimeoといった埋め込み動画をレスポンシブさせる方法で、iframeやobject、embedなどといった埋め込みに使える小技です。 YoutubeやVimeoをレ…
