サクサク読めて、
アプリ限定の機能も多数!
アプリで開く
●はてなブックマークって?
●アプリ・拡張の紹介
●ユーザー登録
●ログイン
●ログアウト
webmarksjp
id:webmarksjp
●
49,982
ブックマーク
●
-
お気に入り
●
-
お気に入られ
タグ
●すべて
●
ネタ
(98)
●
#2ch
(129)
●
#コラム
(115)
●
*
(1305)
●
*2ch
(742)
●
*IT
(194)
●
*blog
(259)
●
*book
(208)
●
*business
(318)
●
*column
(101)
●
*css
(214)
●
*design
(240)
●
*firefox
(94)
●
*game
(238)
●
*google
(275)
●
*hatena
(200)
●
*javascript
(305)
●
*life
(162)
●
*lifehack
(231)
●
*lifehacks
(530)
●
*mobile
(117)
●
*music
(135)
●
*neta
(344)
●
*news
(315)
●
*photoshop
(139)
●
*programming
(454)
●
*software
(283)
●
*tips
(502)
●
*tool
(116)
●
*web
(415)
●
*webdesign
(358)
●
*webservice
(318)
●
*webサービス
(596)
●
*webデザイン
(393)
●
*web制作
(518)
●
*あとで
(457)
●
*あとで読む
(1281)
●
*これはすごい
(178)
●
*まとめ
(797)
●
*デザイン
(147)
●
*ニュース
(101)
●
*ネタ
(1404)
●
*ビジネス
(264)
●
*プログラミング
(187)
●
*仕事
(166)
●
*仕事術
(202)
●
*所感
(119)
●
*生活
(133)
●
*社会
(264)
●
*著作権
(103)
●
*読み物
(409)
●
*資料
(100)
●
*雑学
(430)
●
07 SOFTWARE
(112)
●
1作品
(116)
●
1組織
(285)
●
2008年
(92)
●
2ch
(2836)
●
70 DESIGN
(113)
●
9.network
(118)
●
Bookmarks_for_sakakibara_koichi
(93)
●
ITmedia
(382)
●
P言語
(164)
●
Web 2.0
(102)
●
_
(140)
●
actionscript
(147)
●
ad(226)
●
addon
(106)
●
adobe
(98)
●
affiliate
(111)
●
ajax
(1052)
●
algorithm
(110)
●
amazon
(252)
●
animation
(113)
●
anime
(469)
●
apache
(139)
●
api
(296)
●
apple
(560)
●
art
(505)
●
biz
(225)
●
blog
(2563)
●
book
(1181)
●
bookmark
(260)
●
books
(209)
●
browser
(356)
●
business
(2137)
●
china
(117)
●
color
(123)
●
column
(470)
●
comic
(408)
●
communication
(883)
●
community
(184)
●
computer
(173)
●
cooking
(183)
●
copyright
(625)
●
crime
(124)
●
css
(1058)
●
culture
(256)
●
dankogai
(351)
●
data
(118)
●
database
(231)
●
db(187)
●
design
(1854)
●
dev
(305)
●
development
(607)
●
download
(112)
●
dpz
(166)
●
economics
(153)
●
economy
(218)
●
education
(484)
●
english
(222)
●
event
(156)
●
extension
(242)
●
fashion
(169)
●
finance
(93)
●
firefox
(758)
●
flash
(899)
●
font
(209)
●
food
(451)
●
framework
(141)
●
free
(334)
●
funny
(229)
●
gadget
(267)
●
game
(1067)
●
gender
(126)
●
generator
(260)
●
gigazine
(512)
●
gmail
(149)
●
google
(1618)
●
greasemonkey
(182)
●
gtd
(95)
●
hack
(149)
●
hardware
(174)
●
hatena
(1028)
●
hatenab
(134)
●
health
(213)
●
history
(319)
●
howto
(106)
●
html
(458)
●
icon
(185)
●
idea
(266)
●
ie(109)
●
illust
(154)
●
image
(461)
●
imported
(250)
●
internet
(273)
●
interview
(331)
●
iphone
(96)
●
ipod
(188)
●
it(716)
●
japan
(354)
●
java
(256)
●
javascript
(1454)
●
job
(121)
●
joke
(144)
●
js(218)
●
language
(382)
●
law
(306)
●
library
(516)
●
life
(1712)
●
lifehack
(1207)
●
lifehacks
(811)
●
linux
(635)
●
literacy
(103)
●
livedoor
(169)
●
love
(126)
●
mac
(546)
●
mail
(219)
●
management
(266)
●
manga
(108)
●
map
(269)
●
marketing
(377)
●
markup
(179)
●
mashup
(132)
●
material
(190)
●
math
(101)
●
media
(830)
●
medical
(135)
●
memo
(271)
●
microsoft
(240)
●
misc
(167)
●
mixi
(373)
●
mobile
(844)
●
money
(153)
●
movie
(701)
●
music
(1001)
●
mysql
(136)
●
net
(249)
●
neta
(2108)
●
network
(387)
●
news
(1849)
●
niconico
(278)
●
nicovideo
(228)
●
nintendo
(113)
●
office
(98)
●
opensource
(186)
●
os(152)
●
otaku
(152)
●
p2p
(129)
●
pc(912)
●
performance
(156)
●
perl
(406)
●
phone
(97)
●
photo
(697)
●
photoshop
(284)
●
php
(605)
●
plugin
(174)
●
politics
(506)
●
presentation
(147)
●
program
(222)
●
programmer
(98)
●
programming
(2071)
●
prototype.js
(96)
●
psychology
(141)
●
rails
(265)
●
reading
(120)
●
recipe
(139)
●
reference
(293)
●
research
(127)
●
review
(210)
●
rss
(391)
●
ruby
(398)
●
ruby on rails
(97)
●
sbm
(441)
●
science
(550)
●
script
(131)
●
search
(692)
●
security
(729)
●
seo
(382)
●
server
(252)
●
service
(785)
●
shop
(169)
●
shopping
(118)
●
sns
(709)
●
social
(429)
●
society
(1159)
●
soft
(199)
●
software
(1588)
●
sports
(142)
●
study
(306)
●
summary
(204)
●
tech
(198)
●
technology
(338)
●
template
(95)
●
test
(107)
●
text
(189)
●
tips
(2726)
●
tmp
(116)
●
todo
(99)
●
tool
(2284)
●
tools
(417)
●
toread
(360)
●
travel
(158)
●
tutorial
(360)
●
tv(573)
●
twitter
(206)
●
ui(509)
●
unix
(169)
●
usability
(206)
●
video
(662)
●
vocaloid
(129)
●
web
(5675)
●
web design
(98)
●
web service
(160)
●
web2.0
(1309)
●
webdesign
(819)
●
webservice
(1368)
●
webサービス
(2450)
●
webデザイン
(1198)
●
web制作
(1044)
●
web開発
(98)
●
wii
(102)
●
wiki
(282)
●
wikipedia
(93)
●
windows
(1081)
●
word
(99)
●
work
(847)
●
writing
(151)
●
xml
(111)
●
yahoo
(223)
●
youtube
(924)
●
×
(102)
●
あとで
(972)
●
あとで見る
(125)
●
あとで試す
(113)
●
あとで読む
(2644)
●
おたく
(102)
●
おもしろ
(185)
●
おもしろい
(188)
●
お役立ち
(593)
●
お笑い
(94)
●
ことば
(118)
●
これはすごい
(1470)
●
これはひどい
(1752)
●
これは便利
(218)
●
つきあい|コミュ|組織
(157)
●
なるほど
(153)
●
はてな
(1249)
●
はてなブックマーク
(228)
●
はてブ
(305)
●
まとめ
(2325)
●
まとめサイト
(204)
●
アイコン
(162)
●
アイデア
(166)
●
アクセス解析
(101)
●
アニメ
(577)
●
アフィリエイト
(152)
●
アート
(185)
●
イベント
(119)
●
イラスト
(179)
●
インタビュー
(252)
●
インターネット
(212)
●
エロ
(191)
●
オタク
(427)
●
オープンソース
(207)
●
キャラ(擬人)型
(182)
●
ケータイ
(211)
●
ゲーム
(886)
●
コミュニケーション
(694)
●
コラム
(145)
●
コンピュータ
(98)
●
サイエンス
(136)
●
サーバ
(139)
●
サービス
(362)
●
システム開発
(132)
●
ジェネレータ
(198)
●
スポーツ
(147)
●
セキュリティ
(622)
●
ソフト
(144)
●
ソフトウェア
(713)
●
チュートリアル
(193)
●
チューニング
(95)
●
ツール
(1053)
●
テレビ
(288)
●
テンプレート
(130)
●
デザイン
(1089)
●
データベース
(133)
●
ニコニコ動画
(539)
●
ニュース
(732)
●
ネタ
(4712)
●
ネット
(536)
●
ネットワーク
(130)
●
パソコン
(147)
●
ビジネス
(949)
●
ファッション
(160)
●
フォント
(200)
●
フリーソフト
(438)
●
ブラウザ
(198)
●
ブログ
(989)
●
プレゼン
(162)
●
プログラミング
(1150)
●
プログラム
(312)
●
プロジェクト管理
(105)
●
マスコミ
(392)
●
マンガ
(378)
●
マーケティング
(470)
●
メディア
(553)
●
メディアリテラシー
(150)
●
メモ
(195)
●
メール
(129)
●
モバイル
(274)
●
ユーザビリティ
(184)
●
ライフハック
(157)
●
ライブラリ
(228)
●
リファレンス
(142)
●
リンク集
(162)
●
レシピ
(216)
●
レビュー
(113)
●
中国
(228)
●
事件
(305)
●
人
(120)
●
人物
(105)
●
人生
(576)
●
仕事
(1676)
●
仕事術
(641)
●
企業
(190)
●
会社
(107)
●
便利
(917)
●
便利ツール
(154)
●
健康
(211)
●
写真
(533)
●
初音ミク
(176)
●
労働
(390)
●
勉強
(290)
●
動画
(983)
●
医療
(189)
●
参考
(238)
●
同人
(123)
●
名言
(129)
●
国際
(217)
●
地図
(218)
●
増田
(274)
●
大学
(100)
●
学習
(179)
●
宇宙
(104)
●
宗教
(122)
●
小飼弾
(167)
●
就職
(112)
●
広告
(255)
●
後で読む
(182)
●
心理
(442)
●
思想
(95)
●
性
(122)
●
恋愛
(294)
●
情報
(271)
●
技術
(339)
●
携帯
(375)
●
携帯電話
(228)
●
政治
(742)
●
教育
(511)
●
数学
(103)
●
文化
(318)
●
文章
(109)
●
料理
(207)
●
旅行
(124)
●
日本
(315)
●
日本語
(116)
●
映画
(247)
●
書籍
(162)
●
書評
(340)
●
未読
(121)
●
本
(750)
●
格差社会
(104)
●
梅田望夫
(138)
●
検索
(503)
●
検索エンジン
(152)
●
歴史
(357)
●
池田信夫
(103)
●
法律
(187)
●
海外
(234)
●
漫画
(396)
●
犯罪
(282)
●
環境
(136)
●
生活
(773)
●
男女
(309)
●
画像
(790)
●
痛いニュース
(111)
●
痛いニュース(ノ∀`)
(237)
●
知識
(164)
●
社会
(2825)
●
科学
(394)
●
笑
(196)
●
素材
(498)
●
経営
(296)
●
経済
(585)
●
統計
(194)
●
考え方
(308)
●
考察
(498)
●
自己啓発
(139)
●
興味深い
(167)
●
芸能
(210)
●
英語
(227)
●
萌え
(154)
●
著作権
(796)
●
行政
(156)
●
言葉
(300)
●
記事
(336)
●
読み物
(1778)
●
読んだ
(104)
●
読書
(188)
●
買い物
(179)
●
資料
(901)
●
起業
(94)
●
開発
(601)
●
雑学
(485)
●
非モテ
(149)
●
音楽
(766)
●
食
(493)
●
5自律系(自由|私人)
(97)
●
5演出表現|主張説得
(139)
●
6社会(人人)系
(134)
●
web
(5675)
●
ネタ
(4712)
●
2ch
(2836)
●
社会
(2825)
●
tips
(2726)
●
あとで読む
(2644)
●
blog
(2563)
●
webサービス
(2450)
●
まとめ
(2325)
●
tool
(2284)
関連タグで絞り込む (78)
●
(X)HTML
●
*design
●
*javascript
●
*php
●
*tips
●
*web
●
*webdesign
●
*webdev
●
*Webサービス
●
*webサービス
●
*webデザイン
●
*Web制作
●
*web制作
●
*まとめ
●
*デザイン
●
*ブログ
●
_
●
addon
●
blog
●
browser
●
cheatsheet
●
css
●
CSS
●
css3
●
cssxss
●
design
●
HTML
●
html
●
ie
●
ie7
●
JavaScript
●
js
●
language
●
layout
●
MarkUp
●
php
●
P言語
●
resetCss
●
screenshot
●
service
●
study
●
template
●
tips
●
tool
●
tutorial
●
web
●
web_design
●
webDesign
●
webdesign
●
Webシステム
●
Webデザイン
●
web制作
●
XHTML+CSS
●
xss
●
あとで
●
あとで読む
●
ふ) フリーソフト
●
まとめ
●
ウェブデザイン
●
ガイドライン
●
コーディング規約
●
ジェネレータ
●
セレクタ
●
センタリング
●
タブ
●
テンプレート
●
デザイン
●
デザイン-web
●
デザイン参考
●
ブラウザ
●
メニュー
●
制作
●
半透明
●
参考
●
画像
●
疑似クラス
●
脆弱性
●
開発
タグの絞り込みを解除
markupと*cssに関するwebmarksjpのブックマーク (25)
●
446 users
●
numerous.org
●暮らし
webmarksjp
2008/07/15
●web
●*css
●tips
●design
●webdesign
●markup
●
409 users
●
lesliefranke.com
●暮らし
<style type="text/css"> selector {property: value;} </style>
webmarksjp
2008/07/14
●css
●*まとめ
●cheatsheet
●XHTML+CSS
●*css
●tips
●markup
●*design
●
313 users
●
screenshots.jp
●暮らし
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does itconstitute or imply its association, endorsement or recommendation.
webmarksjp
2008/07/14
●*css
●screenshot
●*web制作
●design
●markup
●browser
●service
●
291 users
●
www.lucky-bag.com
●暮らし
CSS を作成している際に、当然の如くブラウザによって描画結果に違いが出てくるわけで、ムキーとか言いながらその差異を埋めていく作業が一番面倒っちゃあ面倒。んで、ボックスモデルやその他ブラウザごとのバグ以外で、極力そう言った差異を少なくするためには、一番最初に全称セレクタを使ってブラウザのデフォルトスタイルを消してしまうのが手っ取り早い。 * { margin: 0; padding: 0; font-style: normal; font-weight: normal; } ここらへんは基本だと思ってたんだけど、未だにこれをやっていなくて、あのブラウザとこのブラウザで見た目が違うんですけどってのは結構いたりする。上記に text-decoration: none; や font-size: 100%; なんかを加えても良いかも知れないけど、最低限マージンとパディングは無くしておくことをお薦
webmarksjp
2008/07/14
●markup
●tips
●制作
●*css
●design
●*web
●resetCss
●blog
●
267 users
●
hxxk.jp
●暮らし
記事データ 投稿者 望月真琴 投稿日時 2006-04-09T19:40+09:00 タグ CSS IRC Team-One オフ会 仕様 実践 Web Standards Design 春に会いましょう 概要 CSS の初心者なあなたもエキスパートなあなたも、とりあえずここは押さえとけ、という記事を紹介。 リプライ7件のリプライがあります。 CSS を書く前にブラウザ毎のクセをリセット CSS を書くことに慣れている人はよくご存知でしょうけど、IEや Firefox や Opera や Safari などのUAはデフォルトスタイルシートと呼ばれるスタイルシートを持っており、それを適用せねば、あるいはそうであるかのように動作せねばならないと仕様で定められています。 User agent: Conforming user agents must apply a default s
webmarksjp
2008/07/14
●*css
●design
●webdesign
●tips
●markup
●あとで
●
269 users
●
mynotes.jp
●暮らし
栄光ゼミナールの授業料、サービスなど充実させたコンテンツで作成していますが、やはり一番栄光ゼミナールを知るには、資料請求が一番です。 栄光ゼミナール資料内容 日程と授業料についてのご案内 栄光ゼミナールの夏期講習のご案内 個別指導のご案内。 ﹁今子供たちは・﹂資料集栄光ブックレット とっておきなDVD︵届くまでお楽しみ︶ 栄光ゼミナールでは、はじめての方には無料の夏期講習会になります。テキストの教材費は自己負担になりますが、それでも1教科につきたったの2100円。 栄光ゼミナールは特に中学生を対象に向けて圧倒的人気のサービスです。もちろん、それに付随するしっかりとしたサービスがあります。大手の学習塾には、有名講師が授業を100人程度で聞くタイプと少人数制︵6人から20人程度︶できめ細やかな授業を受けることができるタイプと個人指導で1対1、1対2でもっと自分のペースにあわせることがで
webmarksjp
2008/07/14
●tutorial
●参考
●study
●Webデザイン
●まとめ
●markup
●*css
●*ブログ
●
207 users
●
journal.mycom.co.jp
●暮らし
米Microsoftから2006年5月、Internet Explorer 7(IE7)beta2がリリースされた。IE7は2001年にInternet Explorer 6(IE6)がリリースされて以来、5年ぶりのアップデートとなる。このメジャーアップデートでは、CSSの標準規格への準拠やバグの修正、未対応だった機能への対応などが期待されている。 IE7 beta2では、CSS2.0のセレクタや﹁fixed﹂による固定位置表示、すべての要素に対する﹁:hover﹂の指定などに対応しつつ、XML宣言の記述によって発生していた問題が修正されるなど、要望の大きかった部分への対応・修正が行われている。 しかし、フロート(回り込み)関連や、プロパティを組み合わせたときに発生する細かなバグに関しては修正されていない部分も残っており、正式版リリースまでにどのぐらい修正されるかが注目される。 一方で、
webmarksjp
2008/07/14
●css
●design
●markup
●*css
●ie7
●ブラウザ
●ie
●
269 users
●
css-happylife.com
●暮らし
ウィンドウを小さくした時に左上が見えなくなってしまうことに関する対処を追記しました。 何か、こういう立場のお仕事してる人とか、初心者のススメでFirefoxを使え!とかまずはFirefoxで確認すべしとか聞きますが、ボクはIE派です。 Firefoxに乗り換えようと頑張った時期もあったんすが、どーも合わない感じだったんすよね。 重さとかスクロールの仕方とかが、、、 だから確認もIEが先だったりします。 まーコレはボクのスタンスなんで、どーでもいいんすが。 ちなみにこのサイトのアクセス解析を見てると、IEとFirefoxの比がおおよそ、5:4っていう普通のサイトじゃありえない結果が出ます。こんなブログ書いてると当然っちゃ当然かもしれませんが︵笑 さて本題にでも。 Tipsでも充実させたいと思ったので、特に目新しい内容ではございませんが、div要素とかのボックスを左右の中央、そして上下も中央に
webmarksjp
2008/07/14
●webDesign
●tips
●layout
●*デザイン
●*css
●*webデザイン
●markup
●デザイン参考
●
195 users
●
sweetlovexx.seesaa.net
●暮らし
時々、引用以外に blockquote 要素で枠や色をつけているのを見かけますが、本来は引用箇所を示すものなので、自分の文章に使うのはおかしいですよね。 そこで、角丸ジェネレーターとメモ風CSSライブラリーのご紹介です。 わたしはよくツールの紹介をするので、使い方の説明などをちょっと目立たせたいなということがあるのですが、そんなときに使ってみてはいかがでしょうか。 Cornershop ▲Create Graphicsをクリックするとこんな画像ができます。︵↑クリックで拡大︶
webmarksjp
2008/07/14
●web_design
●*webサービス
●*css
●html
●*デザイン
●markup
●*webdesign
●
200 users
●
www.phppro.jp
●暮らし
平素より﹁PHPプロ!﹂をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました﹁PHPプロ!﹂ですが、サービスの利用状況を鑑みまして、2018年9月25日︵火曜日︶をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日︵火曜日︶を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 本件に関するお問い合わせはこちらよりお願いいたします。
webmarksjp
2008/07/14
●Webシステム
●P言語
●*tips
●*css
●*php
●markup
●language
●css
●design
●
189 users
●
youmos.com
●暮らし
webmarksjp
2008/07/14
●ブラウザ
●JavaScript
●*css
●*webdesign
●*javascript
●*webdev
●markup
●language
●_
●
176 users
●
iswebmag.hp.infoseek.co.jp
●暮らし
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
webmarksjp
2008/07/14
●画像
●*css
●design
●web制作
●markup
●デザイン-web
●半透明
●
173 users
●
atmarkit.itmedia.co.jp
●暮らし
あるWebページにアクセスしたら、自分のYahoo! JAPAN IDやHatenaのID、mixiで使っている名前などが表示された。何の縁もゆかりもないページにこれらのプライベートな情報がなぜ表示されてしまったのだろうか。 これは﹁CSSクロスドメインの情報の漏えいの脆弱性︵CVE-2005-4089︶﹂という、Webブラウザがスタイルシート︵CSS︶を呼び出す機能にある脆弱性を利用した攻撃だったのだ。この脆弱性は通称﹁CSSXSS︵CSSCross Site Scripting︶﹂とも呼ばれている。 CSSインポート時にCSS以外のファイルがテキストとして読み込める 最近のWebページは、文書の構造をHTML形式で記し、フォントや色やレイアウトなどの視覚的な表現をスタイルシートで記述するというHTMLの仕様に従っていることが多い。 HTMLファイルから外部のスタイルシートを呼び出すた
webmarksjp
2008/07/14
●css
●xss
●web
●あとで読む
●*css
●脆弱性
●cssxss
●markup
●
134 users
●
phpspot.org
●暮らし
metal.ize - tutoriales Este es un peque・ experimento con CSS que muestra un men・circular con los elementos a su alrededor.CSSを使ってカッコいい円形メニューを作るサンプル。 次のような円形でアイコンにカーソルを合わせるとツールチップが表示されるような円形メニューのサンプルが紹介されています。 尚、紹介したページの言語は英語ではないのですが、解説ページのサンプルコードを読みつつ原理を理解するとよいでしょう。 HTMLがリスト要素になっていて綺麗なHTMLになっているのが特徴。CSSをオフにすると次のようなリスト要素の見栄えになります。 Flashや画像のクリッカブルマップでこういったナビゲーションを作るのは簡単そうですが、リスト形式のものはなかなか無かった気がします。
webmarksjp
2008/07/14
●*css
●メニュー
●*webdesign
●css
●markup
●ウェブデザイン
●
117 users
●
phpspot.org
●暮らし
OverZone Software - CSS Tab Designer CSSなタブインタフェースを簡単に作成できる﹁CSS Tab Designer﹂。 次のようなタブインタフェースをプログラミングの知識一切なしで簡単作成できます。 Windows 98/ME/2000/XP/2003で動作するスタンドアロンアプリケーションです。 関連エントリ CSSを使い、1枚の画像だけでカラフルなグラデーション背景を作る例 CSSベースのクールなフォーム、サンプル集 オンラインで動く、色, CSS, robots.txt, .htaccess等のジェネレーター色々 選択中のINPUT要素をハイライトしてくれるJavascriptライブラリ﹁Highlight active input﹂
webmarksjp
2008/07/14
●markup
●design
●*css
●ジェネレータ
●タブ
●*webデザイン
●
113 users
●
www.lucky-bag.com
●暮らし
タイトル長っ! まぁ、そのまんまなのだけれども、今使用しているブラウザが、CSSのセレクタ︵CSS3も含む︶にどれくらい対応しているかチェックできる CSS Selectors testsuite - CSS3 . info が便利っぽい。 Start testing... をクリックでチェックが開始され、各セレクタの結果が緑色であれば対応、赤色であれば未対応ってな寸法。ただ、ひとつのセレクタに複数のテストを行うんで、そのうちのひとつでも引っかかるとfailed になっちゃう。 上記画面は、IE7 RC1 でのチェック結果だけど、対応しているはずの属性セレクタでfailed となる。セレクタ名の部分をクリックすると、どういったテストが行われて、結果がどうなっているのかソースを確認できるんだけど、どうやら属性が空の場合や属性の記述が不完全の場に、IE7 はうまくパースできないみたい。ちな
webmarksjp
2008/07/14
●browser
●markup
●セレクタ
●ブラウザ
●*Web制作
●*Webサービス
●*webデザイン
●*css
●
113 users
●
www.lucky-bag.com
●暮らし
前回の﹁CSS3の target 疑似クラスで脚注を動的に表示する﹂に引き続き、:target 疑似クラスを使ってスライドショーみたいなんを作ってみた。ひとつの HTML 文書なんだけど、画面が切り替わっていくかのように見せる。ピュア CSS とか言いつつも、前回同様、:target 疑似クラスに未対応なIEでも動くように JavaScript を使っている。純粋に CSS のみで動くのは、Firefox、Safari あたり。Opera は動かない。 ピュアCSS なプレゼン用スライドショー サンプル <div id="section-01" class="section"> <!-- 1ページ目 --> … </div> <div id="section-02" class="section"> <!-- 2ページ目 --> … </div> <div id="section-0
webmarksjp
2008/07/14
●css
●デザイン
●js
●html
●markup
●*css
●*javascript
●
121 users
●
my-chunqiu.cocolog-nifty.com
●暮らし
最近、CSS の使いまわしなどを視野に入れ、一部で class名やid名の共有というテーマへの関心が徐々に高まりつつあるような印象です。microformats なんかも、その流れのひとつといえるでしょう。 Naming conventions table︵And all that Malarkey︶ もう、class名やid名で悩まないんだからっ!!︵CSS HappyLife︶ (X)HTML の id/class における命名規則︵purprin さん CSS Flight プレゼンスライド︶ 名前の共有はコードの共有のための︵複数人で同一コードを編集・転用する︶重要なファクターのひとつですし、非常にいい傾向だとは思うんですけど、実際につけられている名前を見てみると、シブい顔をせざるを得ない事例が結構あるようです。 コード共有のためには避けたい命名事例 構造ではなく見栄えで命名して
webmarksjp
2008/07/14
●MarkUp
●(X)HTML
●CSS
●web制作
●開発
●*css
●ガイドライン
●コーディング規約
●
131 users
●
dankogai.livedoor.blog
●暮らし
2008年03月01日14:15 カテゴリTips CSS - 縦方向にセンタリングする 以下で紹介されていた、縦方向にセンタリング表示するためのCSSです。 Vdot Media - Vertically center content withCSS 縦方向にセンタリングするという需要は私には結構あります。たとえばスライドを作る時とか。 結論だけいきなりまとめてしまうと、以下のようになります。 http://www.dan.co.jp/~dankogai/blog/vcenter.html ここではあえてpaddingをつけてそれぞれのdivタグの位置関係を明示するようにしました。 これで、セルが一つだけ入ったtableを使う必要がなくなりました。 が、はっきりいってめんどいなあ。divタグを三重に使うというのがねえ。原理も、CSSでtableを再現しているに過ぎないし。IE用のテクニ
webmarksjp
2008/07/14
●web
●*css
●*tips
●markup
●センタリング
●
107 users
●
phpspot.org
●暮らし
選択したテキストのスタイル︵CSS︶状態を簡単に知ることができるFirefox拡張﹁Font Finder﹂ 2007年02月21日- Font Finder | Firefox Add-ons | Mozilla Corporation Get all CSS styles of selected text in Firefox. 選択したテキストのスタイル︵CSS︶状態を簡単に知ることができるFirefox拡張﹁Font Finder﹂。 ページを見ていて、このスタイルシートはどうなっているんだろう、と思うことがあると思います。 そんな場合に使えるツールで、テキスト選択して簡単にスタイル状態を知ることが可能です。 使い方は簡単で、まず、テキストを選択 右クリックで、﹁Font Finder﹂をクリック。 すると、次のようなダイアログが表示されます。 FireBugなんかでも同じような情
webmarksjp
2008/07/14
●addon
●tool
●css
●php
●markup
●browser
●web
●*css
1
2
次のページ
お知らせ
ランキング
今週のはてなブックマーク数ランキング︵2024年7月第2週︶
お知らせ
はてなブックマーク透明性レポート︵2024年2月-2024年4月︶
ランキング
今週のはてなブックマーク数ランキング︵2024年7月第1週︶
もっと読む
公式Twitter
●@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
●@hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
●総合
●一般
●世の中
●政治と経済
●暮らし
●学び
●テクノロジー
●エンタメ
●アニメとゲーム
●おもしろ
●アプリ・拡張機能
●開発ブログ
●ヘルプ
●お問い合わせ
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●公式アカウント
●ホットエントリー
●はてなブログ
●はてなブログPro
●人力検索はてな
●はてなブログ タグ
●はてなニュース
●ソレドコ
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しましたx