6月7日、 8日、 六本木のGoogle Japanにて、Test The Web Forward Tokyo 2013が開催されました。本イベントは、 Web標準のエキスパートの指導を受けながら、 W3Cの仕様のテストを書くハッカソンを軸に構成されています。 本稿では、 このイベントの模様をレポートします。

僕は普段趣味としてプログラミングをぼちぼち勉強しています。 その中で学んだことや感じた事などを素人なりにまとめて、備忘録的な感じも含めてnoteに投稿させていただいてます。 この僕が書いた記事が誰かの役に立ってくれれば嬉しいなと思ってい ...

ログインして、InfoQのすべての体験をアンロックしましょう！お気に入りの著者やトピックの最新情報を入手し、コンテンツと交流し、限定リソースをダウンロードできます。 クラウドコンピューティングの登場以降、ソフトウェア業界は大きな変革の中に ...

Webサイトを楽しく見せることができるフレームアニメーション。SVG画像とCSS、JavaScriptで滑らかな動きを実現する方法、注意点を解説します。 デザイナーから、「今回のプロジェクトではフレームアニメーションを使いたいんだ。きれいに動くように実装し ...

最終回ほとんどのCSSを変えずにxhtmlとHTML5で同じレイアウトを作成してみよう 前回までの記事で簡単なレイアウトを作成して、xhtmlとHTML5でマークアップしたものからHTML5の新要素の説明を行い、アウトラインを確認してみました。最終回となる今回はxhtmlと ...

WordPressで子テーマを使用する場合、子テーマのfunctions.phpで親テーマのCSSやJSを読み込み、その後に子テーマのCSSとJSを読み込むことで上書きします。 子テーマのfunctions.php 通常であれば上記のようにfunctions.phpに記述すれば問題ないですが、テーマで複数のCSS ...

動画、特に映画コンテンツを快適に再生することにフォーカスされたHTML5プレーヤーを実装するスクリプトを紹介します。 実装は非常に簡単でカスタマイズも豊富、字幕は多言語をサポート、動画の再生速度は0.1x-8xまで変更可能、デザインはCSSベースで簡単 ...

第12回からは「解説編」として、日報アプリに実装した要素を詳しく解説しています。 「実践編」では、Webアプリケーションの構成に従い、以下の順で進めました。 画面の構造を定義する（HTML） 画面のレイアウトを定義する（CSS） 画面の操作や、処理を ...

HTML5のウェブフォームの機能「プレースホルダーテキスト」をHTML5に対応していないブラウザにも実装する旧式の方法、ModernizrとjQueryを使った今時の方法、の二つを紹介します。 プレースホルダーテキストをクロスブラウザ対応にするために、「Modernizrと ...