HTML5+CSS3でデスクトップ、スマフォ、タブレットなど多様なデバイスに対応できるウェブサイトを制作するための今、そしてこれから必要とされる実践的なテクニックが丁寧にわかりやすく解説されたコーダー必携の良本を紹介します。
Posted: 2010.12.27 / Category: javascript / Tag: jQuery 以前に「jQueryで作るスライドするローテーションバナー」というのを作成したのですが、結構シンプルな作りでちょっと今の時代のあれじゃないよね。ということでボタンをクリックすると次の画像に進んだり戻ったり、ページネーション的なボタンを追加することで、ちょっとだけ実用的なものにしたいと思います。 html+cssを制作する まずはhtmlとcssですね。 「id=banner」divにはメインとなるローテーションさせる画像をリストで配置。 その下の「id=btn-prev」「id=btn-next」は次へ進むボタンと戻るボタンです。 「id=pagenation」にはページネーションボタンが配置されています。 divがちょっと余分じゃね? って感じがしますが、横並びでセンター揃えに
HTML+CSS+JavaScriptでつくるサイトの定番演出「高級ペライチ」! HTMLファイ部の「HTML5の鬼」ことほんだです。 カヤック社内では「高級ペライチ」という愛称で呼んでいる縦や横に長い1ページサイト。 スクロールに合わせたパララックスやアニメーションの演出が印象的ですよね。 今回は「高級ペライチ」とググると1位に表示される、 僕のはてブ「高級ペライチ」タグから厳選32サイトを紹介します! まずは王道!縦に長い高級ペライチ
書籍:クラウドWebサービス入門 - gaedirectによるHTML5連携とマッシュアップ 書籍:HTML5 開発 ポケットリファレンス 書籍:AndroidのためのHTML5本格アプリ開発 書籍:新標準HTML5&CSS3辞典 書籍:Webディレクション標準スキル152 - スマートフォン対応やHTML5/CSS3 書籍:ウェブレイアウトの教科書 - CSS3を使ったこれからのウェブレイアウト 書籍:HTML5マークアップ入門 書籍:教育機関向け教材 HTML+CSSクイックマスター HTML5対応 電子書籍:オライリー HTML5ジオロケーション 日本語版 書籍:CSS3デザインブック 仕事で絶対に使うプロのテクニック 雑誌:日経ソフトウエア 2012年4月号 - インストールなしですぐ始められるHTML5+JavaScript 書籍:サイトデザインに差をつける Webフォントコレク
4月から入社した2011年度新卒社員です。 ハロこんにゃんセヨ がぜんウェブウェブしているほんだです。 今年4月より、意匠部のME課(めか)でマークアップエンジニアとして働いているほんだです。 入社したての新卒社員ですが、PCサイトのHTML+CSSのマークアップや、MovableType(ブログ構築ツール)での組み込みなど、色々な仕事をさせてもらってマークアップリア充です。 そんな中でも最近多い業務はjQueryを使ったビジュアル面でのちょっとしたJavaScript(以下 JS)プログラミングです。 jQueryってとっても便利ですなぁ。HTML+CSSの知識を持っている人なら、簡単に「使える」エフェクトをつくれます。 この記事では僕が入社して2ヶ月間に学んだ、簡単で「使える」jQueryテクニックを紹介します。 jQueryってなんぞってとこと、使う前の準備をざっくり解説 jQuer
HTMLタグをいちいち手で入力していると、時間もかかりますし、入力間違いやスペルミスなど、間違いの原因にもなります。それはCSSでも同じです。 DreamweaverなどのWebオーサリングツールには、標準でタグや属性の補完機能や「スニペット」といわれる入力支援機能があります。スニペットは、登録されているよく使うコードを呼び出して、コピー&ペーストの要領で入力します。 Zen Codingでは、このスニペットのようによく使うコードを呼び出して入力するものですが、「省略形」(abbreviation)といわれるコードの略語のようなものを入力するだけで、さらにかんたんにコードを入力することができます。 Zen Codingを使えばコーディングはこう変わる!HTMLコーディングでは、「<h1>見出しタイトル</h1>」のようにテキストを開始タグと終了タグで囲み、見出しを指定します。 Zen Co
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く