jQuery フルスクリーンでコンテンツをスクロール遷移する「fullPage.js」
フルスクリーン画面でスクロールによるコンテンツ遷移と併せて、横にスライドする形式を実装できる「fullPage.js」をご紹介します。まずは、サンプルをご確認ください。DEMOそれでは見ていきましょう...
mororeco
jQuery 
CSS CSSなどでコメントアウトに利用できるテンプレート
CSSやPHP、JavaScriptを記述する際に、使用できる「コメントアウト」の一覧をまとめて置こうと思います。他にも格好いいコメントアウトの記述方法をされている方が、いらっしゃいますが一般的によく...
CSS background-sizeについて…
背景の指定をする際に用いる「backgroundプロパティ」ですが、画像を配置したい場合「background-image」プロパティで任意の画像を指定します。その際に「background-size...
CSS テキスト背景をCSSだけでアニメーションにする簡単な方法
テキストの文字部分の背景をCSSのみでアニメーション画像にする方法がありましたのでご紹介します。現状、残念なことにwebkit系のみの対応になっていますが試してみてください。▼サンプルとして「Anim...
jQuery レスポンシブ対応のフォトギャラリー「least.js」
スマートフォンなど、様々なデバイス幅に対応したフォトギャラリーを、またひとつご紹介致します。今回は、ポップアップではなくダウンスライドでページの先頭に「写真とテキスト」を表示させることが出来るものにな...
CSS デバイス幅に合わせたメニューボタンを、どうしてもサイズ可変の背景画像で作成したいとき。
スマートフォンサイトなどをコーディングする際に、トップページにサブ的なナビゲーションや各コンテンツへのリンクを目立つような画像で配置したい！などの要望があるかと思います。そんな時に、デバイス幅に合わせ...
SERVICE Can I use…がリニューアルしていたよ！
皆さんも既に日頃からお世話になっているであろうと思いますが「Can I use...」とは、HTML5タグやCSS3プロパティが、どのブラウザ対応しているのかを調べることができるサービスです。// /...
CSS W3Cの勧告ステータスまとめ！
様々なWeb標準企画が、W3C勧告に至るまでのプロセスをまとめてみました。こむずかしい内容ですが、ニュアンス程度にも理解しておくといいかもしれません。サラっと流す程度にどうぞ。// // W3C(Wo...
CSS 3D効果を利用したCSSアニメーションでフォトギャラリー
CSS3の3D効果を使って動きのあるフォトギャラリーを作ってみたいと思います。現状ChromeやSafariなどのwebkit系ブラウザでのみの対応なのでなかなか実装できるシーンは少ないかもしれません...
SERVICE 世界各国のシンボルモニュメントを集めたアイコン250種
皆さんは、旅行は好きですか？私自身は旅行が好きなので、時間を見つけては海外旅行を楽しんでいます。旅行情報関連の情報サイトや旅行会社のHPなどを見ていると、写真やイラストを使って上手に旅行の楽しさや感動...
Photoshop 光を反射するロウソク風エフェクト
ちょっと前に流行っていた、グロス光沢系のテキストエフェクトのチュートリアルをご紹介します。あまり頻繁に使うようなエフェクトではありませんが、見栄えがいいのでちょっと格好良くエフェクトを入れたいなんて時...
SERVICE QRコードを編集可能なパスにする方法
名刺やDM、販促グッズなど印刷媒体において今では、QRコードを入れることが当たり前のようになってきていますが、その際にQRコード無料作成ツールで作成したQRコードを、そのまま拡大・縮小をしてしまうと上...
WordPress アイキャッチ画像登録の時間短縮に使える「Drag & Drop Featured Image」プラグイン
WordPressにおいて毎度の作業である「アイキャッチ画像」の登録ですが、通常は画像をメディア内に「アップロード」→「選択」→アイキャッチ画像として「登録」していると思いますが、この毎回のちょっとし...
HTML 検索エンジンの巡回クロールを回避する方法
サイトの運営をしていく中で、サイトが公開前の準備段階である場合や管理画面URLなど、検索エンジンにクロールされては困る状況があると思いますが、そういった時はHTMLの「metaタグ」による設定方法や「...