A jQuery plugin that, after scrolling, snaps to blocks of content which I like to call panels. You can actually nest sets of panels as you will see throughout this demo page. Each following panel will explain a specific feature of the panelSnap plugin. https://github.com/guidobouman/jquery-panelsnap Basic setup <!doctype html> <html> <head> <script src="/path/to/jquery.js"></script> <script src="/
Magnific Popup is a responsive lightbox & dialog script with focus on performance and providing best experience for user with any device (for jQuery or Zepto.js). Important note: This jQuery plugin is deprecated, only critical or security bug fixes will be released in future. Use native <dialog> element if you need a basic dialog/modal/popup, or my PhotoSwipe library if you need an advanced image
Yet Another Related Posts Plugin(YARPP) プラグインはブログで記事が表示される時にそのブログと関連する記事を表示してくれるプラグインです。何を使って関連する記事と判断するかどうかの設定や、表示方法のカスタマイズも行えます。ここでは Yet Another Related Posts Plugin プラグインのインストール方法と使い方について解説します。 Yet Another Related Posts Pluginプラグインのインストール Yet Another Related Posts Pluginプラグイン(以下、「YARPPプラグイン」と略)をインストールにするには「プラグインのインストールと有効化」プラグインのインストールと有効化」を参考に「プラグインのインストール」画面を表示し検索ボックスで「Yet Another Related Pos
WordPress Popular Postsが取得する画像URLを変更したいです。 WordPress Popular Postsプラグインのを使っているのですが、出力するのに post_html' => "<li>{thumb}{title}</li>" を記載するとサムネイルののurlが http://example.com/wp-content/uploads/wordpress-popular-posts/2245-80x80.jpg という風になり、 別に新着記事を表示するところではサムネイルを出力するのに <?php echo the_post_thumbnail(); ?> を記載するとサムネイルのurlが http://example.com/wp-content/uploads/2014/11/xxx-80x80.jpg という風に表示されます。 どちらも同じ画像ですが
Word Pressの投稿の閲覧回数を記録して、人気の記事として表示できるプラグインはいくつかありますが、ショートコードで出力されるソースコードがイマイチで、手を加える必要がでてきました。 条件にあったプラグインを探すのも手間ですし、せっかく記録された閲覧回数も引き継げないのでそのまま使わねば。と、いうことでショートコードを使わずにget_postsで出力しちゃいます。 ショートコードを使わず出力する（Jetpack Post Viewsの場合） // オプション $args = array( 'showposts' => 5, // 表示する件数 'post_type' => 'post', 'orderby' => 'meta_value_num', // カスタムフィールドの内容を数値として扱う 'meta_key' => 'jetpack-post-views', // カスタムフ
WordPressをいじってる中で、ちょこちょこ出てくるのが、カテゴリごとにヘッダのテキストや画像を追加したいという要望。 通常のヘッダはそのままで、カテゴリ毎にちょっとしたテキストを入れたい場合はテンプレートを複製して、category-1.phpとかカテゴリIDを付けて対応する場合もあるし、画像だけだったらcssで画像のidを取得して振分ける方法もあるのだけど、今回は複数のカテゴリがあって、更にテキストも入れたい。ループの下に更に別のテキストも入れたい。 そして、実際に運用するのがクライアントだということもあって、汎用性を考えてAdvanced Custom Fieldsで対応します。 Advanced Custom Fieldsは前にもちょこっと書いたけど、カスタムフィールドをセットごとに作ることができて、更にそれをどこに使うかの指定ができるスグレモノのプラグインで、ここしばらくはほ
ずいぶんと前に日本列島に寒気がやって参りましたね。最近はこたつの中で横になりながらジャンプ片手にみかん片手に、ついでにテレビ見ながらごろごろしてることを思い浮かべながら布団に入るのがついつい日課になってるエンジニアの松本です。 長めの自己紹介はさておき、本日は今ノリにノッているあのイケてるドロワーメニューを使ってみたいと思います。 google.com スマホ版 巷で噂のドロワーメニュー。FacebookアプリやGoogleサイト（*右画像）など、だれもが利用しているアプリやWebサービスで導入されています。横からニュルっとスルっとでてくるあのメニューこそ、ドロワーメニュー張本人です。あのニュルニュル感が気持ちいいから、ついつい何回も何十回も何百回も角っちょのメニューアイコンを押しちゃうんですよね。ああ気持ちいい。 今回ドロワーメニューを導入する際に使用したのはjQueryプラグイン【jS
SidrThe best jQuery plugin for creating side menus and the easiest way for doing your menu responsive You will be able to create multiple sidrs on both sides of your web to make responsives menus (or not, it works perfectly on desktop too). It uses CSS3 transitions (and fallbacks to $.animate with older browsers) and it supports multiple source types. Get startedLike any other plugin, you must inc
以前『スマホサイトにおすすめ。jQueryプラグイン『PageSlide』を使ってFacebook風メニューを再現してみました 』という記事を書きましたが、今回は『Qiita [キータ] – プログラマの技術情報共有サービス 』にてGoogleでも採用されているCSS3のアニメーションを使ったスライドメニューというものを発見したのでご紹介します。 jQueryプラグイン『jSlideMenu』 なんでも作者の方はGoogle先生のソースコードを調査し、あのヌルヌル動くスライド部分のアニメーションがJSではなく実はCSS3のtranslateで行われていることを突き止めたんだとか。 CSS – Googleから学ぶ ヌルヌルサクサクなスライドメニュー – Qiita [キータ] スマートフォンのブラウザではjavascriptでのアニメーションはどうしてもガタガタになってしまうし、ちらつきや
Generator To make the usage of Rhinoslider easier for you, we have developed a fancy generator. With the generator you can set up nearly all options and arguments , even if you're not familar with the usage of jQuery plugins. Only the callback and callbefore functions aren't included in the generator, because you should test them in your html code and javascript scope. Hover over the labels of eac
We have been working since 2009. We started with two people: a designer and a programmer. Today the company employs almost 20 people who are divided into four teams. Everyone is a master of his craft. There are open vacancies. We use all our experience, knowledge and skills to help you properly implement your plans to make the site a convenient tool - in this we see our mission. In tandem with the
Move Elements with Style Quickly convert simple, semantic HTML structures into a sexy interactive turntables! Roundabout is a jQuery plugin that converts a structure of static HTML elements into a highly customizable turntable-like interactive area. (And now, not just turntables, but many shapes!) In its simplest configuration, Roundabout works with ordered- and unordered-lists, however after som
What is Masonry? Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet. Install Download CDN Package managers Getting started HTML CSS Initialize with jQuery Initialize with Vanilla JavaScript Initialize in HTML Next MIT Lice
って、どこで使うんだろう。誰かのヒントになればって事でご紹介。 使い方 まずは、jQueryとプラグインを読み込みます。 <script src="jquery.js" type="text/javascript"></script> <script src="jquery-css-transform.js" type="text/javascript"></script> <script src="jquery-animate-css-rotate-scale.js" type="text/javascript"></script> その後に、プラグインを有効化すれば動作するようです。 <script> setInterval( function () { $('#at_ex1').animate({rotate: '+=10deg'}, 0); }, 200 ); $('#at_ex1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く