jkmwj323のブックマーク (355)

  • jQuery: ページの読み込み時にフェードイン

    速度を数字で調節する際はカッコのなかの""は不要。jquery.jsを加えるのも忘れずに。 <script type="text/javascript"> $(document).ready(function() { $('#wrapper').fadeIn("slow"); }); </script> html <div id="wrapper"> ここにコンテンツ </div> css #wrapper{ display: none; } 追記【2012/7/19】:Flash部分には反映されないようです。 関連記事 ドロワーメニューjQuery Drawerコピペ用ソース jQuery でタブ切り替えコンテンツ jQuery トグル開閉 jQuery: ページの読み込み時にフェードイン jQuery で target=&quot;_blank&quot; を使わず別ウィンドウ

    jQuery: ページの読み込み時にフェードイン
    jkmwj323
    jkmwj323 2011/05/02
  • [JS]ソートできるテーブルを実装するスクリプト10選 | コリス

    単独使用のものから、jQueryなどのライブラリ併用まで、数値や文字・画像をソートできるテーブルを実装するスクリプト10選です。

    jkmwj323
    jkmwj323 2011/04/26
  • 5D mark IIを使ってUstream配信 - wataaMemo

    こちらのブログで紹介されていた、EOS Utilityのライブビュー画面を、 Ustream Producerでスクリーンキャストするという方法で、 5D mark IIを使ったUstream配信を試してみました。 ///使用機材 カメラ: 5D mark II + SIGMA 50mm F1.4 EX DG HSM PC: iMac 2.4 GHz Intel Core 2 Duo ///ネットワーク環境 無線LAN 下り16.62Mbps 上り7.954Mbps (Radish Network Speed Testingで測定) ///使用ソフト EOS Utility 2.8.1 Ustream Producer 1.0 (→Download) 1. EOS Utilityの設定 カメラとPCをUSBで接続→EOSUtilityの「カメラの設定/リモート撮影」をクリック→ コントロー

    jkmwj323
    jkmwj323 2011/04/20
  • 簡単にポップアップを実現するjQueryプラグイン「prettyPopin」 | WEBシステム開発 | HAPPY*TRAP

    URL:jQuery popin solution – prettyPopin – by Stephane Caron jQueryプラグイン「prettyPopin」を使うと簡単にポップアップが実装できます。 サンプルはこちら(別ウィンドウで開きます)。 使い方を紹介します。 1. 「jquery.js」と「prettyPoint.js」の読み込み <script type="text/javascript" src="js/jquery.js" charset="utf-8"></script> <script type="text/javascript" src="js/jquery.prettyPopin.js" charset="utf-8"></script> <link rel="stylesheet" href="css/prettyPopin.css" type=

    jkmwj323
    jkmwj323 2011/04/20
  • Facebookページを自由にカスタマイズする方法 | Webクリエイターボックス

    2017年6月29日 Webサイト制作, Webデザイン 最近会社でFacebookページを作成する事があり、楽しくてすっかりハマってしまったManaです。そのノリでここWebクリエイターボックスのFacebookページも作ってみました。そこで、Facebookページ作成中に役にたったコードやプラグイン・サイトを紹介します。 ↑私が10年以上利用している会計ソフト! ※これは2010年に書かれた古い記事です。更新記事「Facebookページの作り方 2012年1月版」をご覧ください。 Facebookページのカスタマイズ概要 Facebookページの基的な作成手順についてはかちびと.netさんが詳しく解説しています。なので、ここではFacebookページをHTMLCSSでカスタマイズできるFBMLというアプリケーションやその他のプラグインを使った、もう少し踏み込んだFacebookペー

    Facebookページを自由にカスタマイズする方法 | Webクリエイターボックス
    jkmwj323
    jkmwj323 2011/04/18
  • Facebookの「ファンページ」にオリジナルデザインのコンテンツを加える方法 - かちびと.net

    Like!ボタンが思いのほか日でも良く 見かけるようになって、Facebookも 多少は普及し始めたかな?という印象 なので、Facebookの機能の一つで、 欧米でブランディング等にも使われて いるファンページにオリジナリティある デザインのコンテンツを加える方法を ご紹介します。 [note]Facebook仕様変更により、FBMLは廃止され、Facebookページ(旧ファンページ)はHTMLやjsで作成出来るようになりました。この情報は今後役に立ちません。 新しく書きましたのでこちらをご参照ください[/note] 日でもちょこちょこFacebookの利用者も増え始めてる気がします。そんなFacebookの機能の一つでもあるファンページ。そのままだと若干素っ気ない印象なので、オリジナリティあるコンテンツや、そのデザインを加える方法をご紹介。 Static FBMLを使うのですが、グ

    jkmwj323
    jkmwj323 2011/04/18
  • JavaScriptで振り分けてスマホサイト完成! (1/5)

    スマートフォンサイトの設計・デザイン、HTML5+CSS3による基的なマークアップについて前回までに解説してきました。今回はページ内の要素にリンクを設定してスマートフォンサイトを仕上げます。 ページ内リンクを張る 今回制作しているスマートフォンサイトは、ページ内の各コーナーに移動できるナビゲーション(ジャンプボタン)を設置しています。まずはジャンプボタンにページ内リンクを設定しましょう。ページ内リンクは、PCサイトと同様、リンク先の要素にID属性を振り、a要素を次のように記述します。 <ul class="clearfix"> <li><a href="#access">アクセス</a></li> <li><a href="#tel">電話</a></li> <li><a href="#mail">メール</a></li> </ul> ボタン全体にリンクを貼る ページ内リンクを設定したサ

    JavaScriptで振り分けてスマホサイト完成! (1/5)
    jkmwj323
    jkmwj323 2011/04/13
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
    jkmwj323
    jkmwj323 2011/04/08
  • jQuery.flickable - Demo

    See related links to what you are looking for.

    jkmwj323
    jkmwj323 2011/04/04
  • ケータイサイトのtableタグの特徴と、5つのデザイン例&ソース : LINE Corporation ディレクターブログ

    ※文中のケータイ livedoorのPVに誤りがあり、修正いたしました (2010/9/22) こんにちは、『プチペット』を担当している吉沢です。 Webサービスのケータイ対応がやっと当たり前になってきたかと思ったら、今度はスマートフォンの対応と、モバイル業界の時の流れはものすごく速いですね。 そんな中、ケータイは新しい端末のシェアが増えていく度に、サイトで表現できる自由度が高くなり、単に作るだけではなく、デザインで差をつける時代が来ています。 それが読み取れる世の中の動きとして、たとえばモバイルデザインアーカイブさんは、年鑑が出るくらい書籍・サイト共に人気ですよね。また、ちょっと前に発売された書籍『ケータイサイト解体新書 デザインパターンから理解する実装テクニック』は、いろいろなデザインパターンからHTMLを引けるため、デザインをする上でとても参考になります。 携帯サイト年鑑2010 著

    ケータイサイトのtableタグの特徴と、5つのデザイン例&ソース : LINE Corporation ディレクターブログ
    jkmwj323
    jkmwj323 2011/03/24
  • DomainMarket.com, Claim Your Brand!

    #1 In Premium Domains 206,509 Of The World's Best .Com Domains Available For Immediate Purchase Safe & Secure Transactions 100% Satisfaction Guaranteed See our Testimonials

    DomainMarket.com, Claim Your Brand!
    jkmwj323
    jkmwj323 2011/03/24
  • Twitter解析ツール15種比較レビュー - リアルアクセス解析

    お知らせ 2011年版を書きました!以下レビューには古いツールもあるので、新しいバージョンを御覧ください。 何かと話題のTwitterですが、自分のアカウント情報を解析する様々なツールも登場しています。今回はその中から15種類のツールをピックアップして比較をしてみました。比較表も用意しましたので、必要に応じてダウンロードしてください。 最初に ご存知の方も多いかと思いますが、Twitter自体にGoogleAnalytics等のアクセス解析ツールを導入する事が出来ません。そのため、今回紹介するどのツールでも表示回数・滞在時間といってアクセス解析に関連する情報は取得出来ません。そこで多くのツールはTwitterが公開しているAPIを使って集計及び分析を行っています。 今回のツールのレビューは「見やすさ・使いやすさ」「機能の豊富さ」「独自性(他には無いレポートや機能)」の3つを5点満点で評価を

    Twitter解析ツール15種比較レビュー - リアルアクセス解析
    jkmwj323
    jkmwj323 2011/03/23
  • ドラゴンボールで学ぶオブジェクト指向

    オブジェクト指向の基亀仙流やつ鶴仙流など、世の中にはいくつかの流派(=クラス)があり、それぞれの流派にかめはめ波やどどん波、舞空術などの技(メソッド)がいくつかあります。 実際に流派にある技を使う場合、技を覚えているZ戦士(インスタンス)が必要になります。 例)亀仙流を覚えた孫悟空を使ってかめはめ波を放って敵を倒す goku = new KamesenRyu("goku"); goku.shootKamehameha(teki); Z戦士によっては複数の流派の技が使えたり、自分の技を人に教えることが出来ます(継承)。 また悟空とクリリンのように同じ流派でも同じ技で違う性能を持っていたり、オリジナルの技を持っているなどの違いがあります。 クラスはセルを作るためのZ戦士達の遺伝子情報と言っても良いかもしれません。 例)セルを作りましょう。 class Cell extends Goku,Ve

    ドラゴンボールで学ぶオブジェクト指向
    jkmwj323
    jkmwj323 2011/03/17
  • 「メールの時代は終了しました」 非常識な企業による非常識なコミュニケーションサービス「チャットワーク」が登場【増田(@maskin)真樹】 | TechWave(テックウェーブ)

    [読了時間:3分] 電子メールが日で普及し初めてはや十数年。迷惑メールに汚染されながらも、ビジネスではもちろん、一般家庭でもコミュニケーションの常識として活用されている。が、しかし、正直いってメールは面倒だ。 挨拶文からフッタ、添付ファイルの作法などなど、“何で電子メディアでここまでやらないといけないの?” と感じつつも、ぶしつけなテキストは確実に相手を不快にする。そこで、あの非常識な会社が、新しいコミュニケーション環境「チャットワーク(ChatWork)」を打ち出した。その名の通りチャットのサービスである。 とはいえ、いわゆるインスタントメッセージ的なチャットがポンと用意されているわけではない。電子メールにおける、“読み忘れ” や “CC:し忘れ”、“荒れるML”、“デカイ添付ファイル”などなどの問題を解決しつつ、タスク管理やグループ討議を円滑化する実務上重要な機能がクラウド上のチャッ

    「メールの時代は終了しました」 非常識な企業による非常識なコミュニケーションサービス「チャットワーク」が登場【増田(@maskin)真樹】 | TechWave(テックウェーブ)
    jkmwj323
    jkmwj323 2011/03/10
  • 社名変更のお知らせ

    Fringe81株式会社は2021年10月1日より、Unipos株式会社として生まれ変わりました。 コーポレートミッションを「感情報酬を社会基盤に」と新たにし、ピアボーナスをさらに発展させ、感情報酬を社会実装して社会の基盤とすることを最上位の目標として掲げ、邁進して参ります。 5秒で自動的に切り替わります。切り替わらない場合は以下のボタンをクリックしてください。 Unipos株式会社サイトへ

    社名変更のお知らせ
    jkmwj323
    jkmwj323 2011/03/10
  • 検索ページのカスタマイズ | CMSプラットフォーム Movable Type ドキュメントサイト

    以降では、blog_id パラメータを指定すると、そのブログのテンプレートを検索結果の表示に利用します。blog_id を指定しない場合は、IncludeBlogs で最初に指定したブログのテンプレートを利用します。 Movable Type で管理している全てのブログを検索の対象にする 管理しているブログ全てを検索の対象にしたい場合は、検索フォームの IncludeBlogs を削除し、検索対象の絞り込みをしないようにします。 <form method="get" action="<$mt:CGIPath$><$MTSearchScript$>"> <input type="text" id="search" name="search" value="<$mt:SearchString$>" /> <input type="submit" value="GO" /> </form> 特定

    検索ページのカスタマイズ | CMSプラットフォーム Movable Type ドキュメントサイト
    jkmwj323
    jkmwj323 2011/03/03
  • MT5 携帯サイトだけをつくってみよう3:+Chip(プラスチップ)

    昨日、MTOS5.01をサーバーにインストールして、携帯サイトで使えそうなプラグインをいくつか入れてみました。 (最初、mt-config.cgiでShift_JISに変更するつもりでしたが、いろいろ大変そうなので、文字コードの変更はプラグインを利用することにしました) それでも、ちょっとガマンすればなんとかなる・・・のかもしれない。 携帯サイトで使いたい、便利なプラグインをピックアップしてみました。 ◎TransEncoding http://www.skyarc.co.jp/engineerblog/entry/2979.html MT5の文字コードは、通常UTF-8ですが、携帯サイトの場合はShift_JISで作らないと表示されない機種があるので、文字コードをどこかのタイミングでShift_JISに変更しないといけません。 TransEncodingは、出力されるファイルの文字コー

    jkmwj323
    jkmwj323 2011/03/03
  • はてなブログ | 無料ブログを作成しよう

    ビールとポップコーンと映画 ラストマイルを見た。良い映画だった。 映画館でべそべそ泣いて、鼻を啜りながら車で帰った。感想はこのブログでは書かない。みんな映画館に行って感じてみてほしい。 帰ってからツイッターで感想を漁り、うんうん、わかるわかる、そうだよね、とまた映画を思い出して…

    はてなブログ | 無料ブログを作成しよう
    jkmwj323
    jkmwj323 2011/03/03
  • MTOS(MT5) 検索ページのカスタマイズ - Parody's Backyard

    素人プログラミングから書評まで、ノンジャンルのおもちゃ箱ブログ。ゲーム関係は「ぱろでい日記」、pml.cgiは「メンバーリストCGI配布サイト」へどうぞ。 MTOS(MT5)でウェブサイトを設定し、ウェブページや子ブログを、それぞれ違うデザインで作った場合、デフォルトのサイト内検索の結果表示が、少々情け無い状態になってしまう場合があります。 ページ数が多くなると、フンドシみたいに長いページの表示になってしまうし、ページ毎のデザインや画像がうまく反映されなかったり。 というわけで、画像やデザインは無視して、ヒットしたページのタイトルと、テキストのみを表示してみようと、試行錯誤してみました。 いじる場所 今回いじった場所は、システムテンプレートの[検索結果]。 1.デザインの修正 まずは、[検索結果]テンプレートの<Div>タグとClass名を整理したり追加して、サイトのデザインを反映。 この

    jkmwj323
    jkmwj323 2011/03/03
  • jQuery+CSSによるカルーセルパネルの作り方 (3/3)

    【クライアントのわがままに応える!】 カルーセルパネルを自動的にスライドさせたい! 「もっと目立たせたいので、勝手にスライドするようにしてほしい」。タイマーを仕込めば、ユーザーがクリックしなくても一定間隔で自動的にスライドするカルーセルパネルを作れます。 タイマーを設定するには、サンプル01のスクリプトの$(function(){...})内に次のコードを追加します。 ▼サンプル02(スクリプト部分) var timerID = setInterval(function(){ $("#carouselNext").click() },5000) setInterval()はJavaScriptの命令で、function(){...}内に記述した処理を一定間隔で繰り返し実行します(タイマー処理)。実行する間隔はfunction(){...}の後ろの,(カンマ)に続けてミリ秒で設定します。サン

    jQuery+CSSによるカルーセルパネルの作り方 (3/3)
    jkmwj323
    jkmwj323 2011/03/01