GitHub - thebird/Swipe: Swipe is the most accurate touch slider.You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Open a Window with Full Size Unscaled Image | CSS-Tricks
Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. For the gallery section of this site, I wanted people to have the ability to see the screenshot at its original size. Due to the fluid nature of this site, it’s fairly common for the screenshot to be scaled down to fit into its column. So I put together this little solution. My plan is to open a wi
サイトの背景で雲などが動く！アニメーション効果を出す JavaScript 集
最近は、コワーキングスペース タネマキ の方で、記事を更新しています。@uetsuhara でも気になったニュースや記事など流してます。良かったら覗いてみてください。 読了目安 1分58秒 宣伝ぽいですがてか宣伝になりますが、横浜のコワーキングスペースタネマキで、また背景の雲が動き始めました。やはりちょっと重い？とのことで、現在一時停止中です。別の方法を模索中。 understandard.net が実装してくれました。詳しいことは彼にｗ ついでに似たようなスクリプトを集めてみました。まぁタネマキでも使っている $fx というライブラリで十分な気もしますが。なかなか動きが軽い気がします。 背景を動かすスクリプト一覧 $fx – JavaScript animation library 僕らが今回使ったのはこちら。なかなか良いかと。高機能な割には、軽量ってのが売りのようです。雲などの画像レイ
クリックして全体を表示。JavaScriptによる文字列切り出し·Cutter.js MOONGIFT
Cutter.jsは文字列を指定数まで表示するJavaScriptライブラリ。クリックで全体表示と切り替えられる。 Cutter.jsはJavaScript製のオープンソース・ソフトウェア。コミュニティサイトではユーザがコンテンツを作成するので、時々デザイン上無理なコンテンツが登録されることがある。そのため使えるタグを規定したり、入力できる文字数に制限したりするのが一般的だ。 一部だけ表示 とは言えせっかくユーザが入力してくれる文字列を中途半端にしか使わないのは勿体ない。そこでYouTubeなどでは最初は少ない文字数で、クリックすると全文表示するといった仕組みを取り入れている。それを実現するライブラリがCutter.jsだ。 Cutter.jsはJavaScriptを使って指定要素に入っている文字列を一定の文字数（指定可能）で区切ってくれるライブラリだ。表示上区切っているだけでクリックすれ
実装が簡単で、フォームの使い勝手を向上させるJS 3種
Web屋の私がブックマークしているサイト65 | Webクリエイターボックス の、CSSんところにちゃっかり、CSS HappyLife ZERO が載ってて嬉しい＞＜ さて、今回はフォームです。 お問合わせフォームとか資料請求フォームとか、ウェブサイトには結構な確率で何らかのフォームが有るかと思います。 このフォームの使い勝手の良し悪しが、とても重要なのは言うまでも有りません。 でもまぁ、ビミョーなフォームが多いですよね。 本気でやり出すと、サーバーサイドに手を加えたりして云々だと大変なので、コストがかかるとかで出来ない場合も有るかも知れません。 しかし、フロントエンドで出来ることも有るので、フォームを実装する際に何事もなかったかのように極々自然と使い勝手が良くなる（だろう）機能を盛り込んだらステキですよね。きっと。 しれっとコーダーが、フォームに今回紹介する機能を実装しておけば「おー！
Anywhereのクラスを使ってユーザをフォローさせてみる - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） Twitterの@anywhereは既に提供を終了していますので、本記事の内容も利用出来ません。 Sunsetting @Anywhere | Twitter Developers 先日、Twitter公式から「フォローボタン」がリリースされましたね。 とても便利そうなのですが、今日はそのボタンのお話ではなく、 @anywhereを使ってユーザをフォローさせるスクリプトのお話です。 currentUser.follow()について AnywhereのTwitterオブジェクトに生えているcurrentUserにfollowメソッドがあるのですが、 これは、「このユーザーで誰かをフォローする」ためのメソッドではなく、 「このユーザーをフォローする」ためのメソッドです。 つまり、 twttr.anywhere(function(tw
iScroll – Matteo Spinelli's Cubiq.org
The overflow:scroll for mobile webkit. Project started because webkit for iPhone does not provide a native way to scroll content inside a fixed size (width/height) div. So basically it was impossible to have a fixed header/footer and a scrolling central area. Until now. This script has been superseded by iScroll 4. This page is kept for historical reasons. Get the Script Screencast Live Demo Publi
FacebookのLikeBox（いいね!ボックス）をシックリくるようカスタマイズしよう! – 和洋風KAI
ホームページのファンページを作ったなら必ずやるべきなのが「いいね!」を貰いやすくなるLikeBox（いいね!ボックス）の設置。 ただ、このLikeBox非常にカスタマイズがしにくいんですねー。 僕もちょっとわけわかんなかったので、カスタマイズ方法を書いてみましたー。 LikeBox（いいね!ボックス）のiframeタグを取得しよう! 詳解! Facebookファンページの作り方! | 和洋風◎ これを参考にLikeBoxの「iframeタグ」（ココ大事!）を取得しましょう! LikeBox（いいね!ボックス）の縦幅をカスタマイズしよう! 上の画像を見てください。青色が横幅のサイズの数値で、赤色が縦幅のサイズの数値となります。つまりここの数値を変更することで、自分の思うままのサイズに変更できます。 LikeBoxを作成するところで横幅は指定できるのですが、なぜか縦幅は変更できないので、上のよ
もうCSSハックは必要なし!? ブラウザ毎にCSSを切り替える「cssuseragent」 | Web活メモ帳
CSSでページをデザインする際に、ブラウザ毎のレイアウトの違いって本当に嫌ですよね。 CSSハックで対応する方も多いかと思いますが、本日紹介する「cssuseragent」を使うとclassの作り方を少し工夫するだけでより柔軟に対応できるようになります。 詳しくは以下 設定方法はJavaScriptを一つ読み込むだけになります。 <script src="cssua.min.js" type="text/javascript"></script> このライブラリを使うと、ページのhtml属性に動的にclass属性を追加するようになります。 例えばですが、IE6でアクセスした場合には ua-ie-6というclass名が追加されるようになります。 <html class="ua-ie-6"> <head>…</head> <body>…</body> </html> iPhoneの場合はua-
複数のバナーをランダムに表示するJavaScript | かえラボBlog
全部で5個登録されたバナーのうち、ランダムに3個を選択して表示する、というスクリプトについて。 案件で必要に迫られて書いたのですが、あまりにイケてないコードになってしまったので改良したものをここで公開します。イケてないコードで公開してしまった懺悔みたいなものです。 処理の流れとしてはこんな感じ。 5個のHTML文字列が入った配列(1)からランダムに1個取り出して、表示用変数に格納 残りの4個を新たに作った配列(2)に格納 配列(2)からランダムに1個取り出して、表示用変数に格納 残りの3個を新たに作った配列(3)に格納 配列(3)からランダムに1個取り出して表示用変数に格納 表示用変数を使って出力 これをベタッと処理の順そのまんまに書いたらこうなった、というイケてないやつ。 サンプル1 var contentHtml = [ '<li><a href="#"><img src="bnrs
お役立ちツール：バナーをランダムで表示
2025 06 ≪ 12345678910111213141516171819202122232425262728293031≫ 2025 08 ポイントサイト等の登録バナーを、ランダムで表示するためのスクリプトを作りました。 左の方の、「ランダムピックアップ」に表示しているものがそれです。 ・表示するバナーの個数を自由に指定できます ・ページを表示するたびに、ランダムで選択されます ・バナーの上と下に、メッセージを追加できます (なしも可) 広告バナー等にも使えると思うので、よければ、使ってみてください。 一応、お断りを。 ご利用は、自己責任でお願いします。正常に動作するよう作っておりますが、ご利用によって何らかのトラブルが発生しても、当方は、一切の責任を負いません。ご了承頂きたく。 【使い方】 ■ スクリプトの貼り付け 以下のスクリプトを、コピーして、ブログのプラグイン等に貼り付けて下
javascriptで、0〜10のうちの2つの整数をランダムに生成するスクリプトを教えてください。
javascriptで、0〜10のうちの2つの整数をランダムに生成するスクリプトを教えてください。
第9回 実践DOMスクリプティング#2：DOMとHTML | gihyo.jp
こんにちは、太田です。前回はHTMLとテキスト操作を解説しました。今回は、さらにHTMLの操作の実例を中心に解説していきます。 JavaScriptとエスケープ まず、エスケープについて確認しておきましょう。外部から入力されたデータを画面上に表示する際はクロスサイトスクリプティングに注意する必要があることはもはや常識と言ってよいと思います。サーバーサイドのウェブ開発用フレームワークでは、ほとんどの場合HTMLのエスケープ用のメソッドが用意されていて、HTMLのエスケープは適切に行えるはずです。しかし、注意しなければいけないのは、HTMLのエスケープはJavaScriptにそのまま当てはめることはできないという点です。当たり前の話ですが、HTMLとJavaScriptではエスケープすべき文字が異なります。また、IEの6、7ではCSSにJavaScriptを埋めこむことができるのでCSSにも注
Facebookの「シェアする」ボタンを自分のサイトに入れる方法 | nanapi[ナナピ]
Facebookの「シェアする」ボタンを自分のサイトに入れる方法 に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。[お知らせ] nanapiのコンテストは投稿でAmazon券がもらえる！ はじめに Facebookって何？ Facebookという、世界中で使われまくっているサイトがあります。 すでにユーザー数も4億人を突破しています。日本でも利用者が増え続けており、近いうちに爆発的に伸びると言われています。 シェアするボタンとは？ そんなFacebookの機能の一つとして、友達に見ているページをシェアする機能があります。 自分のサイトを持っている人が、この機能を入れておけば、自分のページの情報を、Facebookの友達に紹介してもらえる可能性が高まり、アクセス数のアップが見込めます。 余談ですが、昔はGoogleやYahoo!から訪れる
フローティング広告の作り方で困っています。…
フローティング広告の作り方で困っています。 やりたいことは。。 １）トップページにアクセスすると、大き目の画像Ａが表示される ２）数秒してＡが閉じると、通常のＨＰのトップページ ３）Ａには閉じるボタンをつけたい。アニメーションは無し（閉じるボタンはなくてもよい） ただそれだけなのですが、 いろいろ資料を読むとかなりむずかしそうで。。 FlashもJavaScriptも初心者なので困っています。 CSSのみで作ることはできないでしょうか。 できそうな気もするのですが。。 もちろん簡単な操作でしたらFlashも使用可能です。 CSSやJavaScriptの基本も知っています。 よい方法がありましたら教えてください。 よろしくお願いたします。
IE6〜IE8をCSS3に対応させるスクリプト「Kick-ass CSS3 Support in IE6, 7, and 8」
TOP > WebDesign > IE6〜IE8をCSS3に対応させるスクリプト「Kick-ass CSS3 Support in IE6, 7, and 8」 WEBサイト構築においてもはや常識となったCSS。新たな仕様のCSS3が整備されつつあり、表現の幅をさらに広げてくれるものになっていますが、最新のブラウザのみ対応しており、IE6のようなシェアがある旧世代のブラウザは対応していないというのが現状です。そこで今日紹介するのはIE6〜IE8をCSS3に対応させるスクリプト「Kick-ass CSS3 Support in IE6, 7, and 8」です。 全てのCSS3のプロパティが適応されるのではなく、角を丸くしたり、ボックスに影を入れたりテキストに影を入れたりといったCSS3の機能をスクリプトにｙほって再現するというものです。 詳しくは以下 スクリプトを読み込ませると言
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
5秒でfacebookのコメントプラグインのインターフェイスを日本語にする | zaru blog
CssUserAgent (cssua.js)
http://aquosus.ddo.jp/lab/js/20101212/index.html
消費者金融 申込みJKT