サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
●はてなブックマークって？
●アプリ・拡張の紹介
●ユーザー登録
●ログイン
●ログアウト
taninsw
id:taninsw
●
20,992
ブックマーク
●
-
お気に入り
●
-
お気に入られ
タグ
●すべて
●
3DS
(10)
●
3d
(43)
●
4chan
(12)
●
Angel Beats!
(31)
●
CI(9)
●
Cthulhu
(11)
●
DNS
(25)
●
DOM
(47)
●
MMD
(86)
●
MikuMikuDance
(27)
●
NHK
(23)
●
REST
(10)
●
TED
(12)
●
Thunderbolt
(10)
●
URI
(10)
●
WebAPI
(9)
●
academic
(82)
●
accessibility
(40)
●
actionscript
(15)
●
ad(99)
●
addon
(10)
●
adobe
(55)
●
agile
(32)
●
ai(12)
●
air
(24)
●
ajax
(73)
●
algorithm
(85)
●
amazon
(56)
●
america
(38)
●
analytics
(10)
●
android
(92)
●
animal
(133)
●
animation
(31)
●
anime
(805)
●
anonymous
(12)
●
apache
(27)
●
api
(73)
●
apple
(150)
●
aprilfool
(11)
●
ar(34)
●
architecture
(42)
●
art
(118)
●
asmjs
(10)
●
astronomy
(34)
●
audio
(20)
●
azure
(9)
●
b2g
(10)
●
battery
(19)
●
benchmark
(41)
●
bicycle
(71)
●
binary
(13)
●
biology
(36)
●
blink
(20)
●
blog
(89)
●
book
(606)
●
bookmark
(9)
●
brain
(27)
●
browser
(91)
●
bug
(21)
●
business
(159)
●
c(14)
●
cache
(14)
●
camera
(15)
●
canvas
(49)
●
captcha
(15)
●
car
(24)
●
career
(15)
●
cg(13)
●
character
(11)
●
cheatsheet
(18)
●
chemical
(20)
●
chemistry
(21)
●
china
(51)
●
chrome
(121)
●
clannad
(126)
●
cloud
(57)
●
code
(32)
●
codec
(18)
●
coding
(9)
●
coffeescript
(18)
●
color
(25)
●
comic
(11)
●
communication
(58)
●
compatibility
(19)
●
compiler
(9)
●
compression
(10)
●
computer
(42)
●
cook
(11)
●
cookie
(26)
●
cooking
(18)
●
copyright
(150)
●
cpu
(94)
●
creative commons
(14)
●
crime
(15)
●
crypt
(36)
●
csp
(10)
●
css
(325)
●
css3
(28)
●
culture
(51)
●
curry
(13)
●
dance
(12)
●
darcs
(13)
●
data
(12)
●
database
(16)
●
db(42)
●
debug
(64)
●
design
(183)
●
design pattern
(11)
●
development
(121)
●
device
(20)
●
devops
(16)
●
dictionary
(9)
●
digg
(15)
●
display
(24)
●
docker
(17)
●
docomo
(41)
●
document
(16)
●
domain
(23)
●
dpz
(68)
●
drink
(20)
●
drm
(28)
●
drug
(24)
●
ds(17)
●
e-learning
(11)
●
earth
(16)
●
earthquake
(149)
●
ebook
(112)
●
ecmascript
(80)
●
economics
(57)
●
economy
(47)
●
editor
(13)
●
education
(305)
●
emacs
(32)
●
emoji
(23)
●
energy
(38)
●
engadget
(10)
●
engineer
(19)
●
english
(280)
●
environment
(18)
●
epub
(11)
●
event
(30)
●
evernote
(15)
●
evolution
(10)
●
extension
(33)
●
facebook
(32)
●
fashion
(43)
●
filesystem
(12)
●
finance
(19)
●
firebug
(26)
●
firefox
(642)
●
firefox3
(12)
●
flash
(131)
●
flex
(10)
●
flexbox
(13)
●
font
(96)
●
food
(166)
●
framework
(14)
●
functional
(19)
●
future
(11)
●
gadget
(129)
●
game
(677)
●
gc(24)
●
gdgd妖精s(10)
●
gender
(10)
●
generator
(24)
●
git
(53)
●
github
(28)
●
gmail
(12)
●
google
(746)
●
government
(19)
●
gpgpu
(19)
●
gpl
(12)
●
gpu
(27)
●
graph
(9)
●
graphics
(12)
●
greasemonkey
(10)
●
gtd
(10)
●
hack
(11)
●
hacker
(9)
●
hardware
(50)
●
haskell
(297)
●
hatena
(113)
●
hdd
(25)
●
health
(119)
●
heroku
(10)
●
history
(131)
●
hpc
(22)
●
html
(119)
●
html5
(232)
●
http
(52)
●
iOS
(17)
●
ibm
(9)
●
idea
(23)
●
idolm@ster
(9)
●
ie(75)
●
ie10
(22)
●
ie6
(10)
●
ie7
(10)
●
ie9
(13)
●
illust
(61)
●
image
(33)
●
ime
(19)
●
information
(12)
●
infrastructure
(10)
●
innovation
(12)
●
intel
(113)
●
interface
(24)
●
internet
(41)
●
interview
(38)
●
ipa
(14)
●
iphone
(59)
●
ipod
(12)
●
ipv6
(38)
●
it(35)
●
jQuery
(120)
●
japan
(34)
●
jasrac
(10)
●
java
(33)
●
javascript
(652)
●
jaxa
(27)
●
jetpack
(15)
●
job
(29)
●
jojo
(13)
●
json
(22)
●
kanon
(9)
●
kernel
(19)
●
key
(184)
●
keyboard
(9)
●
lain
(13)
●
language
(59)
●
law
(167)
●
layout
(13)
●
learning
(25)
●
less
(10)
●
librahack
(10)
●
library
(148)
●
life
(150)
●
lifehack
(29)
●
linus
(9)
●
linux
(148)
●
lisp
(13)
●
literature
(33)
●
livedoor
(9)
●
llvm
(12)
●
logic
(15)
●
logo
(13)
●
mac
(97)
●
machine learning
(9)
●
machinelearning
(13)
●
mad
(18)
●
mail
(18)
●
management
(11)
●
manga
(159)
●
map
(31)
●
market
(24)
●
marketing
(36)
●
mashup
(13)
●
material
(13)
●
math
(86)
●
mathematics
(12)
●
mathjax
(10)
●
matz
(20)
●
media
(93)
●
medical
(112)
●
memory
(68)
●
mental
(17)
●
metro
(9)
●
miau
(12)
●
microdata
(9)
●
microsoft
(187)
●
military
(25)
●
mindmap
(9)
●
mixi
(21)
●
mobile
(231)
●
monad
(25)
●
money
(11)
●
movie
(61)
●
mozilla
(152)
●
mruby
(10)
●
music
(237)
●
mvc
(17)
●
mysql
(27)
●
name
(18)
●
nature
(22)
●
neta
(1298)
●
network
(66)
●
news
(119)
●
niconico
(143)
●
nintendo
(75)
●
nlp
(26)
●
node.js
(39)
●
novel
(12)
●
nvidia
(14)
●
oauth
(22)
●
office
(18)
●
open source
(9)
●
openid
(22)
●
opensource
(16)
●
opera
(30)
●
opus
(13)
●
oracle
(10)
●
os(29)
●
oss
(37)
●
otaku
(26)
●
p2p
(34)
●
paper
(29)
●
parser
(9)
●
password
(26)
●
patent
(42)
●
pattern
(12)
●
paul graham
(18)
●
payment
(9)
●
pc(9)
●
pdf
(21)
●
performance
(89)
●
perl
(21)
●
phone
(18)
●
photo
(86)
●
photoshop
(10)
●
physics
(60)
●
plagger
(17)
●
plugin
(10)
●
podcast
(29)
●
politics
(41)
●
power
(11)
●
presentation
(41)
●
privacy
(123)
●
programmer
(10)
●
programming
(447)
●
ps3
(26)
●
psychology
(68)
●
publishing
(10)
●
rails
(94)
●
random
(9)
●
reference
(13)
●
religion
(18)
●
research
(154)
●
review
(11)
●
rewrite
(18)
●
rfc
(10)
●
robot
(103)
●
rss
(13)
●
ruby
(312)
●
rubykaigi
(15)
●
rubykaigi2008
(15)
●
safari
(10)
●
sbm
(13)
●
scalability
(17)
●
science
(573)
●
search
(68)
●
security
(926)
●
server
(37)
●
service
(27)
●
sf(40)
●
sharp
(9)
●
skype
(9)
●
sns
(21)
●
society
(15)
●
software
(36)
●
sony
(31)
●
space
(72)
●
spam
(20)
●
spdy
(55)
●
sports
(54)
●
sql
(11)
●
ssd
(43)
●
ssl
(27)
●
standard
(27)
●
startup
(9)
●
stationery
(14)
●
statistics
(57)
●
steve jobs
(23)
●
storage
(24)
●
study
(23)
●
svg
(52)
●
tdd
(16)
●
technology
(261)
●
template
(14)
●
test
(56)
●
tips
(10)
●
tool
(54)
●
translation
(31)
●
transport
(16)
●
tv(9)
●
twitter
(173)
●
ubuntu
(30)
●
ui(160)
●
unicode
(30)
●
usability
(13)
●
ustream
(14)
●
ux(13)
●
video
(32)
●
virtualization
(17)
●
virus
(14)
●
visualization
(43)
●
vm(13)
●
vmware
(9)
●
vocaloid
(100)
●
w3c
(56)
●
wave
(20)
●
web
(166)
●
web2.0
(65)
●
webgl
(78)
●
webkit
(31)
●
webm
(9)
●
webrtc
(43)
●
websocket
(22)
●
whatwg
(22)
●
wifi
(11)
●
wii
(144)
●
wiki
(14)
●
wikipedia
(40)
●
windows
(67)
●
windows 7
(10)
●
winny
(10)
●
word
(13)
●
work
(94)
●
writing
(69)
●
xml
(12)
●
xss
(41)
●
yahoo!
(46)
●
yapc
(11)
●
youtube
(483)
●
zelda
(10)
●
あとで読む
(123)
●
いつか読む
(108)
●
いつか読むかも
(318)
●
いぬ
(28)
●
かわいい
(17)
●
けいおん！
(76)
●
これはかわいい
(11)
●
これはすごい
(201)
●
これはひどい
(59)
●
ねこ
(235)
●
はやぶさ
(108)
●
べつやくれい
(27)
●
まどか☆マギカ
(84)
●
らき☆すた
(49)
●
エヴァンゲリオン
(44)
●
ニセ科学
(30)
●
リトルバスターズ！
(45)
●
初音ミク
(103)
●
地獄のミサワ
(12)
●
宮本茂
(11)
●
将棋
(65)
●
小野ほりでい
(28)
●
新海誠
(16)
●
日常
(50)
●
東浩紀
(23)
●
涼宮ハルヒ
(277)
●
疑似科学
(19)
●
輪るピングドラム
(15)
●
麻枝准
(22)
●
neta
(1298)
●
security
(926)
●
anime
(805)
●
google
(746)
●
game
(677)
●
javascript
(652)
●
firefox
(642)
●
book
(606)
●
science
(573)
●
youtube
(483)
関連タグで絞り込む (10)
●
adobe
●
css
●
CSS
●
design
●
jquery
●
mobile
●
regions
●
rwd
●
w3c
●
WebKit
タグの絞り込みを解除
layoutに関するtaninswのブックマーク (13)
●
4 users
●
css-tricks.com
●テクノロジー
Reader Glynn writes in: I’m wondering if you’d ever seen a responsive web design in which a ‘see full site’ link was included. I know that when developing a responsive design we should stay away from hiding content completely, however some users may actually prefer pinching and zooming and using good old fashioned horizontal menus on their devices. Have you seen an example of this and how do you t
taninsw
2012/09/20
●design
●layout
●
13 users
●
cloudfour.com
●テクノロジー
I still like the notion of the metaphorical connection between content-based sizing units (e.g. ems) and layout definitions (e.g. breakpoints). And the zooming behavior cited here was always meant more as a sidelong example than a core argument. Nonetheless! You should note that the zooming behavior has long since been made consistent in browsers (i.e. fixed). Keep that in mind if you cite or othe
taninsw
2012/04/03
●css
●layout
●
1 user
●
www.motorcycle-accessories-wiseguy.com
●テクノロジー
taninsw
2011/08/30
●css
●layout
●
1 user
●
vanseodesign.com
●テクノロジー
taninsw
2011/08/30
●css
●layout
●
1 user
●
vanseodesign.com
●テクノロジー
taninsw
2011/08/30
●css
●layout
●
506 users
●
coliss.com
●暮らし
スタイルシートで実装する6つの代表的なCSSレイアウト方法、それぞれ実例を見ながら、その長所と短所を紹介します。Pros And Cons Of 6 CSS Layout Patterns: Part 1 Pros And Cons Of 6 CSS Layout Patterns: Part 2 [ad#ad-2] 下記は各ポイントを意訳したものです。 Fixed-WidthレイアウトFluid/Liquidレイアウト Elasticレイアウト Hybridレイアウト ResponsiveレイアウトFluid/Elastic Gridsレイアウト Fixed-Widthレイアウト Firxed-Widthは、幅の全体を絶対値︵px︶で指定するスタティックなレイアウトです。このレイアウトを使用する場合には、ユーザーのために最適な幅を調査し、設定する必要があります。 典型的な例では大き
taninsw
2011/08/30
●css
●layout
●
26 users
●
www.queness.com
●テクノロジー
6 Powerful jQuery Plugins to Create and Enhance Website Layout Introduction Javascript has opened wide possibilities of what you can do withHTML and CSS. Well, we have HTML5 and CSS3, pretty sure itcan do more than before, but with a magical touch from Javascript, itcan add interactive elements into your website layout. Take jQuery Masonry (listed below) as an example, itconverts a normal layo
taninsw
2011/06/07
●jquery
●layout
●
2 users
●
bugs.webkit.org
●テクノロジー
Note You need to log in before you can comment on or make changes to this bug.
taninsw
2011/05/17
●CSS
●layout
●WebKit
●
7 users
●
standards.mitsue.co.jp
●テクノロジー
CSS 2.1やセレクタ仕様の勧告が迫ってきました。CSSWGも来期の活動計画を練り始めており、各CSS3モジュールの進行や新しいモジュールの策定が期待できます。 さて、数日前にAdobeのDesign and Webブログから、CSS Regionsのに関するエントリが公開されました。 Web Standards Evolve withCSS Regions, Available on Adobe Labs « Design and Web CSS RegionsはAdobeがCSSWGに提案した新しいレイアウト関連モジュールです。これまでのCSSでは、テキストの流れがひとつのブロックから別のブロックに移るといったことができませんでした。また、円や多角形のテキスト領域を定義したり、またそれらをフロートさせるようなことができませんでした。 こういったレイアウト手法は雑誌などで広く使わ
taninsw
2011/05/13
●CSS
●layout
●adobe
●regions
●
5 users
●
www.broken-links.com
●テクノロジー
taninsw
2011/02/22
●layout
●css
●rwd
●
53 users
●
www.w3.org
●暮らし
Basic Guidelines W3C Recommendation 29 July 2008 This version: http://www.w3.org/TR/2008/REC-mobile-bp-20080729/ Latest version: http://www.w3.org/TR/mobile-bp/ Previous version: http://www.w3.org/TR/2006/PR-mobile-bp-20061102/ Editors:Jo Rabin, mTLD Mobile Top Level Domain (dotMobi)Charles McCathieNevile, Opera Software [Early Drafts] Please refer to the errata for this document, which may includ
taninsw
2011/02/18
●mobile
●w3c
●design
●layout
●
3 users
●
adactio.com
●テクノロジー
I remember when Google Maps first launched back in February 2005. As well as being enormous fun—I spent hours finding famous landmarks and places—it was a complete game-changer. The “slippy maps” style of interaction felt weird, then delightful and then just …right. Things move fast on the web. Itdidn’t take long for us to get used to slippy maps. Before too long, we came to expect them. These da
taninsw
2011/02/18
●design
●css
●layout
●
264 users
●
labs.unoh.net
●暮らし
yamaokaです。 エラスティック・レイアウトというwebサイトのレイアウト手法をご存知でしょうか？ ﹁エラスティック︵elastic︶﹂とは、ゴムのように弾力性がある状態のことです。 言い換えると﹁伸び縮みするレイアウト﹂になるでしょうか。 webサイトの代表的なレイアウト手法として、次の2つが挙げられるかと思います。 固定幅レイアウト リキッド・レイアウト 固定幅レイアウト 固定幅レイアウトでは、 コンテンツを格納するボックスの幅を以下のように絶対値で指定します。 div#container { width: 800px; } 固定幅レイアウトの場合、ウィンドウや文字のサイズが変更されてもレイアウトの枠は変わりません。 したがって、ウィンドウを大きくすると表示されるエリアが小さくなってしまったり、 文字のサイズを変更すると外枠が変わらないので読みづらくなってしまったりします。 リキ
taninsw
2007/04/04
●css
●layout
●design
1
お知らせ
ランキング
今週のはてなブックマーク数ランキング︵2024年7月第3週︶
ランキング
今週のはてなブックマーク数ランキング︵2024年7月第2週︶
お知らせ
はてなブックマーク透明性レポート︵2024年2月-2024年4月︶
もっと読む
公式Twitter
●@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
●@hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
●総合
●一般
●世の中
●政治と経済
●暮らし
●学び
●テクノロジー
●エンタメ
●アニメとゲーム
●おもしろ
●アプリ・拡張機能
●開発ブログ
●ヘルプ
●お問い合わせ
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●公式アカウント
●ホットエントリー
●はてなブログ
●はてなブログPro
●人力検索はてな
●はてなブログ タグ
●はてなニュース
●ソレドコ
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しましたx
Opt-Out Responsive Design? | CSS-Tricks
The EMs have it: Proportional Media Queries FTW!
Motorcycle Accessories reviews and advice from a WiseGuy
Pros And Cons Of 6 CSS Layout Patterns: Part 2 - Vanseo Design
Pros And Cons Of 6 CSS Layout Patterns: Part 1 - Vanseo Design
[CSS]6つの代表的なCSSレイアウト方法の長所と短所を学んで使いこなす
6 Powerful jQuery Plugins to Create and Enhance Website Layout
60731 – [meta] Implement CSS3 Grid Layout
CSS Regionsの提案とプロトタイプが公開 | Web標準Blog | ミツエーリンクス
https://www.broken-links.com/2011/02/21/using-media-queries-in-the-real-world/
Mobile Web Best Practices 1.0
Sea change
ウノウラボ Unoh Labs: エラスティック・レイアウトのご紹介