HTML5サンプル集 - 株式会社あゆた
このページでは、HTML5のAPIを利用した簡単なサンプルを公開しています。 このサンプルの多くは、弊社技術顧問の白石氏がマイコミジャーナルに寄稿した記事で使用したプログラムを元に、多少の改変を加えたものです。 どれも非常にシンプルなものではありますが、HTML5の各機能を試すためのとっかかりとしてご利用頂けると思います。 白石氏が寄稿した記事はこちらになります。これらの記事と合わせてサンプルをご利用になって頂く事で、各機能の理解がより深まることでしょう。 詳解! HTML 5と関連APIの最新動向 - 新タグ&API編 詳解! HTML 5と関連APIの最新動向 - Webアプリ開発編 アプリケーションキャッシュのサンプル (ダウンロード) (Safari4、Google Chrome3で動作確認済み。Firefoxだと、アプリケーションキャッシュのイベントが正しく発生せず、動作しないと
はじめての mixi アプリ - IT戦記
IE ではたぶん動きません。 友達一覧取得 <?xml version="1.0" encoding="UTF-8" ?> <Module> <ModulePrefs title="simple mixi Appli"> <Require feature="opensocial-0.8"/> </ModulePrefs> <Content type="html"> <
JavaScript例文辞典
■基本 ［０１］JavaScriptを定義する ［０２］外部JavaScriptファイルを読み込む ［０３］スタイルシートを定義する ［０４］NN3、NN4、NN6、IE4.x、IE5.xで動作するように記述する ［０５］NN4でのみ動作するように記述する ［０６］NN6でのみ動作するように記述する ［０７］IE4.x以上で動作するように記述する ［０８］IE5.x以上で動作するように記述する ［０９］IE5.5以上で動作するように記述する ［１０］ビヘイビアファイルを読み込む ［１１］IEとNN両方で動くように記述する ［１２］連続して関数を呼び出す ［１３］MacOS Xかどうか判別する ［１４］Safariのみ動作するように記述する ［１５］Safariのバージョンを返す ［１６］Operaのみ動作するように記述する ■構文 ［０１］変数に文字や数値を入れる ［０２］四則演算を行う
Ajax : 勉強用サンプル&解説
■Ajax : 勉強用サンプル&解説 Ajax (Asynchronous JavaScript+XML) がどのようなものか勉強用としてページやサンプルを作成しましたので参考にしてみてください。 最終更新日：2017/12/16 AM 9:27 Ajaxを勉強しよう jQuery入門 【短期集中連載】この冬作ろう！jQueryプラグイン講座 上のjQueryプラグイン講座の続き 【第13回を追加】 Yahoo UI Library入門 WebDesigning掲載サンプル マイコミジャーナル記事 (Ajax関連) Ajax エフェクト Ajax関連書籍一覧 Ajax ライブラリ一覧 Webサービス APIサイト一覧 Ajax ライブラリリファレンス Prototype系ライブラリ サンプルプログラム 逆引きAdobe Spryリファレンス Google Maps API リファレンス G
マッシュアップに必須！PHPで複数APIを同時に叩いて超高速化するサンプル:phpspot開発日誌
phpied.com Blog Archive Simultaneuos HTTP requests in PHP with cURL The basic idea of a Web 2.0-style "mashup" is that you consume data from several services, often from different providers and combine them in interesting ways. マッシュアップに必須！PHPで複数APIを同時に叩いて超高速化するサンプル。 通常、PHPでAPIにアクセスする場合、例えば、Yahoo!検索APIとはてなブックマークのRSSを取得してマッシュアップする場合は次の図のようになります。 ただ、この方式だと、Yahoo!検索APIにリクエストし、その結果を待ちます。 そして、そこからはてなブック
視覚的、はてなダイアリー文書構造サンプルHTML
[section] ■ [sectioncategory] 手入れしました15:37[h3要素] 長らく放置しておりましたが、色々変更点／足りない点があったりしたので、修正いたしました。アンカーは全て、CSS Tips for はてなダイアリーの該当箇所へのリンクとなっておりますので、「ここはどうなってるかよく解らない」と思っている部分のアンカーをクリックすると良い感じになると思いますが、解説は大して良い感じでもないので、その点はすみません*1。 また、一目で見た時の構造を第一に考えているので、配色とかセンスとか突っ込まれても泣き寝入りするばかりです。放って置いてください。ぷん。このカタチならアンチポップのスタイルをパクるべきだったなともチョト思いました。 [section] ■ [sectioncategory] もういっちょ16:00[h3要素] はてなダイアリーではエチィな背景画像を
デバッグ用CSS「Diagnostic Styling」とそのサンプルコード - Trans
CSSを使って開発中のHTMLのデバッグを行ってしまうという考え方の紹介とそのサンプルコードをメモしておきます。 デバッグ用CSSとは何か。 まず、サンプルのコードを示してみます。 img[alt=""] {border: 3px dotted red;} img[title=""] {outline: 3px dotted fuchsia;} img要素に続くのは属性セレクタ（属性セレクタについてはCSS セレクタに関するおさらい | WWW WATCHが詳しいので、そちらを参考に）。alt=""とtitle=""の属性と値を持つimg要素にマッチし、それぞれのスタイルを与えます。こうしておくと、HTML内に空白のalt属性やtitle属性があれば、指定されたスタイルが適用されるになり、空白であることが分かるわけです。 もう1つサンプルとして、こんなのはどうでしょうか。 a[href="
クリーンな水平分割が出来そうな2カラムサンプル
2カラムなサンプルです。 海外で流行気味？ということで、「クリーンな水平分割」が出来そうなサンプルです。 どんなもんか見たい方・欲しい方は以下よりどうぞ。 サンプル 一式ダウンロード この辺で知りました↓ POLAR BEAR BLOG: 「クリーンな水平分割」がウェブデザインの最新流行？ 言われてみれば確かに多いような気がしないでもないですね。こういうのは。 MT4の管理画面もそんな感じだし。 とはいえ、日本の企業サイトではあんまり見た記憶がないような、チェックが甘いだけなような。 一応サンプルの説明でも。 ベースとしてはそれなりに使いやすいかと思います。 新規でサイトを作るのに使えそうなの一式。をベースにして、各コンテナの子要素にdiv.areaを追加している感じです。 .areaの指定がこんな感じになってて、 #page .area { width: 860px; margin: 0
正規表現サンプル集
今日の正規表現Tips (2008/10/05) \d 0〜9の数字を表す正規表現です。 \D 数字以外を表す正規表現です。 正規表現では小文字が大文字になると反対の意味を持ちます。 ツール 正規表現チェッカー 正規表現Tips集 Tips その１ Tips その２ テキスト編集で役立つ『正規表現のサンプル集』を詳しい説明つきで紹介。 正規表現を使ってテキスト検索＆置換して仕事の効率アップを図ろう。 ≪ メニュー ≫ １．正規表現とはなにか？ ２．正規表現を使う準備 ３．正規表現サンプル集【検索編】 ４．正規表現サンプル集【置換編】 ５．正規表現のお勉強と本の紹介 ６．エディタの強調表示でテキストに色づけ ７．プログラムで正規表現を使う ８．正規表現サンプルリクエスト
Tag Cloudのスタイル - 3ping.org
タグクラウドの必要性についての是非はここでは置いておいて、このアイテムのデザインって色々考えさせられますね。 Vicuna CMSでも真面目に対応しようと重いケツを上げましたので、とりあえずサンプルとなるCSSスタイルを色々と書いてみました。 表示例とCSSファイルを置いておきましたので、気に入った表示があったらどうぞ使って下さい。 2007.10/21 追記・編集 Tag Cloud 10,11,12で.level5のフォントサイズが.level4と同じになってたのを修正 応用編としてTag Cloud 13を追加 単純に該当する記事が多いタグが他より目立てばいいだけなので、大抵のスタイルは大小の区別で表示しているけど、それだけじゃちょっと味気ない気もするので サイズ 色 明暗 彩度 色彩 形 というところでタグの強弱をより強調してみました。 HTMLは以下のような要素とクラス名で作って
CSS レイアウト切り替えスイッチ | WWW WATCH
Web サイトのレイアウトに関しては、横幅を固定した固定レイアウト、ブラウザのウィンドウサイズと連動するリキッドレイアウト、文字サイズと連動するエラスティックレ... Web サイトのレイアウトに関しては、横幅を固定した固定レイアウト、ブラウザのウィンドウサイズと連動するリキッドレイアウト、文字サイズと連動するエラスティックレイアウトの 3種類がよく使われますが、どのレイアウトが一番文章が読みやすかったり、利便性が高いのかって考えたときに、当然好みは人それぞれ。 じゃあ、その人の好みで、3つのレイアウトを切り替えられるようにしたらいいじゃんということで、そんな CSS 切り替えスイッチを作ってみました。 サンプルはこちらで確認できます 全ファイルのダウンロードはこちら （zip ファイル / 10KB） デフォルトでは横幅固定のレイアウトになっています。スイッチを押すたびにレイアウトが選択
FC2ブログで管理人のコメントを区別して表示するカスタマイズ
FC2ブログのコメント欄で、管理人のコメントを他のコメントと区別して表示するカスタマイズ。 コメントのトリップを表すFC2ブログ独自変数<%comment_trip>をclass属性に用い、 そのclass属性を持つ要素のスタイルをCSSで指定します。 たとえば、あるテンプレートのコメント部分は以下のようになっていますが、class属性の値に<%comment_trip>を追加します。 <!--comment--> <dl id="comment<%comment_no>" class="comment T-<%comment_trip>"> <dt><strong><%comment_name></strong>:<%comment_title></dt> <dd> <p> <%comment_body> </p> <ul class="info"> <li><%comment_year
Web Designing: サンプルCSS
Web Designing 2009年4月号「特集1: Webグラフィックの基礎と応用」サイト集 P074 Butterflies -n- Trails Brushes Clouds brushes P075 Grunge Brushes for PS Photoshop Skyline Brushes Abstract Brushes XIII P080 Aviary Image Editor Photoshop Express Picnik CSS Drive: Image to Colors Palette Generator RoundPic P081 TiltShift maker flipping typical FavIcon from Pics Wet Floor Maker Brusheezy deviantART Brusking
2カラムサンプル13種
2カラムのサンプルを色々作ってみました。 事の発端は、Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download!を見ててですが、こういうレイアウトサンプルサイトは色々あって、P O P * P O Pさんでも紹介されていますね。 IE7もサポートしているCSSレイアウトがダウンロードし放題の『CSS Layouts』 | P O P * P O P http://www.popxpop.com/archives/2007/04/ie7csscss_layouts.html で、まぁ日本語のサイトがあんまり無いっていうのと、どーにもこーにも使い勝手が悪い気がしてならないので、自分が使いやすいだろう2カラムのサンプルを作ったという訳です。 細かく作っていけば限りなく出来
【ハウツー】SilverlightでRubyが動く!? Microsoft DLRの威力とは (1) Silverlight 1.1に搭載される機能 | エンタープライズ | マイコミジャーナル
Silverlight 1.1に搭載されるDLR 米Microsoftは4月30日、ブラウザのプラグインとして動作するリッチインターネットアプリケーション実行環境「Silverlight」のバージョン1.0 ベータ版とバージョン1.1 アルファ版をリリースした。このことはすでに本誌のハウツー記事「Microsoftが満を持して送り出す"Flashの対抗技術" - Silverlightを体感する」でもお伝えしたとおりだ。 これら2つのバージョンの差異は非常に大きい。なぜなら、1.0ではXAML+JavaScriptの組み合わせしかサポートされていないが、1.1では.NET CLRが動作するのだ。これにより、SilverlightアプリケーションをC#やVB.NETを用いて開発することができる。 それだけではない。Microsoftは、CLR上で動的なスクリプト言語を動作させる環境として「D
base.cssメモ（初期化と基本設定） - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 CSSの初めでUA固有の表示設定を解除するリセットCSSと、フォントサイズ指定、そしてタグ自体の基本的な振る舞いを規定する指定、この３つを合わせたもの。 この部分はいつでもどんなサイトでも大抵は使いまわせるので、自分なりのものを用意している人も多いと思います。ちなみにSig.は「base.css」という名前で用意してますが、「default.css」とか「master.css」とかって命名も良く見かけますね。それはともかく。 このところデフォルト設定に関するレポを良く見かけるので、いちど当サイトでも纏めておこうかと思った次第です。（ま～「良い感じの方法を見つけたんだけ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ソシオメディア | UIデザインパターン
Perl逆引き辞典 - サンプルコードによる Perl 入門
リゾレーヌ サプリを口コミだけで判断してはダメ？バストアップ効果が口コミ通りなのか試してわかったことを包み隠さず公開します！
はてなブログ | 無料ブログを作成しよう
