GitHub - Seldaek/slippy: HTML PresentationsYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
HTMLで書けるパワポ風プレゼンテーション実装jQueryプラグイン「Slippy」:phpspot開発日誌
Introducing Slippy - HTML Presentations - Jordi Boggiano HTMLで書けるパワポ風プレゼンテーション実装jQueryプラグイン「Slippy」。 次のような、左右キーでページ送りが出来るプレゼンテーションをHTMLベースで書いて簡単に構築できるプラグインです。 ブラウザさえあれば、ビューワなしでどこでも再生できるプレゼンテーションを構築したい際に使えます。 プレゼンテーション内に出てくるコードのシンタックスハイライト機能がついているので、よりプログラマに使いやすいものになっているのも特徴。 更に、ハイライトされたJavaScriptコードをその場で実行したりなんていうことも出来ちゃいます。 ブラウザのサイズに併せてプレゼンテーションが縮小されるあたりもパワポ風になってますね。 jQuery Presentation というプラグインも
無駄なdiv要素やclassだらけのマークアップから卒業する方法
グリッドベースのレイアウトを作成すると、ついついdiv要素を多用してしまいがちですが、意味のあるデータにはそれに適した要素を使用し、無駄なdiv要素やclassだらけのマークアップから卒業する方法をWebdesigner Depotから紹介します。 Fight Div-itis and Class-itis With the 960 Grid System 下記は各ポイントを意訳したものです。 はじめに CSSのフレームワーク：960.gsの場合 classの乱用を避ける リスト要素の使用 画像とキャプションの使用 複数の見出しとパラグラフの使用 子要素のclassは親要素に はじめに 数年前までウェブページの設計はテーブルがスタンダードでした。そしてCSSはそれを大きく変え、今日ではCSSのフレームワークがウェブページの設計を容易にしてくれています。 しかしながら、このCSSのフレームワ
Accessibility tools, web developer tools, wizards and markup generators | Accessify
Quick Form Builder A complete re-write/re-think of the old Accessible Form Builder tool. Give it a try! Open Quick Page Accessibility Test Here's a handly little tool that uses a bookmarklet/favelet to give a quick analysis of any web page, highlighting definite issues, warning about possible issues and also highlighting areas that could benefit from some ARIA enhancements. Open
自分のサイトにTwitterのフォロワーを表示する·Twitter Friends Widget MOONGIFT
Twitter Friends WidgetはJavaScript製のオープンソース・ソフトウェア。MOONGIFTではサイドバーにGoogle Friend Connectのガジェットを載せている。サイトとユーザをつなぐ、オープンなソーシャルサービスを実現するガジェットだ。しかしそんな時に忘れられないのがTwitterの存在だ。 つぶやき＋友人のリスト Twitterではユーザ同士がつながっており、さらにつぶやきがコミュニケーションを生み出している。そう考えるとTwitterのフォロワーをサイドバーに載せても良いかも知れない。それを実現するのがTwitter Friends Widgetだ。Twitter Friends WidgetはHTMLに指定したタグを埋め込むことでTwitterの情報を表示するガジェットだ。 Twitter Friends Widgetが対応するのはフォロワーと
携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 │ これからゆっくり考L +α
「デザインは素敵なんだけど、携帯でこれはちょっとできないなー」とか、「無理ではないけどできれば避けておいた方がいいよなー」っていうデザインがあがってくることが多い今日この頃。 モバイルコーディングをやり慣れている人じゃないとモバイルでできることできないこと、cssを使わないと実現できないこと、table使わないと実現できないこと、などが分かりにくいと思うので当然だとは思うのですが。 ですが、知っているのと知らないのとでは工数がかなり違ってきます。 一旦デザインして、コーダーにそれを見せて「ココとココとココは実現不可能。やり直してください。」で差し戻され、デザインをやり直してってなると、デザインも2度手間、デザインをチェックして無理な項目を洗い出すコーダーにも余計な手間がかかります。 今回洗いだした項目は、なんせ自分がコーダーなので、コーダーがデザインファイルをもらった時にバーッと見てチェッ
Code Snippets | CSS-Tricks
A collection of code snippets for web developers, including code for HTML, CSS, JavaScript, PHP, WordPress, jQuery, HTAccess, and more!
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Makes you HTML souce eautifully indented - Ham Cutlet
HTML5.JP - 次世代HTML標準 HTML5情報サイト
ashikunep.org