[JS]ユーザーが快適に操作できることにこだわった、タッチデバイスにも対応のスライダーを実装するスクリプト -Flickity
デモページ: ナビゲーション Flickityの使い方 Step 1: 外部ファイル 当スクリプトとスタイルシートを外部ファイルとして記述します。 ※jQueryのプラグインとして利用する時は、jquery.jsを加えます。 <head> ... <link rel="stylesheet" href="/path/to/flickity.css" media="screen"> <script src="/path/to/flickity.pkgd.min.js"></script> </head> Step 2: HTML 各スライドをdiv要素などで実装し、ラッパーで内包します。 <div id="main-gallery"> <div class="gallery-cell">...</div> <div class="gallery-cell">...</div> <div cl
![[JS]ユーザーが快適に操作できることにこだわった、タッチデバイスにも対応のスライダーを実装するスクリプト -Flickity](https://cdn-ak-scissors.b.st-hatena.com/image/square/bf5475b2160c621bb7e866a6e614ec3326ad2769/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015012901.png)
綺麗な動きになった！Web制作前に見ておきたいjQueryプラグインまとめ
作成：2014/12/8 Web制作 > 比較的最近のjQueryプラグインやプロフェッショナルな方々が作成されたスクリプトの中から、サイト制作時に取り入れてみたいエフェクトを厳選してご紹介。今風の見え方を実現できそうなものをチョイスしました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ ファーストビュー １．スライドを立体的に切り替え ２．クリックで滑らかにページ遷移させる ３．背景にスライド、フルスクリーンで固定させる ４．横に移動するフルスクリーンスライド ５．キューブ系のスライドを表示 ６．下方向へドラッグするとページを再読み込みする ７．要素を上下にフワフワ動かす ８．外部要素をクリックで表示 ９．タイピングエフェクト 動作 １０．サーチボックスを画面全体にオーバーレイさせる １１．デイトピッカー １２．ドラッグ＆ドロップ 画像をアップロードする
Tumblrをブログとしてカスタマイズする際に便利なウィジェット/外部サービスまとめ
このブログはTumblrを若干カスタマイズして作っていますが、せっかくなので今回は自分が使っているウィジェットや外部サービスを紹介してみたいと思います。 Tumblrをブログっぽく使っている人の参考になれば。 タグクラウドを表示 Tumblrでは通常タグを使って記事をカテゴライズしますが、タグクラウドの表示にはTumblr Tag Cloud Widgetがオススメです。 このブログもこれを使って、右カラムにシンプルなタグクラウド（カテゴリ一覧）を表示しています。ちなみに、併せて提供されているPretty Tag Cloud Generatorだと、もっと変わったデザインのタグクラウドが作れるようですね。 ※ TumblrのタグクラウドだとTumblr Tag Cloudsの方が有名かも知れないですが、こちらは表示に異常に時間がかかるのでイマイチです。 ▶Tumblr Tag Cloud
最近公開された表現力を高めるjQueryプラグインいろいろ
Adipoli jQuery Image Hov... / Sweet Tooltip a jQuery &... / FredHQ - Roundabout for ...他...全7件
記事に挿入する画像のサイズの種類を増やせるWordPressプラグイン・Additional image sizes
地震の災害の最中ですし、僕も東京住まい でそれなりの被害がありますが、関東以外 の方は普通にお仕事をされてると思います。 地震の情報は多数存在しますし、僕が変に 介入しすぎても混乱を招きかねないので 本日より通常更新に戻ります。が、停電を 含め、地震の弊害次第では更新が止まる かも知れ無いことをご了承下さい。 さて、今日はちょっと便利そうなWordPressのプラグインがあったのでシェア。有りそうでなかったプラグインです。 WordPressは、画像をアップロードし、その画像を投稿に含める際にサイズを選べるんですが、そのサイズがデフォルトでは限られています。このサイズの種類を増やせるプラグインがAdditional image sizesです。 上記のように、デフォルトの4つのサイズ以外に3つ増えています。試してはいませんが、いくらでも増やせそうですよ。 設定 プラグインを有効化すると、「
mind-projects.it - mind projects リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
WordPressでどんなサイトでも作れちゃう気になれる無料プラグイン9個
2016年6月8日 Webサイト制作, Wordpress WordPressのプラグインってすごいですよね。少しカスタマイズするだけで思い通りの機能のついたWebサイトを作ることができます。今回は「えっ、こんなことまでできちゃうの？」と思わせてくれるような高性能プラグインをいくつか紹介します。WordPress 3.0から追加されたマルチサイト機能を使えばWebサービスとして運営することもできそうなもの多め。どんな風に使おうかわくわくしちゃいますよ！ ↑私が10年以上利用している会計ソフト！ 1. SNS BuddyPress WordPressをSNSとして運営することができるプラグイン、BuddyPress。過去記事「WordPressプラグイン「BuddyPress」でSNSサイトを作成」で詳しく紹介しています。
CakePHP - CSVダウンロード（エクスポート）機能を実装する『CSV Helper』 まとめ - たきゃはしです
CakePHP2対応したのCSVヘルパーはこちらです。 FastCSV ヘッダだとか文字化けで取っつき難いCSV関連 最初に言っておきます、CSV Helperはとても易しく使いやすいです。 →CSV Helper (PHP 5) ザッとマニュアルを見てから思い通りの実装・出力まで30分程度でした。 それでは、さっそく使い方を説明します。 １．まず、「app/views/helpers/」に「csv.php」を作成して 以下のソースをそのままコピペしてください。 <?php class CsvHelper extends AppHelper { var $delimiter = ','; var $enclosure = '"'; var $filename = 'Export.csv'; var $line = array(); var $buffer; function CsvHelp
超かっこいいmarquee2.0を実現するjQueryプラグイン「fMarquee」:phpspot開発日誌
jQuery Marquee Animation Plugin Preview - CodeCanyon 超かっこいいmarquee2.0を実現するjQueryプラグイン「fMarquee」。 ホームページをつくりはじめた時には誰もが使ったマーキー。覚えていくにつれ、ほとんど使われないかわいそうなマーキー。 そんなマーキーもjQueryで超かっこ良く、まるで映画のプロモーション動画に使われるようなエフェクトに生まれ変わったようです。 生まれ変わったマーキーを見てみよう 実装は超簡単！ <script language="javascript"> $(document).ready(function() { $('.marquee').fMarquee({width: 960, height: 100}); // サイズをオプション指定 }); </script> <!-- 内容はdivに入
【Facebook】Social Plugin 説明：プロジェクトマネジメント10.0：オルタナティブ・ブログ
※この記事で紹介しているサンプルの一部はFacebookアプリにログインすると表示されます。 上の「Login」をクリック⇒別ウィンドウでID/PWを入力して「Login」⇒「Allow」 お世話になっております。 ループス岡村直人です。 昨日、4月22日にFacebookが「ソーシャルグラフを結んでオープングラフにする」構想の下、新プラットフォームを発表したというニュースが流れました。ITMediaの記事によると同日紹介された新機能は「Social Plugin」「Open Graph Protocol」「Graph API」の3つだそうです。さっそく上記機能のうち「Social Plugin」について調べてみましたので、調査結果を本エントリに記載いたします。 内容はFacebookDevelopsersサイトのドキュメントの翻訳に若干の説明を加えたものになります。認識違いや誤訳等ござい
WordPressにFAQ管理機能を追加するプラグイン「FAQ Manager」:phpspot開発日誌
WordPress ? FAQ Manager WordPress Plugins WordPressにFAQ管理機能を追加するプラグイン「FAQ Manager」。 プラグインをインストールすると管理メニューにFAQsメニューが追加され、FAQの追加、管理、FAQのカテゴリ、タグ等の設定が出来ます。 この機能によって、WordPressをベースとしたFAQサイトが作れそうです。 記事やページ以外の括りとして、FAQのページ管理したい場合に使えます。 作成したFAQのURLは、「http://example.com/question/質問タイトル」 のようになり、FAQ内で各々にカテゴリやタグの設定が可能。 /question/ 以下をgoogle カスタム検索などで対象にすれば検索機能も付けられますね。 お問い合わせを出来るだけ減らし、無駄なやりとりを防ぐFAQですが、別に用意するのでは
WordPressに導入すべき10（+1）のプラグインと入れておくと便利な21のプラグイン。 – ごみおきば
このサイトを構築するのに使用しているWordPress。プラグインも沢山利用させて頂いております。今回はその中でも、WordPressを利用するなら確実に導入しておくべきプラグインと入れておくとなにかと便利なプラグインを紹介したいと思います。 このサイトでも使用しているおすすめWordPressプラグインをまとめてみた。 | ごみおきば 前回のエントリから色々おすすめのプラグインが増えています。プラグインの豊富さはやはりWordPressならではですね。 以下、続きに格納。 WordPressを使うなら入れておきたいプラグイン。 Akismet コメントSPAM対策。APIキーの取得等の初期設定が若干面倒くさく感じるかも知れないけど、一度有効化するとコメントSPAMがほぼ消滅。導入してからコメントSPAMを確認したり消したりする作業をしていません。 最初から入ってるので面倒くさがらずに導入
スクロールで順に画像読み込みLazy Load Plugin for jQuery
Mon, Jan 1, 0001 Lazy Load delays loading of images in long web pages. Images outside of viewport will not be loaded before user scrolls to them. This is opposite of image preloading. This is a modern vanilla JavaScript version of the original Lazy Load plugin. It uses Intersection Observer API to observe when the image enters the browsers viewport. Original code was inspired by YUI ImageLoader ut
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
MixItUp | KunkaLabs
http://logmania.masakiplus.net/archives/6009
TechCrunch | Startup and Technology News
css3のMedia QueriesでスマートフォンやiPad等の様々なデバイスに対応済みのWordPressテーマいろいろ
5509.me
so-network.biz
オリジナルフォントが作れるiPad用フォント作成アプリ「iFontMaker」｜linker journal｜linker
