プレゼン用のスライドショーを実装する、わずか1KBなのに多彩なエフェクトを備えタッチデバイスにも対応したスクリプト -Bespoke.js
コンカーブ 凹状に配置したパネルをスライドします。 Bespoke.jsの使い方 スライドショーの実装は簡単で、3ステップです。 Step 1: HTMLと外部ファイル スタイルシートとスクリプトを外部ファイルとして記述し、各パネルはsection要素で実装し、articleで包みます。 スタイルシートはテーマごとに変更します。 <link rel="stylesheet" href="path/to/my/theme.css"> <article> <section>Slide 1</section> <section>Slide 2</section> <section>Slide 3</section> </article> <script src="bespoke.min.js"></script> <script src="path/to/my/script.js"></scri
フロントエンドJavaScriptにおける設計とテスト
今日話さないこと JavaScriptの基礎知識、jQueryの導入 気持ちいいUIやUXがうんちゃら CanvasやWebGLを使ったリッチでイケてるゲームの作り方
Sass/Compassの社内運用に関するありがたいスライドから学んだことのまとめ
これはありがたい！と思えるSass/Compassに関するスライドが2つほどSlideshareにアップされていたので、このブログでも紹介させていただきます。去年行われたHTML5 Conference 2012でNHN Japanのマークアップエンジニアの方から発表されたもので、すでにSassを使ってCSS運用を始めている方からの貴重な情報です。 前編、後編とあるので、それぞれに対して自分なりに重要だと思ったこと、また、それらに対する考察をまとめてみました。自分が管理・運営しているウェブサイトのCSS管理も、Sass/Compassを使ってやりたいなぁと思う今日このごろです。時間的な初期投資は必要だけど、長期的に考えたらメリットも多く時間の節約にもなりそうです。 今回の投稿では、まずは前編から。 前編で気になったところのまとめ 「実践Sass 前編 — HTML5 Conference
SQL上級者こそ知って欲しい、なぜO/Rマッパーが重要か？
(PgDay2012発表資料) SQLにとって、なぜO/Rマッパーが重要かを説明した資料です。Read less
役立たずなディレクターにならないためのコンセプトの考え方と具体的手法―ワークショップのスライド公開
先日行ったディレクターワークショップについて、ちょいちょいスライドが見たい！とのお声をいただいたので今更ながら公開します。 勢いよく書き上げたものな上、しゃべりまくる前提で書いてしまったのでかなり読みにくいとは思いますが、全画面表示すれば多分何とかなるんじゃないかなーとか思います。 ワークショップ資料01 初日に公開したもの。 ワークショップのそもそもの目的からサイトコンセプトの考え方。コンセプトシートの実際の作り方などについて書いてあります。 今回は課題がコーポレートサイトのリニューアルだったこともあり、そこそこ汎用的な内容になってる・・・といいなぁ。 このスライドを見ながらあれこれしゃべった後、実際に参加者全員でエンドクライアントを囲んでヒアリング大会を行いました。以前あげたレポートでも書きましたが、自分以外の人が何を書くのか？は結構興味深かったですね。 ワークショップ資料02 こちら
ちょっと高度にJavaScript／クロージャの基礎～用例 | DevelopersIO
この記事は公開されてから1年以上経過しています。情報が古い可能性がありますので、ご注意ください。 アジェンダ クロージャの仕組み クロージャ用例／イベントハンドラ クロージャ用例／変数の隠蔽 クロージャの仕組み クロージャ（クロージャー、closure、閉包）はプログラミング言語における関数オブジェクトの一種。引数以外の変数を実行時の環境ではなく、自身が定義された環境（静的スコープ）において解決することを特徴とする。(ja.wikipedia.org) いみがわかりません。 サンプルコード見たほうが手っ取り早い。 var f = function() { var i = 0; //←ローカル変数 return function() { return i++; } }(); console.log(f());// 0 console.log(f());// 1 ←何故か保持されている。 co
WCAF Vol.9 「Think of UX」 で講演しました。 | 15NOTE
2012年11月23日に開催された WCAF Vol.9 「Think of UX」 で講演しました。「UX を考え、学ぶ1日」という副題のついたこのイベント、いちがみは「キッチンにはスマートフォンとカレーライス」というセッションタイトルで主にモバイルコンテキストとそれを踏まえた設計の考え方についてお話ししました。 UX がテーマのイベントであるにも関わらず、アカデミックさの欠片もないセッションタイトルにしてみました。そもそも、アカデミックにしようと思ってもできないのですが、それよりも、自分がセミナーで講演を聞いたり、参考文献を読んだりして得た知識を、借り物の言葉で語るのではなく、“ハラオチ”したことを自分の言葉で共有したいと考えたからです。ご参加の皆さまご自身の考え方と照らし合わせて、思索を深めるきっかけとなれば幸いです。 ご参加いただいた皆さま、ありがとうございました。 WCAF 主催
HTML5実力テスト 答え合わせ勉強会 HTML/CSS編
14. • CSS Backgrounds and Borders Level 3 • CSS (Grid) Template Layout • CSS Image Values and Replaced Content Level 3 • CSS Line Grid • CSS Marquee • CSS Lists Level 3 • CSS Multi-column Layout • CSS Positioned Layout Level 3 • CSS Speech • CSS Presentation Levels Inactive • CSS Values and Units Level 3 • CSS Regions • CSS Mobile Profile 2.0 • CSS Tables Level 3 • CSS TV Profile 1.0 • Selectors L
「HTML5 Conference 2012」のスライド資料とメモ
ずいぶん遅くなってしまいましたが、2012年9月8日にあった「HTML5 Conference 2012」に行ってきたので、 そちらに関するメモ的なものを残しておこうかと思います。 基本的にはスライドへのリンクになります。 慶應義塾大学 日吉キャンパスで行われたこちらのカンファレンス。名前の通りHTML5関連の話題を取り扱った内容です。 公式サイトはこちら 「HTML5 Conference 2012」公式サイト スライドや動画 また、資料の方はこちらになります。 公式サイトのプログラムのページにはUSTREAMの録画映像もありますので、行けなかった人でもセッションが見れます。 HTML5 Conference 2012 プログラム HTML5 Conference 2012 スライドまとめ #html5j 最新技術を学べるHTML5 Conference 2012の発表資料まとめ10個
HTML5カンファレンス2012の資料まとめ
HTML5カンファレンス2012の講演資料のまとめです。 HTML5カンファレンスは非常に有意義なものでした。講演頂いた方、スタッフの皆様ありがとうございます。 HTMLとかCSSとかAPIとか -2012秋編-（矢倉眞隆さん） HTML5 や CSS3 の新しいタグやプロパティについての解説。 でもその前に、W3C と WHATWG についての話。 一部のメディアで、W3C と WHATWG が決裂したかのような報道がされたが、実際は問題ないとのこと。 W3C と WHATWG の Editor を務めていた Ian Hickson氏は WHATWG の HTML に集中し、バグ修正が加速しそうです。 セッションでは紹介されていませんでしたが、こちらの記事に Ian Hickson氏からのメールの邦訳など載っています。 HTML5仕様をめぐるW3CとWHATWGについて、Ian Hick
User Interface Design Pattern With CSS3
2012/09/08 HTML5 Conference 2012の講演資料です。
あなたの知らないECMAScript
http://events.html5j.org/conference/2012/09/ function hoge () { alert('ECMAScript valid'); } URLそのまま貼っちゃった！
レスポンシブWebデザインの基礎を習得したい人に絶対役立つスライド
レスポンシブ・ウェブデザイン -Responsi... / レスポンシブ・ウェブデザイン基礎 / ADC OnAir 第5回 『レスポンシブ We...他...全6件
Sass 3.2: Silent Classes // Speaker Deck
One of the frustrations of OOCSS concepts is the amount of presentational classes that need to be created and the method of applying them to the DOM. Sass has looked to address this issue first with Mixins, then Extends, each with their own issues of duplicated code or creation of unnecessary code. Sass 3.2 introduces the concept of 'silent classes' whereas standardized presentational classes ca
Google IO 2012
Follow the slides at http://goo.gl/U2vuT Performance optimization... what's that? Today, we're going to talk about Raw JavaScript Execution Performance with now ... Made in Germany Who cares about performance? You should. JavaScript Performance Matters
レスポンシブ・ウェブデザイン基礎
1. レスポンシブ ウェブデザイン基礎 Responsive Web Design Basic ・ レスポンシブ・ウ ブデザイ ェ ン基礎 Responsive Web Design Basic こもりまさあき 2012. 06. 11 at Yahoo! JAPAN | Komori, Masaaki 2. レスポンシブ ウェブデザイン基礎 Responsive Web Design Basic ・ 自己紹介 こもりまさあき http://blog.gaspanik.com http://protean.im 1990年代前半に都内のDTP系デザイン会社にてアルバイトをはじめる。大学卒業後 そのまま正社員となり、入出力業務、デザイン業務、ネットワーク関連業務に並行し て従事。2001年、会社を退職しそのままフリーランスの道へ。案件ごとに業務内容 や立ち位置が異なるため、職域的な肩書きは
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML 2012
http://www.rvl.io/agektmr/sublimetext-plugins-intro
cmmntr.com
Web Component概要
