2015年5月20日のブックマーク (3件)

  • ブログ

    2018/05/07 バージョンアップ間近! Movable TypeのメリットをWordPressと比較してまとめてみる。久々のバージョンアップを迎えるMovable Type。WordPressの陰に隠れて過小評価されがちなそのメリットをおさらいします。 WEBディレクター虎の巻tech tech 散歩 2018/01/10 フロントエンド開発の品質と効率向上のための私たちの取り組み複雑化・高度化するフロントエンド開発の課題を解決し、品質と効率を同時に向上する仕組みづくりを進めています。 tech tech 散歩 2017/12/19 なぜその文章に説得力がないのか?WEBライティングのここを見なおす。つまらなければ即離脱...のWEBだからこそ必要な、簡潔で説得力のある文章。どのようにすれば書けるのでしょう。 WEBディレクター虎の巻

    ブログ
  • ここ最近のWeb地図周辺の動向をまとめてみた

    Web地図の歴史というのは Google Maps 登場以前と登場後に分けられるのですが、2015年現在、まさにGoogle Maps登場と同じぐらいの変革がWeb地図の世界に訪れているのではないか? と勝手に思っているので自分の観測範囲内でまとめてみました。 概要 簡単に要点をまとめると、CanvasとかSVGとかWebGLとかブラウザ周りの表現力の進化がWeb地図にも影響を及ぼしていて、そこにGeoJSONのようなそれまでGISなどに疎かったフロントエンドエンジニアにも気軽に扱うことができるフォーマットが普及し始めたことと、降って湧いたようなデータビジュアライゼーションブームなどによって爆発的にエコシステムが増殖し、さらにフロントエンド回りの新技術、仮想DOMとか Web Components とかFRPだとかもろもろいろいろ絡まってよくわからないけど地味に凄いことになっています。 G

    ここ最近のWeb地図周辺の動向をまとめてみた
  • ゴーストボタンにマウスを乗せたときの動きいろいろ16個

    昨年くらいから流行っているらしいゴーストボタンというもののサンプルをいくつか作ってみました。皆さん色々作られていて、今さら感もありますがぜひご覧ください。 今回、以下のルールに沿って16個サンプルを作りました。 HTMLは全て同じ マウスを乗せる前は同じ状態 擬似要素は使っても1つだけ 擬似要素を2つ使ったり、spanなんかをはさんでやるともっと色々できると思いますが、今回はシンプルにマウスを乗せたときに動きをつけるサンプルを紹介します。 サンプルはこのページで全て載せていますが、まとめて見たいという方はこちらをどうぞ。 ということで、HTMLはこんな感じになります。 <a href="#" class="btn sample1">sample 1</a> 普通のリンクですね。btnは共通部分、sample1はサンプルごとで違ってくる部分になります。 では、共通部分のCSSです。 a.bt

    ゴーストボタンにマウスを乗せたときの動きいろいろ16個