https://atnd.org/events/52247
メンテナブルなJsってなんだろう
実務でよく使うhtml,css,jsの小技をつらつらと紹介します。 ※2/11のスクーの授業中で使った資料です。 https://schoo.jp/class/1776 【オシャレCSS編】 1. transformを使って要素を変形させるワザ 2. transitionを使い、CSSだけで簡単なアニメーションを行うワザ 3. keyframesを使ってCSSだけで複雑なアニメーションを行うワザ 4. 矢印アイコンをcssだけで表現するワザ 5. アイコンをアニメーションさせるワザ 6. CSSプロパティ”filter”で画像を加工するワザ 【地味だけど使えるワザ編】 7. 今どきの、要素を上下中央寄せにするワザ 8.「flexbox」で要素を自由自在に整列させるワザ 9. Windowsでwebfontをちょっとマシに見せるワザ 10. ア
zepto.js — the aerogel-weight mobile javascript framework
Zepto is a minimalist JavaScript library for modern browsers with a largely jQuery-compatible API. If you use jQuery, you already know how to use Zepto. While 100% jQuery coverage is not a design goal, the APIs provided match their jQuery counterparts. The goal is to have a ~5-10k modular library that downloads and executes fast, with a familiar and versatile API, so you can concentrate on getting
ブラックなWeb開発現場の救世主、Gruntのインストールと使い方
連載目次 一昔前であれば、HTML／JavaScript／CSSを使用してWebアプリを作成する場合、（筆者の経験では）所定の位置にファイルを置くだけでした。最近はHTML／JavaScript／CSS関連の技術も複雑化／多様化し、いろいろなことを考慮しなければなりません。 例えばJavaScriptファイルの場合は、以下の作業を行うこともあるでしょう。 minify（圧縮）や結合 単体テストの実行 JSLint（構文チェック）の実行 さらに、CoffeeScriptやTypeScriptを使用している場合にはコンパイル（JavaScript変換）を行う必要もあります。 また、SCSS（Sass）やLESSなどのCSS拡張メタ言語を使用している場合にも、コンパイル（CSS変換）作業が必要です。 ファイルを修正してビルドするたびに、これらの作業をいちいち手作業で行っていては非常に面倒でしょう
「HTML5 Rocksの翻訳ハンズオン」html5j英語部イベントレポート
「HTML5 Rocksの翻訳ハンズオン」html5j英語部イベントレポート 谷拓樹（株式会社サイバーエージェント） HTML5 Rocksは、開発者向けのHTML5周辺技術に関するリソースを公開しているサイトです。Googleによって運営されており、記事が多言語に対応しているものもあります。 html5j英語部の今回のイベントでは、いくつか記事をピックアップし、グループに分けて翻訳を行いました。 今回翻訳対象としてピックアップした記事： User Timing API: Understanding your Web App – HTML5 Rocks Avoiding Unnecessary Paints: Animated GIF Edition – HTML5 Rocks Avoiding Unnecessary Paints – HTML5 Rocks High Performan
jQuery
What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.
5jcup.org - このウェブサイトは販売用です！ - 5jcup リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
フロントエンド開発今昔物語 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? フロントエンド開発今昔物語 フロントエンドと言っても、アプリやゲーム制作などではなく、いわゆるWebサイト制作のクライアントサイド側の話になります。 時代背景 昔 おじいさんには、Photoshop、Illustrator、Dreamweaverという3種の神器がありました。当時のWebサイト制作は、これらのソフトを利用し、おじいさんが一人で行っていました。おじいさんのような仕事をする人は、Webデザイナーと呼ばれ、とても人気がありました。おじいさんは幸せでした。 今 いつしかWebデザインは分業化されるようになりました。おじいさんは久
コピペが出来るなら誰でも出来る、Web制作タスク自動化ツール「Grunt」導入手順
なんだか、Web制作の際に起こる様々な面倒くさいタスクを自動化してくれるGruntというツールがあるらしく、私の周りのWebデザイナーさんやコーダーさんがこぞって導入されておりました。 はじめは「へぇ…あちきは別に興味ないからいいでありんすよ」と指をくわえて傍観していたのですが、便利便利の声を聞くにつれやっぱり羨ましくなってきました。だから導入した。使った。良かった。 そんな訳で今回は、Grunt.jsの導入から簡単な使い方までを紹介したいと思います。私のような黒い画面に抵抗を持っている初心者の方でも導入できるよう、コピペさえ出来ればGruntが使えるようになる記事にしてあるつもりです。 なお、今回導入した私のPC環境はOS X 10.9.1です。Windowsでの導入手順は今更だけどやるgrunt入門編・インストールから基本的な使い方｜WEB Drawerをご覧下さい。 Gruntで何が
サイバーエージェント、ブラウザ向け音声ライブラリ「boombox.js」をOSSとして公開 | RBB TODAY
サイバーエージェントは2月19日、ブラウザ向けのサウンドライブラリ「boombox.js」を、スマートフォンサービス開発のためのオープンソースとして、GitHubで公開した。 ブラウザでサウンドを鳴らすには、「HTMLAudio」「WebAudio」「HTMLVideo」が一般的に利用されることが多いが、APIの呼び出し方法やブラウザサポートなどが統一されていない。「boombox.js」は、「HTMLAudio」「WebAudio」「HTMLVideo」のオーディオ関連APIを包括して、一貫性のあるAPIとして提供するライブラリだ。「boombox.js」は、ブラウザ向けゲーム「なぞってピグキッチン」などのサービス開発でも採用されている。 オーディオ関連APIを統一したインターフェイスで提供し、ラジカセ（boombox）のようなシンプルな操作で利用することが可能となる。ブラウザが非アクテ
Web技術を使うということ - Nothing ventured, nothing gained.
私の高校の後輩（と言っても、だいぶ年齢は離れている）に心理学の研究者がいる。ひょんなことから知り合い、主にFacebookで交流を続けている。 あるとき、ブラウザの不具合を訴えていたので、つい「Chromeを使えばいいのに」と書き込んだら、本当にChromeをメインブラウザにするようになってくれ、それ以降、いろいろとアドバイスをしている。実験結果グラフの表示をどのようにすれば良いか悩んでいるようなことを書き込んでいたときには、Google Charts APIを紹介してあげたりもした*1。 すべてWebで その彼が最近、Web技術を研究に使うことの意味をブログで整理していた。この中でWeb技術を使う利点を以下の3つにまとめている。 １．オープンソース Javascriptのライブラリはおそらくほとんどのものがオープンソースです。そしてChromeやFirefoxなどのwebブラウザも無料で
『Frontrend in Fukuoka レポート』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんにちは、フロントエンドエンジニアの加藤（@ktknest）です。 1/25（土）、札幌に引き続き福岡にて、フロントディベロッパ/エンジニア向けの勉強会Frontrend in Fukuokaが開催されましたので、そちらのレポートをお届けします。 Fukuoka Frontrend Frogsや、特定非営利活動法人 AIP、サイバーエージェント福岡オフィスの皆さんのご協力の元、関係者を含め200名近くと非常に多くの方々にご参加いただきました！ ・Frontrend in Fukuoka 2014年1月25日（土）開催！ ・当日のツイートまとめ 3ト
FICC | デジタルエージェンシー
LEADING BRANDS TO DIGITAL WE ARE A DATA-DRIVEN MARKETING AGENCY FICCはデータに基づく論理的なマーケティングを提供するデジタルエージェンシーです。 消費者に価値あるコンテンツと体験を届けるため、戦略立案から施策実行まで一貫して提供しています。
人気上昇中のJavaScriptライブラリを調べてみた［ジャンル別に比較］
連載 INDEX 次回 → こちらのページで【2015年版】も発表！ ■ 2014年が始まり、心機一転で「今年こそはWeb開発を頑張ろう」と思っている人も少なくないだろう。そんな方々に向けて本稿では、2013年中に人気が急上昇してきており、「2014年では必須の知識」となりそうなJavaScriptライブラリ（Library）をランキング形式で発表する。 なお、本稿のランキング決定では、検索キーワードの流行を調査可能な「Googleトレンド」（「すべての国」「過去 12 か月間」「すべてのカテゴリ」「ウェブ検索」という条件で絞り込み）を使って、ライブラリの人気をジャンルごとに比較した（※ライブラリ名が一般的な英単語の場合、Web検索時に、その英単語にもヒットしてしまう。このノイズがGoogleトレンドでの結果として入り込んでいる可能性が高いことをご了承いただきたい。各ジャンルは、筆者が独自
A personal exploration of design, technology, & rebellion.
A personal exploration of design, technology, & rebellion. Design by undesign. Simplicity is polarizing. Simple is hard. Resisting the urge to add more. How to stand out online. The cost of overwhelming uniformity in web design. Back to basics. Going “build–step free” for a handcrafted experience. Portfolio Most recent work. Thanks for visiting, – joshua
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.polymer-project.org/tools/designer/
http://atnd.org/events/52722
yoshiko-pg.github.io
html5-lab.jp
en.ja Article