ようこそ、HTML5裏APIの世界へ - HTML5 Conference 2013
Canvas、WebGL、WebRTC、WebSocketなど、HTML5の花形スターとも言えるモテ系APIは、常に世間の注目を集めている。これらAPIを使いこなせるウェブディベロッパーはどこからも引っ張りだこだろう。しかし、注目度が低いながらも、今後のウェブを支える（かもしれない）最新のAPIが数多く存在する。このようなAPIは派手さが足りないゆえに話題になることもない。しかし、これら非モテ系のAPIも含めてHTML5だ。 本セッションでは、ありきたりのモテ系APIに飽きたマニアな貴方のために、普段は陽の当たらないAPIを一挙紹介する。もちろん、どれかのブラウザーに実装されているAPIのみだ。今から使おうと思えば使えないことはない。そして、W3Cにて仕様策定が始まって日が浅いため、明日にはどうなるか分からない。無くなるかもしれないし、大幅に変更されてしまうかもしれない。今覚えても役に立た
【完全版】Facebookビジネス活用セミナー資料
【2011年時点での情報が中心です。ご注意ください。】 なぜソーシャルメディアマーケティングなのか、ソーシャルメディアマーケティングでビジネス活用可能なメディアはどんなものがあるか、Facebook Pagesとはどんなものか、Social Plugins の設定の仕方、Facebook 広告の特徴、Facebook アプリ実装上の注意点、Facebook活用事例、など。全291ページ。Read less
Pure CSS Slide-out Interface
Here’s a new technique I’m trying out: a slide-out interface element using just CSS, no JavaScript. It can be used for things like fixed navigation bars or little feedback forms you see sometimes on the side of the page. Here’s how it works… Let’s do the feedback form as an example. See the demo right here. Supports IE8+ (and IE7 too if the container div is changed to an anchor) and every other mo
メニューのマウスオーバーを効果的にするJavaScript「jQuery Sliding Menu (AKA Lavalamp)」
twitter facebook hatena google pocket 一番目立つメニューを印象的にすることで、サイト内の回遊性向上が期待されるかもしれません。 jQuery Sliding Menu (AKA Lavalamp)を利用するとマウスオーバーを効果的にすることが可能です。 sponsors 使用方法 jQuery Sliding Menu (AKA Lavalamp Menu)からファイル一式をダウンロードします。 また、jQueryをjQuery: The Write Less, Do More, JavaScript Libraryからダウンロードします。 ※1.4が必要となるようです。 <link rel="stylesheet" href="jquery.sliding-menu.css" type="text/css" media="screen" /> <sc
HTML によるプレゼン作成のススメ - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 昨日、 HTML5 勉強会で Opera の開発者向け機能についてプレゼンしてきました。会場が Opera の目黒オフィスということで急遽駆り出されました（笑）。 こういったプレゼンをするときに必要なのがプレゼン資料（スライド）の作成。これまでは Google Docs や OpenOffice.org で作っていたのですが、これがどうにも不便。ちょっとしたことを
[JS]画像切り替えやパネル表示にフェードを使ったスライドショーのスクリプト -Fade-in slideshow
画像の切り替えやパネルの表示にフェード効果を使用したスライドショーのスクリプトをDynamic Driveから紹介します。
Sticky (Fixed) SideNav Layout with CSS - DesignM.ag
Today I would like to go over how to create a fixed sidenav layout for your blog or website. Having a fixed sidenav comes in handy when dealing with blog style websites where the content is extremely tall and there is a need for good amount of scrolling. The fixed navigation allows the user to cruise through the content without scrolling back up to the top to navigate through the rest of the site.
Sliding Boxes and Captions with jQuery « Build Internet
Add an extra layer of information to your images with sliding boxes. This is now a plugin! Check out the announcement post for the Mosaic jQuery plugin. Check the project page for the latest release notes and features! The Basic Idea All of these sliding box animations work on the same basic idea. There is a div tag (.boxgrid in my css) that essentially acts as a window where two other items of yo
Monolog: [jQuery] テーブルの行（TR要素）をスライドアニメーションで表示/非表示させる方法(1)
$("#sample02_radio01").click(function() { $("#sample02_row").slideDown(); }); $("#sample02_radio02").click(function() { $("#sample02_row").slideUp(); }); Firefoxでは、「非表示」を選択すると、一旦全てのセルが左端のセルに収まってからスライドアップする。「表示」にするとアニメーションしながらスライドダウンするが、左端のセルに行の全てが収まってしまって、表自体が崩れる。 IEでは表の構造は崩れないが、そもそもアニメーションしてくれない。単に表示/非表示が切り替わるだけで、非表示になる時は微妙に上下に振動したりする。消えるまでのタイムラグもある。 何らかのフォームで、選択内容によって行を表示/非表示させるような要件は結構ある。スライドアニ
jQuery in 15 minutes
This document provides an overview of jQuery, a JavaScript library for DOM manipulation. It discusses jQuery's CSS selector syntax, methods for manipulating DOM elements and collections, event handling, AJAX support through methods like load() and get(), and how jQuery is extensible through plugins. The document also provides examples of DOM traversal, value retrieval, event binding, and chaining
CSS Nite in Osaka, Vol.12 「alt属性考」スライド公開 - Trans
一昨日、CSS Nite in Osaka, Vol.12に来ていただいた皆様、ありがとうございました。 さて、とりあえずなのですが、その際のスライドを公開します。 alt属性考View SlideShare presentation or Upload your own.ちなみに、何が悪いのか、SlideShareのほうはある特定の条件の画面で背景が真っ赤になるという摩訶不思議な現象も体験できます。 PDF版（5.9MB）もあります。 音声はCSS Nite公式ブログのほうで後日聞くことができるようになると思いますので、そちらも聞いてみてください（後ろの方で聞いていた方から聞こえづらかったという意見も伺いましたし）。 あと、最後に触れたのですが、インクルーシブデザインワークショップ with Re:Creator's Kansai、やります。とりあえず、ご報告。これはまた別のエントリーで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
何度も読み直したい！はてブ数300以上のWeb制作系スライド2012年版
TechCrunch | Startup and Technology News
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
Responsive WordPress Slider Plugin
livedoor ReaderのクローラとStreaming APIなどの話
HTML5 Web Messagingが変えるWebアプリ開発（ダイジェスト版）
[CSS]スクリプト無しで、パネルを滑らかなスライドで切り替えるスタイルシート
HTML5の講演資料を公開しました
IDEA * IDEA