タグ

2014年4月15日のブックマーク (11件)

  • Rails Girls - Japanese

    Rails Girls ガイド これらのガイドは、女性がテクノロジーやアイディアを形にする方法を理解するためのツールやコミュニティを提供するため作られています。自分のイベントを運営したり、新しいガイドを提案したり、あるいは単にRailsを学ぶために使うこともできます。もっとRails Girlsに関わりたいと思ったら、Rails Girls Teamメーリングリスト(英語) に参加してください。 Rails Girlsのイベントについてもっと知りたいですか?: Rails Girlsのイベント コーチだったり、ワークショップを企画しようとしていますか?こちらを見てみてください: Rails Girlsのガイド Guides in other languages Rails Girls Official site Guides in English Guides in French Guid

  • Unheap - A tidy Repository of jQuery Plugins & JavaScripts

    Another great gem from Zurb. What if you wanted to make a user aware of a piece of content long before their mouse directly hovers over its element? Perhaps it was a piece of content that a user would have never otherwise hovered over (thus rendering all that CSS you styled on the :hover of your class forever invisible to your user). What is a designer/developer to do? Reactive Listener allows us

  • Using CoreOS の日本語訳 - Qiita

    先日 Docker Meetup Tokyo に参加しました。 会場の収容人数100人をはるかに超える400人以上が登録しており、注目度の高さを感じました。 会場でスタッフの @mopemope からいろいろ教えていただき、docker 単体ではなく、クラスタを構成するなどして実用的な分散システムを組むこと、そのために docker をはじめ有用な機能をまとめている CoreOS 全体を把握していくことの重要性を把握しました。 同じように感じている方もいらっしゃるかと思い、CoreOS のドキュメント「Using CoreOS」を翻訳しました。 オリジナル: https://coreos.com/using-coreos/ CoreOS について日語での解説としては @mopemope の CoreOS 入門 が詳しいのでそちらも併せてご参照いただくとよいと思います。 なお CoreOS

    Using CoreOS の日本語訳 - Qiita
  • WAI-ARIA の基礎知識 | Accessible & Usable

    公開日 : 2014年4月15日 (2018年1月20日 更新) カテゴリー : アクセシビリティ / 情報設計 (IA) WAI-ARIA 1.0 が、2014年3月20日付で W3C の勧告 (Recommendation) になりました。 WAI-ARIA とは、Web Accessibility Initiative (W3C の中で、Web アクセシビリティに関する仕様を検討する部会) が策定した、Accessible (アクセシブル) な Rich Internet Applications (リッチインターネットアプリケーション : RIA) に関する仕様です。この仕様で定められた記述をソースコードに加えることによって、JavaScript などでインタラクティブに動くユーザーインターフェース (UI) であっても、その状況の変化を、マシンリーダブルな形で支援技術 (スクリー

    WAI-ARIA の基礎知識 | Accessible & Usable
  • SMACSSによるCSS設計 - Qiita

    前案件でBEMチックな書き方をして、あまりのクラス名の長さに キィェエエエ!!ってなった後で、 CodeGridさんでSMACSSについてのステキ記事を見つけたのでメモ。 ※以下、CodeGridさんの記事に書いてることを、自分が後で見るようにプチ要約したものです。 記事をまだ読んだことが無い人はここよりも、記事の方をじっくり読むのをお勧めします。 SMACSSによるCSSの設計 - ベースとレイアウト | CodeGrid CSSカテゴライズ 5つにカテゴライズして、それに準じた名前を付ける 1.ベース 2.レイアウト 3.モジュール 4.状態(ステート) 5.テーマ 1.ベースルール サイト全体で要素そのもののデフォルトスタイル

    SMACSSによるCSS設計 - Qiita
  • DeNA Engineering - DeNAエンジニアのポータルサイト

    技術を活かし、新しい価値を創造する DeNAのエンジニアは、想像を超えるDelightを届けるために何ができるかを考え、技術力と発想力で新しい価値を生み出しています。 多様な専門性を持ったエンジニアが切磋琢磨し、互いに刺激し合える環境や制度がさらなる成長へとつなげます。

    DeNA Engineering - DeNAエンジニアのポータルサイト
  • レスポンシブ対応でPCとスマホで違う画像を使う

    先日、こそこそと作ってたAndroid向けの電卓アプリ「LateCalc」をリリースしました。ボクは企画設計、デザイン辺りを担当してます。 LateCalc(電卓) - Google Play の Android アプリ なんで、電卓!?とか色々有りますが、まだ実装したい機能とかが全然実装出来てないので、その辺の紹介はある程度機能が実装された頃に書きたいと思ってます。はい。 さて、今回は久々にCSS関連なエントリーです。 ここ数年、レスポンシブ対応な案件が増えていると思われますが、実際にコーディングしていると色々有りますよね... そんな中でも、画像周りは何かと厄介だったりすると思うので、今回は、PCで見た時とスマホとか(640px以下)で見た時に、違う画像を使いたい場合に使えそうなTipsです。 レスポンシブなんだからPCとスマホで違う画像を使うとかしないで、おとなしく縮小しただけの画像

    レスポンシブ対応でPCとスマホで違う画像を使う
  • UglifyJSで、できるだけライセンスコメントを残して圧縮する - Qiita

    [2013/12/19 追記] 記事で紹介している方法をモジュール化し、Node.jsで利用可能にしたuglify-save-licenseを公開しました。記事のコードに改善を加えているので、利用する場合は記事中の方法ではなくそちらのモジュールを使用してください。 はじめに クライアントサイドJavaScriptにおいて、(スタイルシートの読み込み直後での読み込みが推奨されているModernizrなどのライブラリ以外は)圧縮・結合してbody要素の末尾で読み込む、という手法は最早定番と言えますが、今回は圧縮ツールUglifyJSを用いる際に、ライセンスコメントをできる限り残しつつ圧縮する方法を紹介します。 ……という予定だったのですが、アドベントカレンダーの担当日の数日前に、ライセンスコメントを抽出する非常に強力な方法としてgrunt-license-saverが登場し、ここで紹介する

    UglifyJSで、できるだけライセンスコメントを残して圧縮する - Qiita
    sh19e
    sh19e 2014/04/15
  • Javascript 101

    Slides bootstrap

  • http://jsrecipes.org/

  • JavaScriptユーティリティライブラリの紹介

    言語処理学会第20回年次大会(2014/3)のチュートリアル講義資料です。 - 要旨 - 文法圧縮とは,入力テキストをよりコンパクトな文脈自由文法(CFG)に変換する圧縮法の総称である. 文法圧縮の強みは圧縮テキストを展開すること無く,検索等のテキスト処理を効率よく行える点にある. 驚くべきことにその処理速度は,元テキスト上での同じ処理を理論的に,時には実際にも凌駕する. また近年,ウェブアーカイブやログ,ゲノム配列等の大規模実データを高効率に圧縮できることで注目を集めている. しかしながら,文法圧縮についての初学者向けの解説資料はまだまだ少ない. そこでチュートリアルでは,文法圧縮の歴史的背景から最新動向までを幅広く紹介する. 具体的には文法変換アルゴリズム,圧縮テキスト上での文字列パターン検索,文法圧縮に基づく省メモリデータ構造等の解説を行う.

    JavaScriptユーティリティライブラリの紹介