記事を紹介するブックマークレット「ShareHTML」をカスタマイズしました | delaymania.com
ブログを書くにあたり誰かの記事を紹介することが多い@delaymaniaです。 そんなときに「ShareHTML」という超便利なブックマークレットがあるんですが、昨日のAppHTMLのカスタマイズと一緒にこちらもいじってみました。 ブックマークレット「ShareHTML」をカスタマイズする目的 ShareHTMLは記事を紹介するときに使うブックマークレットです。 ShareHTMLメーカー テキストリンクだけじゃなく、サムネイル画像も引っ張ってこれるので見やすくて超便利なんですよね。 AppHTMLと違ってアフィリエイトリンクじゃないのでバンドマンのブログなどにも是非活用してもらいたいブックマークレットです。 ShareHTMLをカスタマイズする目的は１つだけ。 「デザインをCSSで一括変更できるようにしたい」 そのために、各項目をspanでくくってclass名をつけていきます。 ▼元々使
JQuery Cycle Plugin - Intermediate Demos (Part 2)
Click Transitions - prev and next Rather than have transitions occur on a timer you can choose to have transitions occur in response to a click event. The prev and next options are used to identify the elements which should be the triggers for prev/next transitions. When used in conjuction with timeout = 0 the effect is a manual slideshow. The values for prev and next can be a DOM element or any v
Cycle - jQuery プラグイン
アニメーション切替のスライドショーを作るなら、jQuery の Cycle プラグインが便利。 様々なアニメーション動作の切替をサポートしている。オプションも豊富で、スライドショー以外にも応用できる。 jQuery Cycle Plugin jQuery の Cycle プラグインについて。jQuery の Cycle プラグインを使うと、様々なアニメーション動作によるスライドショーを、簡単に作れる。オプションも豊富にあり、細部までカスタマイズできるので、スライドショー以外にも応用できる。 jQuery の Cycle プラグインで作る基本的スライドショー jQuery の Cycle プラグインで作るスライドショーにおいて、オプションを使わない、超基本的スライドショー。 jQuery の Cycle で、フェードイン・フェードアウト切替のスライドショー jQuery の Cycle プラ
画像を使ったいろいろなjQueryプラグイン224個まとめ - かちびと.net
画像にエフェクトをかけて拡大表示したり、スライドを作ったり、ツールチップで表示したり、というような画像を使用したjQueryプラグインが沢山あるのと、探してる方が直ぐに見つけられるように、という事でリンク集を作りました。 という訳で、集まっているjQueryのプラグインの共通点は画像を使っている、という事だけです。一貫性無いといえば無いですが、個人的にも必要とする事が多いので自分用のメモも兼ねてシェア。 日本語 English 結構カテゴリ分けはいい加減かもしれませんのであしからずご了承下さい。画像じゃなくてもいいんじゃ・・みたいのもありますが、デモで画像を使ってる、画像と相性が良さそう、みたいなものは基本的に掲載しています。 リンクにマウス乗せればキャプチャが出ます。 Lightbox Lightbox風に画像を表現できるjQueryいろいろ Lightbox2 / ベーシックなタイプ。
jQueryで画像などコンテンツ要素を順番にフェードインさせる方法｜BLACKFLAG
写真のギャラリーページなど、たくさんの画像が一覧となって並べられているページでの ページロード時に画像が一枚ずつ順番にフェードインしながら表示される演出技法。 一度に全ての画像がフェードインするよりも 滑らかな読み込みアニメーションを演出することができます。 この画像（コンテンツ要素）が順番にフェードインしながら表示する演出を jQueryを使って簡単シンプルに実装する方法を紹介してみます。 まずは動作のサンプルから。 下記画面の「リロード」を押してみてください。 サンプルを別枠で表示する ページの読み込みが終わると 一覧画像が左上から順々にフェードインして表示されます。 この全体構成について、 まずはHTMLから。 ◆HTML <ul> <li><a href="#"><img src="img/photo1.jpg" alt="" /></a></li> <li><a href="#"
Site Cooler NZ | Points to Note When Shopping for a Washing Machine
Points to Note When Shopping for a Washing Machine There are different washing machines brands in New Zealand. When shopping, therefore, you need to ensure that first, you get a quality machine; a machine that will last through many years without breaking down. You check product warranties and reviews when shopping to ensure a machine is a good quality. The material of the drum can be enamel, plas
How to Create Website Wireframes
2014年8月17日 Webサイト制作, 便利ツール WebクリエイターボックスではWeb制作の応用技術をよく紹介していますが、基本の流れはちゃんと説明していないな…ということで、「連載！実践で学ぶWebサイト制作ガイド」として、実際に1つのサイトを作りながらWeb制作の流れと方法をまとめて書いてみることにしました。この連載企画はブログ開始当初に考えていましたが、2年半ほど忘れてました…。今回は「ワイヤーフレームの作り方」です。これも過去に「Webサイトの骨組み: ワイヤーフレームを素早く・手軽に・美しく制作する」という記事を書いていたのですが、私の使用するツールも変わったので、改めて記事にすることに。 ↑私が10年以上利用している会計ソフト！ 実践で学ぶWebサイト制作ガイド：その3 目標：わかりやすいワイヤーフレームを作成することができる 必要なもの：紙とペン 対象レベル：超初心者OK
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ドラッグ&ドロップで定型文やファイルをカンタンにペーストできるMacアプリ「SnipEdges」 - iTea3.0