[B! html] MackJackのブックマーク

jQueryでスクロールすると表示する系いろいろ

Posted: 2012.03.08 / Category: javascript / Tag: jQuery, アニメーション最近はスクロールするときにいろいろ仕掛けをするのが流行なようです。ここではシンプルにある要素の位置とか最下部までスクロールしたら何か表示するということをやってみます。ちょっとスクロールするとフェードして「トップへ戻るボタン」を表示を表示します。ボタンは下の方にこんな感じで配置します。 html <p id="page-top"><a href="#wrap">PAGE TOP</a></p> fixedにすると固定配置されます。 css #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #666; text-

MackJack 2012/06/30

最近よく見る処理だな。

リンク

情弱なはてブ民にも判りやすく HTML5 vs Flash のこと教えてやる

(ここで言うHTML5はcss3とJavascriptも含めた技術全体の事、逆にFlashはAir等の派生技術は含めないブラウザ上のFlashPlayerの技術のみを指します。）ウェブに携わる人間には常識だけど、HTML5は何でも出来るスーパーヒーローではない。どちらかというと、中日の高木とか、ヤクルトの宮本とか、巨人の川相とかの方が近い。知らないやつはググれgoogle:いぶし銀。 HTML5の真骨頂は、昨今のリッチなインターネットコンテンツを、非常に簡潔にスマートに記述できるところにある。複雑な事をすれば凝った事もある程度できるけど、得意分野じゃない（標準APIが機能不足だし、JavaScriptの言語仕様が複雑な処理に向いていない）。ブラウザだけでここまで出来る、とか、 Flashはもういらない、とか、ってのは、川相だって筋肉付ければホームラン打てるようになるし清原はもういら

MackJack 2011/08/24

リンク

自動でリンク切れチェックし、Webサイトの品質を保つ便利ツール8選 | 人手に頼らないWebサイトの戦略的品質管理指南

Webサイトの品質維持には、リンク切れや不要なファイルを少なくすることが重要です。今回は、Webサイト品質の問題点発見とその解決へのスピードを格段に上げる自動チェックツールを8つ紹介します。日本アイ・ビー・エムが提供するIBM Rational Policy TesterやW3Cリンクチェッカー、W3Cマークアップ検証サービス、リンク切れカッター、Web Developerなどのフリーツールも紹介数百ページ～数万ページというWebサイトでは、人的な検査だけですべての問題点をチェックするのは実質的に不可能に近い。また、ページ数が少なくても、チェック漏れがあっては意味がない。自動チェックツールを利用することで、問題点発見とその解決へのスピードは格段に上がる。現代のWebサイトでは、理想的な品質管理を実現するには、何らかのツールの利用は必須だともいえる。最も効率良く診断できる専門ツール手前

MackJack 2010/04/19

リンク

知らない人は損してる？コーディングが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

MackJack 2010/02/24

リンク

HTML 入門講座

HTML スピード・ラーニング Revised: 04th/Jan./2005; Since: 29th/May/2002 前書き HTMLは、ウェブサイトのページを記述するための決まりです。本稿では、HTML 文書の作成／編集方法を説明します。今御覧になっている本文書も HTML 文書です。 HTML の仕様は W3C という組織が策定しています。いくつかの種類がありますが、本稿では XHTML 1.0 Strict を紹介します。旧版では HTML 4 を紹介していましたので、併せて御利用ください。 HTML は文書の内容（意味／構造）を記述するために使うものです。色や大きさなどの見栄えは CSS と呼ばれるもので指定します。CSS については、「CSS スピードラーニング」を参照ください。目次 HTML 作成準備 HTML ファイル作成関連のツール HTML ファイルの作成 HTM