Babel.jsイントロダクション - axross blog
2015-03-14 Babel.jsイントロダクション ES6 Babel クライアントサイドJS Node.js Browserify JavaScript mocha ここのところしばらく、プライベートでbabelを触っていて、次案件あたりから業務で使いたいなと思ったので、社内外への共有として書いておく。 Babel · The transpiler for writing next generation JavaScript Babelとは Babelは、ECMAScript6(以下、ES6)のコードをECMAScript5(以下、ES5) のコードに変換するトランスパイラ(コードを変換してコードを生成するもの)。 ReactやFlowにフレンドリーであり、ReactのJSXをプラグインなしでES5のコードに変換できる。 また、Babel自体はNode.jsだけでなく、Browse
スマホだと反応が遅れる :hover を心地良くする方法
スマホ向けにサイトを作っていると、ブラウザの挙動が遅くてUXを低下させてしまうことがあります。例えば、画面をタッチしたときの:hoverの挙動。あと、jQueryのanimate()の挙動。とか。 スマホブラウザはJavaScriptの実行速度が遅いので、animate()の挙動とかはCSSで書くのがベストです。これはよく知られているので、実装されているサイトも多いのではないでしょうか。（あ、具体的な実装はまた次回ご紹介したいと思います。） 今回はですね、あまり話題にならない:hoverのことです。 :hover がおかしい？ マウスカーソルを乗せたときのスタイルを設定するのが:hoverです。スマホだとタッチした瞬間に適用されると思いますよね。でも例えばiPhoneで:hoverを使うと、指を離したときにスタイルが適用されます。ですので、「もう押してないのに…」という場所が「押されたスタ
【CSS】様々な要素を中央揃えにする方法
久しぶりにCSSの記事です。CSS初心者の時につまずいた要素の中央揃えについてまとめておきたいと思います。 デモ まずは全パターンのデモページをご確認下さい。 Demo zipファイルをDownload 次にそれぞれの要素について説明いたします。 01.画像やテキストの中央揃え 02.positionを使って天地中央に要素を揃える 03.table-cellを使って天地中央に要素を揃える 04.ソーシャルボタンなどのリストを中央に揃える 01.画像やテキストの中央揃え <div id="center01"> <p><img src="http://placekitten.com/600/240" /></p> <p>画像やテキストを中央揃え</p> </div><!-- / #center01 --> #center01 { text-align:center; } text-align:
cssで背景だけを透明にする方法 | 株式会社インデックスジャパン
opacityとrgbaの違い 案件で、ページにアクセスした際に上からホバーウインドウが降りてくる機能を実装することになりました。その際、背景だけを半透明したかったですが、思いのほか解決に手こずったので備忘録としてメモを残しておきます。 完成予想図は次のような状態です。 「透明といえばCSSでopacityを0.5ぐらいに指定すればいいだけだな」 と下記のコードをササッと書いてみた。 <div id="lp-ad" style="position: fixed; left: 50%; margin-top: -500px; margin-left: -323px; padding: 20px; background-color: #0000FF; opacity: 0.5; "> <a href="http://www.kurosawakoumuten.co.jp/lp/" target=
タイムチケット | 知識・スキル・経験のマーケットプレイス
プロフォトグラファー・写真セミナー講師。人物専門のフォトグラファーとして、ウェディング、プロフィール、家族、お宮参り、七五三など、自然で温かい特徴の撮影と、カメラ初級・中級者に[わかりやすさ第一]の撮り方講座を行なっています。 -
【ＳＶＯ-バルセロナ】神は「好きなように生きなさい」と言っている。 - いばや通信
モスクワを経由してバルセロナに入った。日本を発つ前、周囲の人たちからは「ロシアの航空会社はリスキーだ」とか「治安が悪い」などと言われたが、情報は幻想で、そんなことはないのだということがわかった。夜間の気温は10度を下回り、11月のような気分を味わえた。 いまいる場所が世界のすべてではない。自分が知っていることの何倍も、自分の知らない世界は広く豊かに存在している。こうでなければいけないということはない。誰も、何も、禁止も強制もしていない。ただ、自分がそうしたいからそうしているのだ、海外に足を運ぶと、そういうことを思う。— 坂爪圭吾 (@KeigoSakatsume) 2015, 9月 11 今回は、新潟の大学院に通う友達のＫ氏と一緒に行動をしている。彼は大のサッカーファンで、本日12日（土）にマドリードで開催されるバルセロナ対アトレチコマドリードの試合を心の底から楽しみにしている。そんなＫ氏
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
