jQueryを使ったタブメニューの実装サンプルまとめ
**追記** この記事とは直接関係ありませんが、自作のタブプラグインを貼っておきます。 rin316/jquery.tab: jQuery tab plugin. **追記終わり** 仕事でjQueryを使ったタブメニューを作ったので忘れないようにメモ。 それぞれの挙動も比較しやすいように並べてみました。 今日が勉強初投稿の日！ 写真:新川通りで撮った桜。 まずはファイルの用意 下記リンクからダウンロード。 ・jQuery本体…Past Releases内→最新バージョンのMinified ・Download Builder | jQuery UI (このサイトで使っているui.tabs.zip) head内にリンクを張る ダウンロードしたファイルに対して、head内にリンクを張ります。 [html] [/html] さっそく使ってみる 本文にhtmlを追加。 [html] タブ1 タブ2
jQueryのDeferredとPromise - tkawachi Blog
JavaScript(というか CoffeeScript)って90年代にブラウザ上で使われていた頃のイメージが拭えず、どうも気持ち悪くて逃げて回ってたんですが、事情があって最近は渋々書いてます。 JavaScripterの皆様にとっては何を今更だとは思いますが jQuery.Deferredを使って楽しい非同期生活を送る方法 を読んで Deferred 便利だな、と思ったので理解したところをメモしておきます。 利用シーン $.get() ってエラーハンドリングできないのか。使えないなー。と思ったとき 複数の AJAX リクエスト(などの非同期処理)を同時に開始して、全部終わったら何かしたいとき。 Deferred object キーになるのは Deferred object です。 状態 Deferred object は状態を持ちます。状態は３つのうちいずれか。 未解決(unresolv
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
CSSで絵を描く！？今日から作れる達人のコツをご紹介
はじめまして! HTMLファイ部(内定者)の、のびーです。 4月の入社に向けて、せっせと勉強をしているアルバイターです。 jsdo.itでは、なんと本日、「HTML5実力テスト 応用編」をリリースしました！！ http://jsdo.it/blog/2013/01/html5cat-update.html リリースを記念して、テスト問題にも出題される、「CSSで絵を描く」ことをテーマに記事を書いてみます！ ※ 文中の例について、ChromeとFirefoxとOperaいずれの最新版とIE10が対応しています。 CSSだけで絵を描く!? さて突然ですが、こちらのイラストをご覧下さい。 はい、絵本に出てきそうな、おひさまです。 そしてこのイラスト、実はCSSだけで描かれています。 「CSSって、Webのレイアウトをするためのものじゃないの?」、と思う方もいるかとは思いますが、 断言します。いま
芳情娇第一回首页-Welcome
1 四通搬家创建 21年 ，为 200万 企事业单位、 300万 居民提供搬迁服务 2 每车配备 4-5名 专业搬家技师，高效完成搬迁作业 3 企事业搬迁，配置专业搬迁方案、现场督导、搬迁技师 4 专业国际包装、家居空调拆装、钢琴搬运、起重吊装 5 国际项目、涉外项目有一对一的外语专家翻译陪同 6 车辆配置GSP定位，随时查看车辆位置，全北京统一调度 7 员工专业素质高，司机驾龄 2年以上 ，车组长 5年以上 搬迁经验 云岩区 0851-84845858 南明区 0851-84845858 白云区 0851-84845858 金阳区 0851-84845858 乌当区 0851-84845858 贵安新区 0851-84845858 花溪区 0851-84845858 双阳区 0851-88163531 监督电话： 0851—88163531 总调度电话： 0851-84845858
この就活面接のアニメがリアルすぎンゴｗｗｗｗｗｗｗｗｗｗｗｗｗｗ
1 以下、名無しにかわりましてVIPがお送りします :2013/01/27(日) 05:40:30.70 ID:YBFNWc/f0 3 以下、名無しにかわりましてVIPがお送りします :2013/01/27(日) 05:43:10.78 ID:8grr2ZbF0 うわああああああ 4 以下、名無しにかわりましてVIPがお送りします :2013/01/27(日) 05:43:38.87 ID:Kgoujjmf0 こいつぁアカン・・・ 6 以下、名無しにかわりましてVIPがお送りします :2013/01/27(日) 05:46:21.54 ID:zEvHNOf60 ンゴンゴ 7 以下、名無しにかわりましてVIPがお送りします :2013/01/27(日) 05:46:32.63 ID:YBFNWc/f0 これ鬱になるよな 9 以下、名無しにかわりましてVIPがお送りします :2
飛び出た？GIFアニメで明治初期の写真を3Dにしてみたから見て。 21枚。:DDN JAPAN
DDN は 音楽 ・ 映像 に関する デジタル アート を中心に情報ミックスを配信中
食品系ECサイトで大事な考え方をまとめてみた
食品系ECサイトで大事な考え方をまとめてみた 2013/01/30 | カテゴリー: Creative | タグ: EC, tips, マーケティング, 考え方 タイトルとURLをコピーする Tweet 食品系ECサイトで大事なことを頑張ってまとめてみたよ。 ターゲットをはっきりさせる まずターゲットをはっきりさせましょう！ 誰に買って欲しいのか。 要はペルソナ（架空の顧客像）ってやつですが。 もっと具体的に言うと、 有名な紅茶専門店とのオリジナルコラボ商品を売る場合 30代前半で、子どもはいない。専業主婦。夫の年収は600万。 オシャレなライフスタイルに憧れていて、 ちょっとした自慢をしながらカフェでお友達とお話したい。 ちょっとミーハーな感がある。 雑誌GINZAを読んでいる。 とか！ このあたりがしっかり見えてくると、 デザイン、写真の撮り方、写真の使い方、キャッチ、コンテンツの流れ
「自宅でコードを書くプログラマー」は優秀か？
靴の通販サイトの記者発表に現れた社長の靴は擦り傷だらけで汚かった。あまりに汚いので「社長はどんな靴が好きなんですか？」と尋ねると、「あ、ボク別に靴が好きとかじゃないので」だそうだ。「靴の通販」事業にベンチャーキャピタルが出資してくれて起業した社長が、「あ、ボクが好きなのはお金ですから、靴なんてどうでもいいでしょ」と言っているように聞こえてしまい、しばらくその会社の記事を書く気がしなかった。 もう昨年になるが、コラボレーションツールのConfluenceやプロジェクト管理ツールのJIRAを開発・販売しているアトラシアン社アジャイル エバンジェリストのニコラス・マルドゥーン氏とのインタビューが終わりにさしかかって、ソニーやパナソニックといった日本企業はなぜ元気がなくなったのか？ なぜ日本から人々の生活を一変させてしまうようなソフトウェアが登場しないのか尋ねられた。私の答えは「日本のプログラマー
GitHub のプルリクエストを fetch しとくと便利 - HWPS別館
GitHub や GHE を使って多人数で開発していると，プルリクエストを横断して試す必要が頻繁に発生すると思います． プルリクエストを次々に試したり，#30 と #31 をマージした結果を試したい！なんてケースもあるのではないでしょうか． GitHub では git ls-remote すれば分かるように，プルリクエストの番号と対応したブランチがリモートに存在しているので，これを取得してみます． .git/config に追記（あるいは git remote add とかで適当に） [remote "pr"] url = git@github.com:yourusername/yourrepos.git fetch = +refs/pull/*:refs/remotes/pr/* あるいはこんな感じ（丸投げ）: https://gist.github.com/3342247 git fe
ホームページの作成をWeb制作会社へ依頼する前のチェックリスト
1500以上の会社、お店が利用中の月額無料HP制作サービス 「HPの制作を安心して任せられる業者が見つからない＞＜」 そんなふうに頭を悩ますアナタ。 以下の「ウェブさえパック」はもうチェック済みですか？ HPを作るのに必要なものがパッケージになってるお得なサービスです。 料金と事例を見てみる ホームページの作成を依頼するとき役立つチェックリストはいかがですか？ 現在、無料で配布しているチェックリストへ目を通せば、以下の2点がわかるでしょう。 web制作会社へ依頼する前に準備しておくべきこと 効果的なホームページを作成するためのポイント 「ホームページの作成をweb制作会社へ依頼したい。 でも、何をどこから始めればいいの？」 そんな悩みを抱えるあなた。 以下のチェックリストをひとつずつチェックしていってみてください。 ホームページを依頼する前の準備が整うはずです。
オクトキャットはオープンソースではない
昨今のオープンソースを推進する象徴であり、開発者の大好きなGitHubとそのキャラクターであるオクトキャット(octocat)。皆さんもステッカーやTシャツ、フーディーの入手に努めていると思いますが、そのライセンスについてはあまり知られていないのではないでしょうか？ さまざまなオクトキャットのバリエーションを展示しているoctodexのFAQページにはそのライセンスについての記載があります。原文はサイトを参照して頂くとして、下記のような内容です。(強調は訳者) Q: オクトキャットを私のウェブサイトで使えますか? どのように使おうとしているかによりますが、多分使えます。もし”GitHub上で見る”というGitHubへのリンクのようにGitHubを参照する為に使う場合は全く問題ありません。しかしGitHubではないプロダクトを参照する際にオクトキャットを使うのはフェアユースではありません。
「僕、彼女を募集しています」 Google Adwordsで彼女募集の男性、なんと5人の女性から応募ゲット
検索ワードに応じて検索結果画面に広告を表示させるGoogle Adwords。比較的安価で個人での利用者も増えているこのサービスを使って、自分の彼女募集の広告を出した男性が話題になっています。 広告を出したのは2カ月前に彼女と別れたという大学4年生の@razokuloverさん。彼女と別れてから「ももクロ」関連のアプリやアダルトサイトの作成にのめりこみ「僕は彼女と付き合っていたからまともな人間で居られたのだ」と気付きます。なんとか彼女を作ろうとGoogleで検索していると、Google Adwordsのテストとして彼女募集の広告を出している人を発見。これを参考に、アダルトサイトのアフィリエイトで得た収入を使って、さっそく「僕、彼女を募集しています」という広告を出してみました。 実際に掲載された広告 これらの経緯をブログに投稿すると、たちまちネット上で拡散されて注目を集めます。その甲斐あって
Amazon.co.jp: APPLE Mac Pro/3.2GHz Quad Core Xeon/8GB/2TB/ATI Radeon HD 5770/SD MD772J/A: パソコン
タイプ：タワー メモリスロット(空き)：0 / メモリスロット(最大)：4 WP/SSなし 通信機能：10/100/1000Base内蔵 モデル：2012夏
コンテンツ毎にサイドバーを固定配置できるjQueryプラグイン「Stick ’em」:phpspot開発日誌
jQuery Stick ’em: Make Content Sticky on Scroll, to a Point | Viget コンテンツ毎にサイドバーを固定配置できるjQueryプラグイン「Stick ’em」。 最近よくある、ページをスクロールしてもついてくるサイドバー。position:fixedなどを応用して綺麗についてくるようにできますが、コンテンツが大きく３つに分かれている場合はちょっと実装が難しいかも。 そんな時に使えるのがこのプラグイン。デモページを見て頂ければ分かりますが、コンテンツごとに固定されるサイドバーをわけられるようです。 スクロールしても、サイドバー「Heading」と書かれた部分は右側に固定されて表示されます。 更にスクロールするとコンテンツが別れるので、それ以上は下に来ません。 １から実装するとなるとpositionの切り替えが結構大変で挫折しがちな
jQuery Stick ’em: Make Content Sticky on Scroll, to a Point | Viget
Over time, we've been adding some additional pieces of flair to the Viget site. The most recent addition was on the invidual work pages. We have large process sections where we illustrate a part of a project's process with several images and a block of text. The problem: some of those images were very tall. So by the time you scrolled down to the bottom of the images, you would have to scroll back
アップル - ホットニュース
新しい記事が掲載されたときに通知をお受け取りになるためには、デスクトップ通知を有効にするを許可していただく必要があります。
[JS]ページのデザインに影響を与えないパーフェクトなスクロールバーの超軽量スクリプト -Perfect Scrollbar
Perfect Scrollbar Perfect Scrollbar -GitHub 何をもってパーフェクトなのか Perfect Scrollbarのデモ Perfect Scrollbarの使い方 何をもってパーフェクトなのか このスクロールバーにパーフェクトとつけた理由は、下記の4つだそうです。 ページ上のあらゆる要素にCSSで影響を与えないこと スクロールバーがオリジナルのデザインに影響を与えないこと スクロールバーのデザインは完全にカスタマイズ可能であること コンテンツの大きさが変化したら、スクロールバーの大きさと位置がそれに合わせて変化すること Perfect Scrollbarのデモ デモではあずにゃんの画像をホバーすると、スクロールバーが表示されます。 デモ：領域を拡大 バーの長さが変化していることに注目してください！ Perfect Scrollbarの使い方 Step
GREEが早速『どうぶつの森』をパクる！ これが任天堂の倒し方？ ｜ ガジェット通信 GetNews
ソーシャルゲームサイト大手の『GREE（グリー）』が任天堂の人気ゲーム『どうぶつの森』に類似したゲームをAndroidアプリとしてリリースした。アプリの名前は『どうぶつフレンズ』でGooglePlayより無料でダウンロード可能。 ゲームの内容は村に村長の家やカフェ建てていき村を発展させていくという物。ゲームの内容よりもゲームのコンセプトが激似しているのだ。こんな類似作品に対してネットでは次のような書き込みが行われている。 ・ここまで似せてくるか ・これが任天堂の倒し方か ・ソーシャルゲーさっさと廃れないかなぁ ・中国と一緒だな この会社、潰れねーかな ・任天堂法務部の本気がみたい などのような批判が相次いでいる。グリーは過去にも任天堂のゲームに類似した作品を出しており批判されていたほか、アニメ『けいおん！』や『魔法少女まどか☆マギカ』にも似た作品もリリースしていた。オタク層を囲い込む作戦な
ラクして1ヶ月の食費を12,500円にする方法（3〜4人家族） | nanapi [ナナピ]
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
![ラクして1ヶ月の食費を12,500円にする方法（3〜4人家族） | nanapi [ナナピ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/cca6c82807281382624e5cfc83b54d0d9062e77b/height=288;version=1;width=512/https%3A%2F%2Fp1-dd40651e.imageflux.jp%2Fr%2F2014%2F09%2F04%2F18%2F20140904184632_540834f8ebb5b.jpg)
怪人の集会所
玩具レビューサイト「怪人の集会所Ⅱ」。 オタク趣味がない方は閲覧にご注意を。 Mail : kaijin_2(at)hotmail.co.jp 【PS4】SOULCALIBUR VIが出たところで、今回もキャラクリで遊んでいます。 キャラクリ画像をご追加。 気が向いたら適宜追加していきます。 キャラクリ新市場 最近ゲームに注力しています。 メインは格ゲー…ですがもちろんそこはフィギュア者。 戦うことを目的とせずキャラ愛、撮影をメインに活動しています。 同志を求めてPS4コミュニティを立ち上げていますので興味がありましたら是非。 キャラ好きだけど格ゲー苦手な方、反射神経が追い付かなくなったおっさんと、間口は広いです。 「格ゲー」でコミュニティー検索していたただければ、それっぽいのが引っかかるかと思います。 仲間内でやっている種目は、主に上のSC6とDOA6などです。 DEAD OR ALIV
【画像】暇なので安価でジャンプ作品の初連載時の表紙貼ってく : 暇人＼(^o^)／速報 - ライブドアブログ
【画像】暇なので安価でジャンプ作品の初連載時の表紙貼ってく Tweet 1：以下、名無しにかわりましてVIPがお送りします：2013/01/29(火) 06:17:02.11 ID:8Z2boJmO0 持ってないのもけっこうあるかも >>5 2：以下、名無しにかわりましてVIPがお送りします：2013/01/29(火) 06:17:20.43 ID:PSXxoU9t0 ハンタ 3：以下、名無しにかわりましてVIPがお送りします：2013/01/29(火) 06:17:52.27 ID:hAgC0RgM0 こち亀 5：以下、名無しにかわりましてVIPがお送りします：2013/01/29(火) 06:18:17.38 ID:rkSfSOVb0 遊戯王 6：以下、名無しにかわりましてVIPがお送りします：2013/01/29(火) 06:20:14.13 ID:8Z2boJmO0 遊戯王 >>1
Essential JavaScript And jQuery Design Patterns の日本語訳
2012年1月10日追記 github に移行準備しています。Essential JavaScript Design Patterns 1.1がリリースされました。(03/09追記)Essential JavaScript And jQuery Design Patterns (Addy Osmaniさん著) の日本語訳です (原文の HTML 版はこちら)。ライセンスは原文と同じCreative Commons Attribution-NonCommercial-ShareAlike 3.0 です。翻訳開始の予定ではブログで公開してゆきます。今後 pdf を用意する予定です (2011/02/23時点)。このチュートリアルで推薦されているオライリーの「JavaScriptパターン」の日本語訳は今年の02/16に発売されました。 序文はじめに「パターンな」テスト、プロトパターンと3つのルー
Essential JavaScript Design Patterns 1.1 - A Free Updated Book For Beginners
Essential JavaScript Design Patterns 1.1 - A Free Updated Book For Beginners February 27, 2011 Hey guys. Today I'm happy to announce the release of an update to my free book 'Essential JavaScript Design Patterns'. This revised edition comes with several re-writes to the original release and also includes introductions to extra patterns not initially covered. In addition, some patterns have had exp
松崎しげるがどれだけ黒くなったら人は気付くのかｗｗｗｗｗｗｗ:ハムスター速報
TOP > 星５ > 松崎しげるがどれだけ黒くなったら人は気付くのかｗｗｗｗｗｗｗ Tweet カテゴリ星５ 0 ：ハムスター２ちゃんねる 2013年1月29日 20:52 ID：hamusoku 抜粋：松崎しげる60％ 実験方法 http://www.fujitv.co.jp/b_hp/130129kaspe/ 97 :ハムスターちゃんねる2013年01月29日 21:11 ID：aYK6U.xs0 良く仕事引き受けたなｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ 98 :ハムスターちゃんねる2013年01月29日 21:12 ID：JdR4MbFHO 目尻の皺など年齢相応の外見で好感がもてる。 101 :ハムスター名無し2013年01月29日 21:17 ID：RyoGKdaT0 声出してワロタｗｗｗ 3 :ハムスター名無し2013年01月29日 20:53 ID：vtUt.7Y40 「こげて
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
contenteditable=contenteditable - コンテンツの編集許可 - とほほのWWW入門
IDEA * IDEA
https://leanpub.com/coffeescript-ristretto
http://instacode.linology.info/
IDEA * IDEA
フィギュアのキャストオフと魔改造
http://www.acesf.net/itai-doll-li-k.html
デザインパターンカテゴリの要約表 - Essential JavaScript And jQuery Design Patterns