タグ

2016年4月27日のブックマーク (4件)

  • [JS]実装は簡単!ページの使い方の説明などをかっこよくオーバーレイで表示するシンプルなスクリプト -Chardin.js

    デモページ:オーバーレイ非表示 Chardin.jsの使い方 Step 1: 外部ファイル 「jquery.js」と当スクリプト・スタイルシートを外部ファイルとして記述します。 <link href="chardinjs.css" rel="stylesheet"> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="chardinjs.min.js"></script> Step 2: オーバーレイで表示する内容を加える 通常通り配置したページの要素に、オーバーレイで表示する内容を加えます。 <img src="img/chardin.png" data-intro="オーバーレイで表示するテキスト" data-position="right" /> 「data-intro」に表示

    logic3code
    logic3code 2016/04/27
    RT @colisscom: 前の記事: [JS]実装は簡単!ページの使い方の説明などをかっこよくオーバーレイで表示するシンプルなスクリプト -Chardin.js
  • WordPressで作っておくと便利なショートコード何個か - かちびと.net

    この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 WordPressではショートコードを自作して 好きなときに使う事が出来ます。ショート コードを利用すると、通常記事内では出来 ない事もできる様になったり、面倒なマーク アップを簡略化できたりと、とても便利 ですので、ぜひ覚えてみてください。 という訳で、WordPressで作っておくと便利なショートコードをいくつかご紹介します。 その前に宣伝。 WordPressのスニペットを集めてシェアする事にしました ご存知のように、WordPressで使える便利なコードは日々世界中で公開、シェアされています。その背景にWordPressがOSSであることが理由の一つとしてあげられるかと思います。 WordPressはGPLですので、極論を言えば有料のプラグインも無料で配布可

    WordPressで作っておくと便利なショートコード何個か - かちびと.net
  • ページ遷移をアプリっぽくすることができる「jQuery.smoothState.js」:phpspot開発日誌

    Home - jQuery.smoothState.js ページ遷移をアプリっぽくすることができる「jQuery.smoothState.js」 WEBページというと画面遷移で一旦画面がクリアされて再描画されるため、アプリっぽい体験にすることは通常難しいですが、こちらのプラグインを使って、よりアプリっぽいWEBページ作りが出来ます。 ページ遷移後はURLもa.html→b.htmlのように変わるため、ブックマークやSEO的にも問題のないWEBページ作りに役立てられます 関連エントリ ページ遷移を意識させないアニメーションによるページ切り替え効果実装 モダンでかっこいいページ遷移アニメーションサンプル

    logic3code
    logic3code 2016/04/27
    RT @phpspot_kj: ページ遷移をアプリっぽくすることができる「jQuery.smoothState.js」
  • サイトのフローチャート・サイトマップ作成時に便利な大容量デザインキット「Wyre」 - NxWorld

    「Wyre」はフローチャート・サイトマップ作成時に便利なデザインキットで、サイトで多用されるレイアウトやコンポーネントが100種類以上用意されています。 ベースとなるフレームやアロー・バッジといったアイテムも用意されているので、それらを組み合わせることで簡単にフローチャート・サイトマップを作成することができます。 紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。 シングル・カラム・グリッドなどのレイアウトイメージが多数あり、500や404ページ用の素材も用意されています。 こちらは一覧ページ・詳細ページを表すものやプロフィールページを表すデザイン。 イメージとテキストがカラムになっているものや動画が設置されているもの、テキストのみで構成されているページを表しているものなどひと通りのパターンがあります。 アローやバッジの素材も用意されています。 このようなベースとし

    サイトのフローチャート・サイトマップ作成時に便利な大容量デザインキット「Wyre」 - NxWorld