Captcha security check matomematome.com is for sale Please prove you're not a robot View Price Processing
CSS3のtranceformを利用してJSとCSSのみでGoogle Mapをぐるぐる回すサンプルを作ってみました。PCでは、Firefox 3.1以上、Safari 3.1以上、Google chromeで動作します。 また、HTML5のgeoloiocationに対応していてiPhone3GSでアクセスすると公式のGoogleMapsアプリと同じように方位にあわせて地図が回転する、はずです。実機持ってないのでテストできてませんが。 地図の回転の仕組み 地図の回転そのものは単純で、geolocationのheadingプロパティおよび矢印の回転を検出してjavascriptでプロパティを設定しているだけです。 地図のドラッグは本来ならば回転した分だけ斜めになるところを、単純な回転座標系の座標変換をGoogle mapのmoveイベントで行って普通にマウスの移動に追随するようにしています
引用元:web制作板 545 名前:Name_Not_Found[sage]投稿日:03/10/20 20:13 ID:??? 初心者向け ■はじめてのWEBドキュメント作り http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ ■初めてのホームページ講座 http://www.hajimeteno.ne.jp/index.html ■30分間HTML入門 http://kanzaki.com/docs/html/lesson1.html ■ISMT HOME 〜 メモ帳で作る超初心者のHP作成講座 〜 http://ismt.cside.com/ ■趣味のWebデザイン http://deztec.jp/design/index.html HTML/WWW解説 ■好ましいHTML文書を書くための方法と考え方 http://www.asahi-net.
ちょっと CSS で変数が使えたらなぁ、などと思うことが多々あります。そんなとき、適当なテンプレートエンジン使って CSS 記述しちゃえば!とか思うのですが、わざわざそんなことするまでもないし、と思いとどまってそれ以上何かすることはありませんでした。 CSS に限って云えば、Lucky bag::blog: CSS の値に変数を使用する の方法でサーバサイドで生成したり、その他アプローチで動的、静的に生成など、様々な手法があると云えます。 ちょっと話は変わって ERb。皆さんご存じの方も多いと思われる、ruby 1.8 標準添付のテンプレートエンジンです。ERb を使ってテンプレートファイルをコンパイルしたい場合、 ruby 1.8 以降さえあれば $ ruby -r erb -e "puts ERB.new(ARGF.read).result" file.template > fileの
CSS Type Set is a hands-on typography tool allowing designers and developers to interactively test and learn how to style their web content.
CSS Type Set is a hands-on typography tool allowing designers and developers to interactively test and learn how to style their web content.
ボクたちみたいな、ウェブサイトを閲覧するのが当たり前の人間からすると、全く気づかない事に気づかされたりしたので、自分用メモ。 2008年2月14日の22:47頃に追記 ボクのただのメモ書きをもうちょっとちゃんと以下のエントリーで書いてもらってるので、あわせてご覧になって頂くと、良いかと思います。 Webアクセシビリティについての覚書 - ねんがんのWebユーザビリティテストに参加した ロゴクリック=トップページに戻るという認識は殆ど無い。 トップページに戻る場合は、ブラウザの「戻る」ボタン。 サイドバーのバナーは、認知すらされない傾向が強い。 そもそもバナーとして押せるものではなく、デザイン上の飾りとして見られる場合も。 リストのマークとかのマーク部分をクリックしよーとする人が居る。 それにより、クリックできないと諦めるケースも。 プルダウン(ドロップダウン)型メニューは、近くのボタンを押
テキストエディタでWebサイト構築をガンバル人へ:どこまでできる? 無料ツールでWebサイト作成(6)(1/3 ページ) 「あえて」テキストエディタでWebサイト構築 今回はテキストエディタと組み合わせることで、開発をより便利にできるツールについて考えてみよう。 現在「あえて」テキストエディタでの開発を行われている方には、現在使っているエディタを選択するまでの“経緯”や“こだわり”があると思う。筆者もこれまでにさまざまなテキストエディタを試し、「この程度のもので十分だ」と感じるテキストエディタを現在使っている。 テキストエディタ+α そこで今回は、テキストエディタ自体とそのプラグイン/拡張機能に関する紹介は行わないこととし、「どのようなテキストエディタを使っている場合でも、組み合わせて使うことでより簡単にWebサイト構築ができるツール」という観点で紹介したいと思う。もちろん、Webオーサリ
僕は、はてなブックマークというソーシャルブックマークサービスを、単なる自分向けのブックマークメモとしてだけではなく、プチニュースサイト的な、このサイトのコンテンツのひとつとして捉えています。 となると、それなりにオリジナルなデザインにしたいかな。でもあんまり大掛かりなのとかオシャレなのとか作れないお…。と悩んでいたら、ピコーンとひらめきました。 「本当はかっこいいデザインにしたいお…」 「でもあんま凝ったのは難しいお…」 「だからやる夫にするお!」 というわけで、やる夫スキンができました。 はてなブックマーク – 朱雀式ブックマーク これにすれば、どんなに適当なタグや失礼なコメントをつけても、「~とやる夫が言っているようです」でごまかすことができるという、魔法のライフハック! (ただし、自分のアカウント以外のところでは関係ないので注意が必要です。素人にはオススメしません) 自分も使いたい、
FlashやFlex,(Ajax),S2Flex2,ActionScript3,yui-frameworks,Akabanaプロジェクトなどのメモ帳 Adobe ConstingのblogでMacOS X風の見た目に近くなるCSSが公開されていました。 以前themeとして紹介されていたのは、Flex1.5用のものですが、今回のはFlex2.0用になっておりFlash Player 9対応とのことです。 斜め読みしたところ、イメージ画像やskinを使わず、cssのみで行っているとの事。 cssやサンプルのmxmlを含んだのソースもダウンロードできるようになっています。 画像を作らずにcssだけでここまでできるのであれば、Flex 2 Style Explorerを駆使すれば、それなりに作れてしまうのかもしれません。 デザインをする上で大事なものは別にあることは重々承知していますが... B
noupeにエントリーされている、AJAXを使った素晴らしいCSSのフォームの47のサンプルの紹介です。
2007年12月6日追記 IE6で選択中のタブの上が切れていたのを修正しました。 具体的にはcss/style.cssの35行目にfloat: left;を追加しております。 いろんなサイトで見かける「よくある質問」。 一番多いパターンは、リストで質問があって、アンカーで回答に飛ばす方法だと思うです。 特別ソレがいけてないとかは思わないんですが、飛んだ後に「戻るボタン」で戻らない人とかは、毎回ページトップ押したり、スクロールして戻ったりと案外手間だったりするわけです。 それならそういった手間が掛かるかも知れないことを少しでも省けないかしら?って事で、jQueryを使ってタブ型で折りたたまれたよくある質問っぽいサンプルを作ってみました。 (単純にボクがこのスタイルが一番見やすくて好きってだけだったり) サンプルページ サンプルダウンロード(Zip:20KB) メインのCSSファイル (サンプ
Latest topics > selector.js改 宣伝。日経LinuxにてLinuxの基礎?を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能! « 選挙 Main 影付きテキストをコピーしても余計な文字列が出ないようにしたよ » selector.js改 - Jul 31, 2007 selector.js改(ミラー) にゃるら、さんのselector.jsをベースに色々やってたらそれっぽい物ができたので、氏に敬意を表しselector.js相当の部分をMITライセンスで公開しときます。冒頭のコメントを見ての通りですが、元のselector.jsで対応されていなかったCSS3のセレクタをだいぶサポートしてます。正しく動かない事があるかもしれないのでその時はフィードバックください。 改造版
CSS-Discussにアップされている「IE 7 Bugs」の意訳です。 省略している箇所も多数あるので、原文も参照ください。 Internet Explorer Win Bugs - css-discuss 注意: バグには、IE7のみでなく、IE 5, 5.5, 6のものも含まれています。 公開されてから時間が経っているためか、ちょっと古いものもあります。 IEのフォントサイズのバグ フォントサイズの継承 IEの相対指定のフォントサイズの継承は、うまく機能しません。 相対指定を行う場合、emより%で指定を行う方が便利です。もし、em指定を行う場合は最初に%指定を行ってください。 例: body{ font-size: 100.01%; } ※100%の代わりに100.01%を使用するのは、Operaでの継承バグの回避のためです。 キーワード指定でのサイズ フォントサイズに「small
» Introducing Tablecloth テーブルクロスを導入する。 この記事がWEB関連のなかで話題になっていました。 はて・・テーブルクロス・・・。 何のことやらさっぱりだったんですが、使ってみるとなかなか素敵な動きをしてくれましたので記事に。 あなたのhtmlに2行のコードを加えたら・・・ By simply adding 2 lines of code to your html page you will have styled and active tables that your visitors will love あなたのhtmlにたった2行のコードを加えるだけで、あなたのサイトのテーブルは、あなたのサイトの訪問者に愛される。 なんとも素敵な響きだなと思った人はデモを見てみましょう。 » デモはこちら テーブルによって大量のデータを出力するときには便利な機能ですね。
正しい知識を得たい人の爲のCSS2リファレンス 簡易目次 概要 CSS2の構文 基本データ型 セレクタ 値わりあて,カスケード処理,継承 メディアタイプ HTML文書へのスタイルシート適用 プロパティの定義 テキスト 色と背景 フォント ボックスモデル 視覚整形モデル テーブル 生成内容 リストとマーカー ユーザインタフェイス 附録 CSSに関するアクセシビリティ技術 CSS2.0のプロパティ一覧表 CSS2.1のプロパティ一覧表 CSS2.1の視覚整形モデル詳細 詳細目次 概要 CSSの概要 HTMLの経緯とCSSの役割 CSSの正式勧告水準について 改訂版CSS2.1と次世代CSS3 CSS2.1 vs CSS2 CSSの設計原則 CSS2の処理モデル カンヴァス(The canvas) わりあてモデル(addressing model) 用語の定義 CSS2の構文 構文(Syntax
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く