Announcing Vue.js 2.0
In case you’ve never heard of Vue.js before: Vue.js is a front-end framework that consists of a core view layer and accompanying tools & supporting libraries. You can read a high-level introduction to what makes it different here. Today I am thrilled to announce the first public preview of Vue.js 2.0, which brings along many exciting improvements and new features. Let’s take a peek at what’s in st
フロントエンドにテストを導入 - Qiita
2016-8-8 ※webpack単体の記事を書きました。よろしければこちらもどうぞ step by stepで始めるwebpack 2016-5-16 ※karma単体の記事を書きました。よろしければこちらもどうぞ step by stepで始めるKarma 本記事は画面のJavaScriptのテストとかまったくやったことない方 Mocha？webpack？karma？それぞれの解説記事はよく見るけど全体像がよくわからんという方向けです。（数日前の自分です） 全体を通して導入の流れを解説した記事があると全体像が理解しやすいのではと思い書いてみました。 前提 Nodejs,npm,chromeが導入済みであること 流れ Step 表題 目的
GitHub の草状況を PNG 画像で返す heroku app をつくってみた - えいのうにっき
前々から、GitHub の草状況、つまり Public Contributions のグラフ（↑の画像みたいなやつね）をブログのサイドバーとかに出したいなぁーとかって思ってたんだけど、GitHubの草のSVGをコマンドラインで取得する - Qiita という記事を見つけて。 qiita.com んで、「あ、これでできるんじゃね？」と思って、今日、晩ごはんが出来るのを待ってるあいだに雑に書いてみたらそれっぽいものが出来たので、ここでも書いておく。なにげに初 sinatra app。 github.com ↑の README を見てもらえばわかると思うのだけど、Deploy to Heroku ボタンも置いておいたので、使ってみてやって下さい。 使い方とかも README にあるとおりなんだけど、↓みたいなグラフの画像を返してくれるアプリです。（今ご覧のブログの右サイドバーにも、表示してみてい
CSSのみで実装するキャプションエフェクト 20 - NxWorld
自分用にひと通りの動きを一覧化したものが欲しかったので備忘録です。 画像ホバー時にエフェクト付きでキャプションを表示させる動きをCSSのみで実装する方法です。 キャプションとはしていますが、例えばブログであればリンク付きのアイキャッチに実装してマウスオーバー時に「もっと見る」のような文言を表示させたりといった用途にも使えます。 共通のHTML・CSS 一部をのぞき、今回はサンプルとして基本的に下記のようなHTMLを使用しています。 <figure> <img src="image.jpg" /> <figcaption> <h3>Caption Title</h3> <p>caption text here ...</p> </figcaption> </figure> CSSに関してはそれぞれ動きに関係する部分のみ記述しており、figcaption内にあるh3とpの見栄えに関するフォント
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Home