タグ

htmlとHTMLに関するkugibinのブックマーク (6)

  • Sliding Panel Photo Wall Gallery with jQuery | Codrops

    Today we will create a stunning full page photo wall gallery. The idea is to have a whole page full of thumbs with a nice light effect when we hover. […] Today we will create a stunning full page photo wall gallery. The idea is to have a whole page full of thumbs with a nice light effect when we hover. When an image is clicked, a panel slides up from the bottom revealing the full picture. When cli

    Sliding Panel Photo Wall Gallery with jQuery | Codrops
  • テンプレート用 変数一覧|FC2ブログ公式マニュアル

    エントリ関連の変数↓ コメントエリア・トラックバックエリアの変数↓ ページ移動関連の変数↓ 全記事タイトル一覧ページの変数↓ エリア(モード)変数↓ サイドバーメニュー関連の変数↓ プラグイン関連の変数↓ モバイルテンプレート用の変数↓ スマートフォン用の変数↓ どこでも有効な単変数↓ [別項目] 多言語用変数→ エントリ関連の変数 ブロック変数 ブロック中での条件分岐 およびブロック内で有効になる単変数 <!--topentry--> ~ <!--/topentry--> エントリーを繰り返し表示させるブロック <!--more_link--> ~ <!--/more_link--> ・追記がある場合に表示。 個別ページ(記事単体表示)では出力されない <!--more--> ~ <!--/more--> ・追記がある場合に追記文などを表示。 個別ページ(記事単体表示)でのみ出力される

  • HTML/CSS/JS製の小さなスライドツール『kyubey』をつくったよ - ✘╹◡╹✘

    説明 タイトルはほとんど釣りです。奇跡も魔法もありません。最近よく勉強会をしているという話を前回のエントリで少ししましたが、プレゼンするのにいちいちKeynotePowerPointを開いていては骨が折れるし、参加出来なかったメンバーが後からWeb上でスライドを見たいということもあるので、自分でHTMLで手早くスライドを作るためにツールを作りました。jQueryやその他ライブラリが頑張って働いてくれたのでJS部分は実質100行弱のコード量でした。*1 kyubeyはjQueryを利用して作った小さなスライドツールです。作ったばかりなので機能はほとんどありませんが、小さいが故にコードの理解や拡張がしやすいかと思います。Githubに公開しているので良ければお使いください。ちなみに下記サンプルとソースコードを見て頂ければ大体理解出来るかと思います。機能要望があれば今後拡張していくつもりです。

    HTML/CSS/JS製の小さなスライドツール『kyubey』をつくったよ - ✘╹◡╹✘
  • iPhone/iPad向けWebサイトで、画像のみの拡大縮小を行う - JavaScript - 教えて!goo

    質問 質問者:hmhm39 iPhone/iPad向けWebサイトで、画像のみの拡大縮小を行う 困り度: すぐに回答が欲しいです iPhone/iPad向けWebサイトで、画像のみの拡大縮小を行う iPad向けにWebアプリを開発しています。 HTMLのページ内に埋め込まれた画像のみをgoogleマップのような感じに拡大・縮小・表示範囲の移動などを、iPadUI(つまむ・なぞるetc)で行えるjavascriptないしAJAXのコード、もしくはライブラリを探しています。 PC向けのライブラリはjavascriptでもFlashでもいろいろあるようですが、どなたかご存知であれば教えていただけると非常に助かります。 質問投稿日時:2010/08/17 18:00質問番号:6116056 この質問に対する回答は締め切られました。 最新から表示 | 回答順に表示 | 良回答のみ表示 回答

  • 月曜ジャーナル Sigilの基本的な使い方(1)

    さて、GW突入(すでにしていますが)の前に、前倒しUPです。 今日はEPUBエディター「Sigil」について触れていきますよ。 親切なことに、Sigilのダウンロード・サイトにチュートリアル記事がありますので、こちらの「A Basic Tutorial」ページを丸っと和訳してみます。 ベーシックと言うだけに当にとっかかりの部分だけなのですが、「敷居を低く設けよう!」という想いが伝わってくる丁寧な記事です。 その前に「Sigil」とは何かを、トップページから抜粋してざっくり。 ・「Sigil」はWYSIWYG(ウィジウィグ、モニタ上で見たものとアウトプットされるものが一致するという意味) のEPUBフォーマット電子書籍エディター。WindowsLinuxMacに対応したマルチプラットフォームのフリー&オープンソース・ソフトウェアである。 ・Sigilが採用している文字コードはUTF-1

  • 小粋空間: RSS Feed(フィード)を表示する

    RSS Feed(フィード)をブログのサイドバー等に表示するテクニックです。方法は色々あるみたいですが、ここでは「Feed2JS」を利用した方法を紹介します。 Feed2JS はフリーのツールです。RSS フィードを HTML として表示させる仕組みは、まずこの Feed2JS に対し、ブログに表示したい RSS フィードのURLを入力して、それに対応する JavaScript を生成します。そしてこの JavaScript をブログに貼り付けまておきます。あとはページを表示することで、JavaScript から Feed2JS のPHPを起動し、さらにPHPのプログラムから RSS フィードを取得し、HTML に変換して表示する、という訳です。 異なるドメインのRSSも利用することができ、表示方法もきめ細かい設定が可能で、単純なテキストとして取得することも可能です。 Feed2JS はサ

    小粋空間: RSS Feed(フィード)を表示する
  • 1