追記した資料はこちら https://speakerdeck.com/tori/unityjiang-xi-zi-liao

追記した資料はこちら https://speakerdeck.com/tori/unityjiang-xi-zi-liao
display:flexを使って要素を上下左右中央寄せにする display:flexを使って要素を上下左右中央寄せにする方法について、下記の記事で細かく解説してます。 コピペで使えるコードをご紹介してます。たったの3行追記するだけなので、簡単に実装できますよ。 position:relativeを使うパターン floatで並べたリストのセンタリング – Weblog – hail2u.net この方法が気に入ったのでしばらく使っていこうと思います。 ソースが簡潔だし、width指定しなくてもいいのが助かります。 .centered { position: relative; overflow: hidden; } .centered ul { position: relative; left: 50%; float: left; } .centered ul li { position:
ヘッダをスクロールしても上部にぺたっと貼りつくように表示し、ブレイクポイントを設定するとその地点で貼りつける要素を変更するjQueryのプラグインを紹介します。 デモページ:Optionsからちょい下にスクロール かなり下の方までスクロールすると、二番目のアイテムが上部に貼りつきます。 Clingifyの使い方 Step 1: 外部ファイル </body>の上あたりに、jquery.jsと当スクリプトを外部ファイルとして記述します。 <body> ... <script type="text/javascript" src="/js/jquery.js"></script> <script type="text/javascript" src="/js/jquery.clingify.js"></script> </body> Step 2: HTML スクロールしても上部に固定配置にする
どうもです。フロントエンドエンジニアのはやちです。 健康診断の結果が届き結果がオールAの超絶健康体だというのがわかって浮かれてるはやちです♪ギミギミ└( ^ω^ )」シェイク♪ 野菜を食べ続けた結果ですね、みなさんも野菜を食べましょう( ˘ω˘)☝ そんなのどうでもいいですね。 さて、今回は縦に長いコンテンツなどでよく見かけるスティッキヘッダーを作ってみました。 ご紹介します( ˘ω˘)☝ スティッキーヘッダーとは? スクロールしてもヘッダーがついてくる技法のことです。 ページ移動がしやすいため使用されることが多いです。また、縦に長いLPのページ内リンクで使用されることもあります。 なんだかスティッキーフィンガーみたいですね( ˘ω˘)<アリーデヴェルチ HTMLとCSSの準備 まずは準備の方法をご紹介します( ˘ω˘)☝ HTML ヘッダーは固定に配置しておくための#header
【動画】 オーケストラ演奏者がティンパニーに突っ込む (※譜面通り) 1 名前: 閃光妖術(大阪府)@\(^o^)/:2014/11/27(木) 14:19:00.46 ID:1kI7oBZa0.net カーゲルのティンパニー協奏曲の譜面。 なんと演奏者がティンパニーに突っ込む (※突っ込む専用のティンパニー) http://pbs.twimg.com/media/B3WJmXvCcAAwm48.jpg で実際の動画がこちら http://www.youtube.com/watch?v=pW3XlJ_XYSM https://twitter.com/momiemoto/status/537487024014761984 4: 中年'sリフト(東京都)@\(^o^)/ 2014/11/27(木) 14:19:53.88 ID:Tn/NfxYW0.net 最後まじ?わろた 6: ハイキック(や
(14時30分に電話をしてどこに投票すればいいかわからない、話を聞きたいと連絡済み) Q「失礼いたします……お電話したにのと申します」 A「あーはいはい、それじゃここに座って。ちょっとまだ今回のマニフェストのパンフが完成してないんだよね」 Q「よろしくお願いします」 A「で、なにを聞きたいの?」 Q「はい……民主党はアベノミクスを批判していますが、点数をつけるとしたら何点ですか?」 A「まあ0点だな」 Q「0点ですか……0点とする理由は何ですか?」 A「あーそれはこのペーパー見ればわかるから」 Q「!?(ジロジロ)あー……わかりました。現在の為替水準ですが、今の1ドル117円という値はどう思われますか?」 A「経済学者じゃないからわからないなー」 Q「消費税についてなんですが、今回10%を先送りしたというのはどう思われますか?」 A「アベノミクスが失敗だっていうのを証明しちゃったよね。さっ
できの悪いコードと同じように、脳をデバッグできたら良いのに、と思いませんか? 自分自身をプログラムし直すのは無理かもしれませんが、デバッグの理屈を応用すれば、より良い習慣を身につけるのに役立ちます。ではさっそく、その方法をお教えしましょう。人間の脳は、バグだらけのどうしようもない代物です。よくあるバグを再現してみましょう。「ジムに行きなさい」という命令を自分に発したとします。たいていの人の脳は、この命令を受けても、Facebookをアップデートしてしまったり、猫の動画を見てしまったりします。これは望ましい行動ではありませんよね。 でもご安心を。筆者はこの問題を解決する方法を編み出しました。まずは、人間の脳の仕組みについて解説しましょう。 脳のコードはバグだらけ 私たち人間の脳を改めて見てみると、まるで1万匹のサルが適当にキーボードを打ってコードを書いたかのように思えます。 脳の性質はイベン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く