タグ

2013年8月29日のブックマーク (14件)

  • Bootstrap 2.1「Affixプラグイン」がわかりにくかったので少し紐解いてみました | hijiriworld Web

    仕組みは以下 Affixプラグインの仕組みを図解 まず、Affix要素はスクロール量とoffset引数によって、「.affix-top → .affix → .affix-bottom」と、クラスが自動的に変化していく。 offset引数(offset:top, offset:bottom)は以下の高さを指定する。 そうすると、状態変化と共にクラスが変化していく。 という仕組みがわかれば、さきほどの動作サンプル3でいいように見える。 でもこれは不完全。 正確には、”BootstrapCSSを読みこんでいる場合”は不完全。 Bootstrapのサイトで実装されているAffixへの疑問 BootstrapCSSを読み込んでいる場合、これだけではうまくいかないはず。 Affixが発動すると親要素の高さがゼロになるはず 追従を開始する(.affix)と、通常フローから逸脱する、つまり「posi

  • [jQuery] ウインドウのリサイズ操作が終わった時にだけ処理を実行する | CreativeStyle

    タイトルに書いてあることを実現しようとして、少し悩んだのでメモ。 ウインドウのリサイズ操作やjQueryに限らず、短い周期で連続してイベントが発生する場合に、一連の最後のイベントが発生した時にだけ何らかの処理を行いたい時に使えるパターンです。 何も工夫せずに書くと… こんな感じになります。

  • スクロール途中から位置が固定されるナビゲーションを作ってみる

    ある程度スクロールすると、途中から位置が固定になるコンテンツを見かけたことはありませんか? 今回はjQueryを使ってそれを作ります。 デモ1 デモ2 途中から位置が固定されるナビゲーションのデモ 1 & 2 ダウンロード 今回使うHTMLはこんな感じです。 <div id="header"> <h1>タイトル</h1> </div> <div id="container"> <div id="main">左カラム(メインコンテンツ)</div> <div id="sidebar"><!-- サイドバー --> <div id="nav">ここを固定する</div> </div> </div>#mainと#sidebarはfloat: leftしています。 これの#navが表示エリア上部から20pxの位置まで来たら位置を固定したいと思います。 position: fixedを使って固定する

    スクロール途中から位置が固定されるナビゲーションを作ってみる
  • Bootstrap

    BootstrapBootstrap  v5.3 (switch to other versions) v5 releases Latest (5.3.x) v5.2.3 v5.1.3 v5.0.2 Previous releases v4.6.x v3.4.1 v2.3.2 All versions Get Security Updates for Bootstrap 3 & 4 Build fast, responsive sites witBootstrap Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life w

    Bootstrap
  • 『デザイナーがアニメーションを作成するメリット』

    1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。「不良魂~全国制覇~」というソーシャルゲームでデザイナーをしております、岡田(@akoookday)と申します。今回はデザイナーがアニメーションを作成する、メリット・デメリットについてご紹介したいと思います。 (TFC制作の流れについて佐藤圭明さんの記事に詳しく記載されていますので、そちらもご覧ください。) この機能によりJSの知識が浅くとも、実務でのアニメーションの大部分をデザイナーが作成できるようになりました。ギャングソウルが他の内製のタイトルと大きく異なる点もこの部分です。 デザイナーがアニメーションを作成するメリット1. 素材に

    『デザイナーがアニメーションを作成するメリット』
  • 僕のやってきたことは、まあ、間違ってなかったな。 #ブロガーサミット*prasm

    先週は東京に行ってきました。いやー、楽しかった。 もろもろ書きたいことはいろいろとあるんですが、大きなイベントに参加したので、雑感をちょこっと。 8月25日に渋谷で開催された「ブロガーサミット」に参加してきました。 ブロガーサミット2013「さぁ、自分を発信しよう」8月24日(土)開催 Agile Media Network 正確な数はちょっとわかりませんでしたが、1000人規模。もう人人人でしたね。すごいわ。 座席的に一番後ろに座ったので、話されている各セッションの内容はいまいちわかりませんでしたが、内容的に、かなり真面目で堅い、まさにサミットな内容。 僕としては隣に座らせてもらった「気になる、記になる…」のたいしょーさんとブログトークしてる方が楽しかったというふとどき極まりない参加の仕方でした。 気になる、記になる… が、大きく言って、僕は一つだけ確信したことがありました。 僕のやって

  • 最近邦楽の良さに目覚めた高2です。生意気ですけど、俺の音楽理論を語らせてもらいます。

    中学の頃洋楽にハマって「J-POP?(笑)」とか「まだそんなの聞いてるの?(笑)」みたいに邦楽をバカにしていた。今思うとガキだった。毛も生え始めたばっかだったし。俺と仲が良かったスギヤマはJ-POPが好きみたいでAKBだの、ももクロだの、よく大衆向けアイドルグループの曲を聴いていた。俺は内心でバカにしてるだけじゃなく、堂々とスギヤマを罵倒したりもした。スギヤマはIQが低い。俺に批判されても「難しいことわかんねえよ!」って笑って済ませようとする。俺なら売られた喧嘩はディベートして完膚なきまでに論破してやるのに。だけど、最近大人になってちょっと考えが変わってきた。さっきも言ったように、今までの俺はガキだったんだ。思ったことすぐ言うロケンローラー的な要素があったが、ロケンローラーは責任を取らない(笑)それじゃダメなんだ!話を戻すと、邦楽の良さは歌詞の抽象性にある。メタファーが効いていて、一言一言

  • CakePHPでRESTful APIを作って、Backbone.jsのデータの永続化をサーバサイドで行う | mawatari.jp

    CakePHPでRESTful APIを作って、Backbone.jsのデータの永続化をサーバサイドで行う方法をメモしておきます。RESTful APIは、FuelPHP等、その他のPHPフレームワーク、Ruby on Rails等でも簡単に作成することができますので、各々好きなものを選択してください。ここでは、CakePHPを使った例を示します。 ここで制作したアプリケーションは、以下よりダウンロードできます。 Backbone ToDos with CakePHP RESTful APIGitHub 開発環境開発環境は以下の通りです。それぞれ執筆時点での最新バージョンを用いました。 ソフトウェアバージョン

    CakePHPでRESTful APIを作って、Backbone.jsのデータの永続化をサーバサイドで行う | mawatari.jp
  • この夏インターン給料で買いたいおすすめ本 - hitode909の日記

    会社でLT大会があって,いまインターンが来てるので,3分で若者におすすめを紹介する活動を行った. を読みましょう 大学にいると教科書とかあって,教授もいて,勉強できるけど,社会に出たら教科書ないから,自主的に勉強する必要がある.仕事をしながら学ぶというのあるけど,それだけでは不十分だと思う.仕事してるだけだと,今持ってる技しか出せなくて,生まれ持った技術だけでどうにかすることになる.外科医は手術するのが仕事だけど,手術しかしてない医者いたら心配だと思う. 脳外科医が週60時間も執刀していたとして、そんな医者にかかりたいと思うでしょうか? かかりたい人はいないはずです。プロには、備えるための時間、知識と技術を高める時間がどうしても必要なのです。 プログラマが知るべき97のこと 長時間働かないだけでなくて,あいた時間で勉強しないといけない. ,会社で買ってもらえる制度あるけど,読んだ

    この夏インターン給料で買いたいおすすめ本 - hitode909の日記
  • ロリポップ上のWordPressをWAFで防御する方法 | HASHコンサルティングオフィシャルブログ

    (2013/08/29)追記 ロリポップ上のWordPressが不正アクセスされる事例が増えているようです(参考)。現時点で侵入経路等は明らかでありませんが、以下に説明する方法で、公開ページに対するSQLインジェクション攻撃や、管理コンソールに対する不正ログインに対しては、かなり効果があると考えられます。ユーザーの参考になれば幸いです。また、タイトルを変更しました。 追記終わり 今年の9月27日から、ロリポップのレンタルサーバーの全プランで、WAF(SiteGuard Lite)が標準装備されるようになりました。 WAF(ウェブアプリケーションファイアウォール)を導入いたしました ロリポップ!レンタルサーバーはWAF標準装備です。 http://lolipop.jp/waf/より引用 これは大変良いことですね。インターネット上のすべてのサイトが攻撃の対象ですし、被害も増えている印象がありま

    ロリポップ上のWordPressをWAFで防御する方法 | HASHコンサルティングオフィシャルブログ
  • イケダハヤトさんへ、残念です。 - フルタ製菓株式会社 ボツ案 

    ええ、たしかにイケダハヤトさんには フルタ製菓株式会社の今年のTVCMに 出演していただきました。 そうです、あの時、快諾していただけたことを 忘れることはないでしょう。 みんなで手に手を取り合って、よかったね、よかったね、 社畜だってやれるんだ、生きてるんだ、 いや生かされているんだ、だって社畜だもん、 っていう再帰性について確認したものです。 しかし、あんまりではありませんか。 なんで、そんなにいい声なんですか。 ブログの文面から推し量るに、もうひどい金切り声で、 キンキンうるさいお声なのだろうと覚悟をし 撮影には超高級耳栓を購入してのぞんだというのに どう責任をとっていただけるのでしょうか。 あの超高級な耳栓のお代は、もちろん 請求させていただけるんですよね? それだけはありません。 商品名の録音中、監督の執拗なダメ出しに 何度も応じてくれるなんて、 なんで、そんなにいい人なんですか

    イケダハヤトさんへ、残念です。 - フルタ製菓株式会社 ボツ案 
  • サイト改ざん?

    サイトが急に文字化けになり、困っております;; Hacked by Krad Xinと黒の上部ツールバーにあり、サイトが改ざんされてしまったのでしょうか? 私の環境です。 PHP:バージョン3.4.9 MySQL:バージョン5.1.34 MySQL の文字セット:UTF-8 Unicode 使用しているブラウザ名称とそのバージョン (Windows XP Internet Explorer 8) WordPress 3.6 を使用中 使用テーマ http://www.dessign.net/ultra-grid-theme/ Ultra Grid Themeを利用しています。 http://angedeverre.info/ 私のサイトです。 (世話役追記:改ざんされた可能性のあるサイトです。アクセスされる方は十分にご注意ください。) 直すための参考になるページなどありましたら教えてくださ

    サイト改ざん?
  • 決定版:サービスの盛り上がり具合をユーザの数(DAU)から読み解く方法

    CEDEC2013にて発表させていただいた内容の一般公開用スライドです。 ネットサービスの基中の基とされるKPI 「DAU(Daily Active Users)」。売上の分解にも使いやすく、複数のサービスを比較するときには必須の指標です。しかし、運営の現場では「ノイズが多くて使いにくい」「経営者(えらい人)にサービスの状況の誤解を与える」という扱いを受けがちな指標でもあります。 セッションの内容 : セッションでは、ソーシャルゲームのDAUを題材に、測り方にほんの少し工夫(工夫の方法は汎用的なものです)を加えることで、DAUを現場の肌感覚にもあう指標に変身させる方法、特に、運営期間が長くなったサービスにおける課題抽出に活用する方法をご紹介します。 発表日時 : 2013年8月23日(金) 16:30~17:30 詳細URL : http://cedec.cesa.or.jp/201

    決定版:サービスの盛り上がり具合をユーザの数(DAU)から読み解く方法
  • App Store data analysis for iPhone developers by appFigures | iTunes Connect Analytics | App Store report analysis | App Store ranks | iPhone App Store Reviews

    App Analytics Track Performance Keep track of downloads, revenue, and store performance for all of your apps in one place to see trends and make more informed decisions. Tools for ASO Get More Visibility Monitor keyword ranks and identify new keywords that will increase your views and get you more downloads with unparalleled insights.

    App Store data analysis for iPhone developers by appFigures | iTunes Connect Analytics | App Store report analysis | App Store ranks | iPhone App Store Reviews