タグ

ブックマーク / ginpen.com (4)

  • CSSでグラデーションを使うときにhsl()が便利すぎる。(CSS おれおれ Advent Calendar 2012 – 19日目) | Ginpen.com

    CSS おれおれ Advent Calendar 2012 – 19日目 CSS 3では色の指定にhsl()を使う事が出来ます。すなわち色相 (Hue; 0-359)、彩度 (Saturation; 0%-100%)、輝度 (Lightness; 0%-100%) による色の指定です。さらに不透明度を加えたhsla()もあります。 グラデーションをlinear-gradient()で実現するとき、このhsl()を使うと綺麗に記述する事が出来ます。 実例 こんなグラデーションを実装します。 #rrggbbを使ったグラデーションの例 まずは#rrggbbで書いた例です。 background-image: linear-gradient( top, #ffffff 0%, #a3daf5 50%, #75c7f0 51%, #19a1e6 100% );

    CSSでグラデーションを使うときにhsl()が便利すぎる。(CSS おれおれ Advent Calendar 2012 – 19日目) | Ginpen.com
  • 次世代JavaScript、ECMAScript6の話を聞いてきたからサンプルコードとかメモしときます。 | Ginpen.com

    これ行って来ました。 Web先端技術味見部#15 (今回は「ECMAScript6をそろそろ触る」!) : ATND 楽しかった! JavaScript (JS)とECMAScript (ES)の違いとか、そういうのはググってください。 Firefox Auroraが現状ES6最先端ぽい。次点Chromechrome://flags から「JavaScript の試験運用機能を有効にする」を有効にして再起動でES6の機能が使えたりするらしい。 Firefoxで メニューのツール>Web開発>スクラッチパッド でスクラッチパッド。なんかコンソールより便利なやつ。 配列内包表記も使えるように。でも見づらいので三項演算子(?:演算子)みたいな扱いになりそうに思った。 サンプルコードいろいろ let ブロックスコープになる。varと有効範囲が異なる。

    次世代JavaScript、ECMAScript6の話を聞いてきたからサンプルコードとかメモしときます。 | Ginpen.com
    hamaco
    hamaco 2013/01/22
  • 「何か困ったこと」と「解決のために試したこと」を管理するMyerrをリリースしました。 | Ginpen.com

    何かよくわからない不具合のときって色々試してみたりするんですが、そういうときって「あれこれ試したっけ? そいでどうなったっけ?」みたいになりませんか? 僕だけですか? 僕だけかもしれません。ええと、とにかくそういうときに僕が便利な感じのアプリです。 Herokuという、ウェブアプリをホスティングしてくれてるサービスを利用しているので、URLもginpen.comじゃありません。 まあ習作なので、 こんな事を試しています: Railsの習作 Rails+Twitter連携の練習 Herokuの試用 Twitter Bootstrapの試用 Bootstrapは作ってる途中でバージョンアップしてガラッと変わってしまったので困りました。別に何日もかけて作ってたわけでもないんですけどね……。 (´・ω・`) アイヤー Rails+Twitter連携は近日中にまた記事にまとめるつもりなのでお楽しみに

    「何か困ったこと」と「解決のために試したこと」を管理するMyerrをリリースしました。 | Ginpen.com
    hamaco
    hamaco 2012/02/09
  • jQuery1.6の更新内容をまとめたよ。 | Ginpen.com

    昨日jQuery1.6が公開されたので、その内容をまとめてみました。 jQuery: » jQuery 1.6 Released だいたい原文にそってますが、翻訳ではありません。 追記 : data()の扱いが誤っていたので修正しました。キーをキャメルケースにする必要があるとしていましたが、引数を与えずにマップを得た場合の話で、引数にキーを与えて個別に取得する場合は過去のコードと互換性があります。thanks @GeckoTang !(23:11) 変更点 既存コードに影響がある変更がいくつかあります。 data属性の自動マッピング ハイフン “-” を含む名前のとき、$element.data()に引数を与えずに得たマップのキーはキャメルケースに変換されるようになりました。 var $div = $('<div data-abc-xyz="123" />'); var data = $d

    jQuery1.6の更新内容をまとめたよ。 | Ginpen.com
  • 1