パララックスエフェクトの基本
jQueryをメインにHTML5やCSS3を使ったリッチな表現のためのテクニックを紹介。まずはパララックスエフェクトの基本から。 Webサイトの55％で利用されているjQuery はじめまして。クラスメソッドのフロントエンドエンジニア、山田です。「jQuery×HTML5×CSS3を真面目に勉強」という連載をスタートします。 2005年2月にGoogle mapsが登場して以来、Web開発者の間でJavaScriptの株は上昇の一途をたどっています。その勢いはとどまることを知らず、リッチなWebコンテンツを作るには、Flashをはじめとしたプラグインに頼るという、それまでの常識をすっかり覆してしまいました。 さらに、HTML5やCSS3も登場し、各ベンダのブラウザがWeb標準の仕様に合わせて実装の足並みを揃え始めるなど、プラグインに頼らずともリッチなUIのWebコンテンツを少ない手間で作れ
Windows 8に［スタート］メニューを追加する（ツールバーのショートカット編）
Windows 8では、［スタート］メニューがなくなり、［スタート］画面へと変わったことで多くの人が戸惑いを感じている。そこで、簡易なスタートメニューを表示する設定を紹介する。 解説 Windows 8では、［スタート］メニューがなくなり、［スタート］画面へと変わったことで多くの人が戸惑いを感じているようだ（Windows 8のスタート画面については、「Windows 8レボリューション 第2回 Windows 8の新しいスタート画面」を参照のこと）。既存の多くのアプリケーションは、デスクトップ画面上で動作するため、新しいアプリケーションを起動するためには、一度［スタート］画面に移動しなければならず、少々操作が面倒となる。そこで、Windows 8に［スタート］ボタンを望む人が多いようで、実際、Windows 8に［スタート］ボタン／［スタート］メニューを追加するツール「Classic S
「LESS＆専用エディター」でCSSをシンプルに書こう
「LESS」はCSS初心者に向けた、シンプルなライブラリだ。「LESS」で、変数などのプログラミングの基礎的な考え方もCSSで学ぼう 連載の3回目の今回は、ライブラリ初心者へ向けて、やさしい内容で書いています。そのため、内容は簡単でシンプルです。ぜひ、一度試してほしい！ 変数などのプログラミングの基礎的な考え方もCSSで学べるので、やってみてくださいね（一部サンプルコードはLESS公式サイトのコードを参考に使用しています）。 LESSとは LESSの特徴 LESSを使う準備 LESSを使ってみよう 「CSS」ファイルに変換するアプリ LESSを使ってみて…… 1．LESSとは LESSは英語で「少なく」といった意味です。CSSをシンプル（少なく）に効率よく書くためのもので、CSS拡張メタ言語の１つです。 では、CSS拡張メタ言語では何ができるのでしょうか？ 変数 ミックスイン 入れ子ルール
WordPressを使ったFacebookページ作成と更新：基礎編
WordPressを使ったFacebookページ作成と更新：基礎編：WordPressでFacebookページを作ろう（1）（1/6 ページ） BtoCをメイン事業とする中小企業にとってFacebookは有効活用したいソーシャル系サービスの1つです。 どうにか活用したいけれども、どうやって作るのか、どうやって運用すればいいのかなど分からないことだらけだと思います。 この記事では、Web担当者とWeb制作者を対象に多くのWebサイトで利用されているWordPressを使ったFacebookページ用コンテンツの作成について紹介します。 Facebookページとは Facebookページ（旧「Facebookファンページ」）とは、企業やブランド、サービス、または有名人やアーティストなどが顧客やファンなどの個人と交流を図ることのできるFacebook上のページを指します。 Facebookページの
Dreamweaver＋PhoneGapでjQuery Mobileアプリのネイティブ化
Dreamweaver＋PhoneGapでjQuery Mobileアプリのネイティブ化：PhoneGapで始めるWeb→スマホアプリ制作入門（2）（1/3 ページ） 連載第1回の「PhoneGapでAndroidアプリを作るための基礎知識」では、PhoneGapの開発環境のセットアップから、「Hello World!」アプリの制作までを紹介しました。前回紹介したときのPhoneGapのバージョンは、0.96でしたが、その後7月29日に、正式版としてPhoneGap 1.0がリリースされました。 詳細は、記事「HTML5のモバイルアプリを“ネイティブアプリ化”する「PhoneGap」が正式版に。オンラインでの変換サービスも発表 ? Publickey」をご参照ください。 今回は、Dreamweaver＋PhoneGap＋jQuery Mobileを使って、スマートフォンで動く簡単なネイティ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
