jQuery スクロールをキーとしたアクションを「waypoints.js」で実現
画面をスクロールをすることで、ナビゲーションを上部固定する方法のひとつとして、jQueryプラグインの「waypoints.js」をご紹介します。上部ナビ固定をする方法は、これまでもいくつかご紹介させ...
jQuery 
jQuery jQueryで上部固定ナビゲーション(プルダウン付)を実装するには！
これまでにも何度か紹介してきた「固定ナビ」ですが、今回は「スクロール+プルダウン」の表現を可能にする方法をメモしておきます。まずは、デモサンプルを確認してみてください。// // DEMOHTMLを記...
SERVICE フォトグラファーお役立ち！写真を“3GB”まで送れるサービス「FOTOGATHER UP」
フォトグラファーの方もそうでない方も、クライアント様や友人に撮影データなど、大容量のデータファイルを送りたいときにどうやって渡せばいいか困ったことはありませんか？無料会員登録をすれば、なんと“3GB”...
SERVICE 写真も動画もクオリティが高いフリー写真素材サイト「SplitShire」しかも商用無料！
イタリアのWEBデザイナーとして活躍するDaniel Nanescu氏が運営している「SplitShire」をご紹介します。写真も動画も無料ダウンロードが可能で、クオリティの高いものが多いのが特徴です...
SERVICE センスある配色なら「Coolors」におまかせ！
簡単にセンスのある配色パターンを教えてくれる便利なツール「Coolors」をご紹介します。これまでも、幾つか配色に困ったときに参考になるサイトやツールがありましたが、こちらのColoorsもセンスのい...
HTML グリッドレイアウトの基本的なこと。
今回は、WEBサイトを作成する上でのレイアウト手法のひとつ「グリッドレイアウト」について考えていきたいと思います。最近では「フラットデザイン」や「レスポンシブデザイン」など新たな表現スタイルでそれぞれ...
jQuery アイコン画像やイラストが、ふわふわ浮かぶ「jqFloat」で遊び心を！
雲や気球など、ふわふわ～っと浮かばせたいイラストなどをWEBサイト上に配置したいときに、jQueryプラグインの「jqFloat」を使えば実現できます。// // まずは、デモサンプルを確認してみてく...
jQuery グローバルナビをスクロール時に固定する方法
グローバルナビゲーションの仕様は、その時の流行によって左右されやすいものです。その中でも、安定してそのスタイルが良く扱われている「固定ナビゲーション」の指定方法をご紹介しておきます。今回はjQuery...
jQuery 読み込み完了までローディング画像でストレスを軽減する方法
ギャラリーページなど大きい画像を並べていたり、パララックスサイトのように1ページあたりの容量が比較的大きくなるようなページ構成をすると、ユーザー環境によっては配置されている画像が徐々に表示されたり、コ...
ドメイン&サーバー いまさら聞きづらい「サブドメインって何？」
Web制作をはじめた人が出くわす「ん？」をすっきり解決！前回の記事に引き続き、ドメイン関連の内容ですが、「サブドメインって何？」という疑問を解決していきたいと思います。ついでに、「サブディレクトリ」に...
ドメイン&サーバー いまさら聞きづらい「マルチドメインって何？」
Web制作をはじめた人が出くわす「ん？」をすっきり解決！Webデザイナーと言っても、サイトの見た目を作るだけではなく、サーバーやドメインに関しても知識が必要になってきます。PC作業好きだけど、PC知識...
Illustrator Illustratorで簡単に容量を落とした圧縮PDFをつくる方法
Illustratorでデータを作成して、クライアント様や社内でデザイン確認をするとき、PDFファイルで確認することがありますが、そのままPDF保存をしたものだと、容量が大きすぎてメールで送れなかった...
WordPress 【WordPress】任意のCSSを複数読み込みたいときはどうすればいい？
通常、デフォルトで用意する「style.css」を読み込んでいますが、「ユーザーエージェントごと（PC/iPad/iPhoneなど）に分けてCSSを利用したい」、「基本設定はstyle.cssに記述し...
SERVICE 60秒一本勝負!あなたはどこまで色が区別できますか？
突然ですが、あなたは色の区別に自信がありますか？「はい。」 …そう答えた方、挑戦してください。私はどちらかと言えば、色には強い方だと自負しておりましたが、それは「幻」だったかもしれません・・・。自分が...