HTML5 Presentation – HTML5/CSS3の機能をインタラクティブに一覧できるサイト – creamuHTML5 Presentationは、HTML5/CSS3の機能をインタラクティブに一覧できるサイトです。 左右の矢印でページを移動でき、HTML5/CSS3の機能を触りながら体験することができます。 HTML5 Presentation
HTML5は本当にFlashの代替になり得るのか？～Webテクノロジー進化論
第20回 RIAコンソーシアム・ビジネスセミナー「Flash」はその役割を終えたのか～今後のRIA開発を考える～ http://www.riac.jp/2012/01/bflash-ria.html でつかった資料Read less
ソースコードが恐い会社ホームページが話題に
ある会社のホームページのソースコードが恐いと話題になっています。ソースコードの隠し文字に驚くような文章が書かれていたのです。 話題の会社のホームページはこちら http://leimay.jp/lme/ ウェブページの何もないところを右クリックして「ソースコードの表示」を選択すると……。 ホームページのタグにはブラウザに表示させない文字として使う“隠し文字”というものがあります。“隠し文字”というものはホームページを制作するときに、何がどこまで書かれているかなど後からみても分かりやすくしてタグの整理などで使用されるのが一般的です。 このホームページの“隠し文字”にはホームページに関係することではなく、会社の内情について詳細に書かれていたのです。 内容には、 「ブラック会社であるという説明」 「災害義捐金の使われ方」 「経歴詐称について」 「給与未払い」 など社内の事情がこと細かく書かれてい
[CSS]divなど余計なものを使用しないで、レイアウトをセンターに配置するテクニック | コリス
「<div id="wrapper">」などのラッパーを使用しないで、レイアウトをセンターに配置するスタイルシートを紹介します。 デモページ ※スタイルにCSS3を使用しているため、この版はIE6には対応していません。後ほど紹介するシンプル版はIE6に対応しています。 「<div id="wrapper">」を使用しないでレイアウトをセンターに配置するスタイルシート 元記事ではスタディが段階ごとに紹介されていますが、ここではその最終段階を紹介します。 CSS：シンプル版 <!DOCTYPE html> <style> html{overflow: hidden; height: 100%; background: #c72;} body{overflow: auto; height: 100%; width: 600px; margin: 0 auto; /* center */ padd
javascriptを使わず、html + cssだけでクリックシューティングゲームを作ってみた - 最高のコンピューティング環境とは？
CSSで描かれたぐぬぬ画像などを見てたら、ふとhtml + CSSだけでアクションゲームが作れないかと思ったので作ってみました。 ページ移動すればいくらでも可能ですが、それだとつまらないので、1ページ内で作るという縛りもつけてます。 デモページ http://ndruger.lolipop.jp//hatena/20110429/css_game/css_game.htm Chrome / Safariの最新版で動きます。Firefox / IEだと動きません。 ソースコード https://github.com/ndruger/css-game 技術的な説明 アニメーションはCSS Animationを使うだけなので簡単ですが、問題は状態管理です。 アクションゲームを作るには、基本的に下記の要素が必要です。 1. ユーザー入力に対する状態の変更 2. 状態の保持 3. 状態に応じて見た目
ExtractUniqueBlock - コンテンツ抽出（本文抽出） Perl モジュール
コンテンツ抽出（本文抽出） Perl モジュール ExtractUniqueBlock の配布ページです。追加した方がよい機能、修正した方がよい機能などがありましたら、お気軽にご連絡ください。最終的には CPAN での配布を予定しております。 ダウンロード 最新版（0.01） ExtractUniqueBlock_beta_0.01.zip ExtractUniqueBlock_beta_0.01.zip に含まれるファイルは以下の通りです。 ExtractUniqueBlock.pm コンテンツ抽出（本文抽出） Perl モジュール ExtractUniqueBlock 本体 asahi_rss.pl asahi.com の RSS を取得してコンテンツ抽出（本文抽出）を行うサンプル local_directory.pl ローカルの HTML 群からコンテンツ抽出（本文抽出）を行うサンプ
MediaQuery まとめ - IT戦記
Media Query とは CSS3 から導入される Media Type を大幅に拡張する仕様です。 そもそも Media Type とは Media Type とは CSS 2 系に元々ある仕様で CSS を適用するメディア（パソコンの画面、テレビ、プリンタ用紙など）を指定するときに使います。 以下の例だと、 media 属性の中に記述されている all や screen や print が Media Type です。 <link rel="stylesheet" type="text/css" href="共通の.css" media="all" /> <link rel="stylesheet" type="text/css" href="パソコンの画面の.css" media="screen" /> <link rel="stylesheet" type="text/css"
ProjectDD
最果タヒさんがつむぐ「詩になる直前」の言葉が並んでいるのですが、むしろ展示デザインを担当された佐々木俊さんとの「詩や言葉の、無限大の表現方法を探るインスタレーション展」と言った方がしっくりくる…それくらい言葉の表現方法のバリエーションに触れることができる展示になっています。
無料で商用利用可の有料サイトテンプレートファイルを「ThemeForest」からダウンロードする方法
ユーザーが自分で作成したサイトテンプレートやWordPressなどのCMS用テーマなどを有料で販売したり、逆にユーザーがそれらのファイルを購入したりできるサイトが「ThemeForest」です。現時点では3300個以上の有料テンプレートやCMSテーマがあり、どれもこれもかなりプロフェッショナルですごいクオリティのものばかりですが、そんなプロフェッショナルレベルのサイトテンプレートを無料でゲットする方法があるので、試してみました。 ほかにもPHPのメールフォームやロイヤリティフリーBGM・テクスチャファイル・AfterEffectsのプロジェクトファイル・3DCGモデル・Flashファイル・Photoshopを使うチュートリアルファイルなど、有料のファイルを無料でダウンロードしてゲットできます。今回実際に試してみたところ、全部で総額5000円以上のファイルをゼロ円で入手できました。 手順は以
知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみた - EC studio デザインブログ
最近になって急に盛り上がってきているZen-Codingをみなさんご存知ですか？ Zen-CodingはHTML/CSSをショートカット＋スニペットで簡略化してコードを書くことができるライブラリです。 独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するものです。 Zen-Codingというのもがどういうもので、どんなすごいものなんだ、というのはこちらの動画を見てください。 ※音が出ますのでご注意ください。 Zen Coding v0.5 from Sergey Chikuyonok on Vimeo 一体何がおこわれているのか？という感じだと思われますが、今回の記事ではこのZen-Codingの導入方法と使い方の一例を紹介します。 Zen-Codingに対応しているエディタは色々あるのですが、今回は弊社の開発環境しているAptana Studio
カッコいい管理画面のHTMLテンプレート総まとめ:phpspot開発日誌
カッコいい管理画面のHTMLテンプレート総まとめ。 これまで紹介したエントリや、新しく発見したエントリで紹介されているものを全てマージしてみました。 有償のものも混じってますが、カッコいい管理画面を作りたいといった際にカタログ的に使ってみてもいいかも。 独断ですが、クオリティ順に並べ替えてます。 Simpla Admin Boxie Admin Complete Liquid Admin InAdmin Admin (FREE) Adminizio Lite – Admin Template Admin Templates - Professional XHTML Back-end Template Spring Time – Simple Admin Template Internet Dreams Admin Skin Visual Admin ThePixelDeveloper Ad
jsdo.it
Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a
Web標準仕様 日本語訳一覧
CSS メディアクエリー 画面サイズなど、媒体の持つ特徴を利用し、スタイルシートを適用するための仕組みを提供します。 原文: “Media Queries” (W3C Recommendation 19 June 2012) セレクタ Level 3 :nth-child()や:not()など、新しいセレクタを定義するモジュールです。 原文: “Selectors Level 3” (W3C Recommendation 29 September 2011) CSS 名前空間モジュール CSSで名前空間を扱う@namespace規則を定義しています。 原文: “CSS Namespaces Module” (W3C Recommendation 29 September 2011) CSS カラーモジュール Level 3 opacityやrgba()など、色に関する値やプロパティを定義す
SGML reference information for HTML (ja)
次のページからは、HTML 4の正式なSGML定義が含まれる。それぞれ、 SGML宣言、文書型定義 (DTD)、及び文字実体参照並びにサンプルSGMLカタログである。 各々、次の通り、ASCIIテキストファイルでも得られる。 デフォルトDTD: strict.dtd 移行型DTD: loose.dtd フレーム設定型DTD: frameset.dtd SGML宣言: HTML4.decl 実体定義ファイル: HTMLspecial.ent HTMLsymbol.ent HTMLlat1.ent サンプルカタログ: HTML4.cat 19.1 文書の検証 著者の多くは、自分が作った文書を限られた数のブラウザでチェックし、ブラウザがレンダリングできていれば妥当な文書であると判断している。 しかしながらこれは、文書の妥当性を検証するには、ほとんど効果がない手法である。なぜならブラウザは不正文書
マニアックな文法論議 - SGML の短縮タグ機構
SGML には短縮タグ機構と呼ばれる仕組みがあって、タグを書くときにいろいろな省略をすることが許されています。ただし、それには「SGML宣言」の FEATURES - MINIMIZE の項目で SHORTTAG YES と指定されていることが条件となります。HTML でも SHORTTAG YES となっていますから、短縮タグ機構を利用することができます（ただし HTML+ は SHOTTAG NO です）。 短縮タグ機構には、タグの略記と属性の略記があります。属性の略記から解説しましょう。 属性の略記 SHORTTAG YES となっているときには属性の略記が出来ます。引用符の省略、属性名の省略があります。 引用符の省略 属性値の引用符は省略することが出来ます。ただし、それは属性値が「名前字句（name token）」である場合だけです。 名前字句とは名前文字だけで構成された値のことで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5 Please - Use the new and shiny responsibly
ishiro » Dreamhost上にSymfonyのインストール
サイトを作った時に絶対にやるべき10の事 | 無料SEO対策のススメ
HTML4から変化したHTML5のマークアップ ここが違う！サンプルで見るHTML5（2）
HTML5.JP - 次世代HTML標準 HTML5情報サイト