Skip to content
Navigation Menu
Sign in
Appearance settings
Platform
AI CODE CREATION
GitHub Copilot
Write better code with AI
GitHub Copilot app
Direct agents from issue to merge
MCP Registry
Integrate external tools
DEVELOPER WORKFLOWS
Actions
Automate any workflow
Codespaces
Instant dev environments
Issues
Plan and track work
Code Review
Manage code changes
Code Quality
Enforce quality at merge
APPLICATION SECURITY
GitHub Advanced Security
Find and fix vulnerabilities
Code security
Secure your code as you build
Secret protection
Stop leaks before they start
EXPLORE
Why GitHub
Documentation
Blog
Changelog
Marketplace
View all features
Solutions
BY COMPANY SIZE
Enterprises
Small and medium teams
Startups
Nonprofits
BY USE CASE
App Modernization
DevSecOps
DevOps
CI/CD
View all use cases
BY INDUSTRY
Healthcare
Financial services
Manufacturing
Government
View all industries
View all solutions
Resources
EXPLORE BY TOPIC
AI
Software Development
DevOps
Security
View all topics
EXPLORE BY TYPE
Customer stories
Events & webinars
Ebooks & reports
Business insights
GitHub Skills
SUPPORT & SERVICES
Documentation
Customer support
Community forum
Trust center
Partners
View all resources
Open Source
COMMUNITY
GitHub Sponsors
Fund open source developers
PROGRAMS
Security Lab
Maintainer Community
GitHub Stars
Archive Program
REPOSITORIES
Topics
Trending
Collections
Enterprise
ENTERPRISE SOLUTIONS
Enterprise platform
AI-powered developer platform
AVAILABLE ADD-ONS
GitHub Advanced Security
Enterprise-grade security features
Copilot for Business
Enterprise-grade AI features
Premium Support
Enterprise-grade 24/7 support
Pricing
Search
/
Sign in
Sign up
Appearance settings
You signed in with another tab or window.
Reload
to refresh your session.
You signed out in another tab or window.
Reload
to refresh your session.
You switched accounts on another tab or window.
Reload
to refresh your session.
Dismiss alert
{{ message }}
alistapart
/
code-samples
Public
Notifications
You must be signed in to change notification settings
Fork
3
Star
6
Code
Issues
0
Pull requests
1
Actions
Projects
Security and quality
0
Insights
Additional navigation options
Code
Issues
Pull requests
Actions
Projects
Security and quality
Insights
master
Branches
Tags
Go to file
Code
Open more actions menu
Latest commit
History
100 Commits
100 Commits
Folders and files
Name
Name
Last commit message
Last commit date
386/
surveying_the_big_screen
386/
surveying_the_big_screen
392/
content-out-layout
392/
content-out-layout
395
395
407
407
a-case-for-responsive-resumes
a-case-for-responsive-resumes
accessibledata
accessibledata
advanceddebuggingwithjavascript
advanceddebuggingwithjavascript
alternate
alternate
aria-and-progressive-enhancement
aria-and-progressive-enhancement
bodyswitchers
bodyswitchers
byebyeembed
byebyeembed
complexdynamiclists
complexdynamiclists
conflictingabsolutepositions
conflictingabsolutepositions
creating-intrinsic-ratios-for-video
creating-intrinsic-ratios-for-video
crossbrowserscripting
crossbrowserscripting
crosscolumn
crosscolumn
crosscolumn2
crosscolumn2
css-floats-101
css-floats-101
css-positioning-101
css-positioning-101
css3-bling-in-the-real-world
css3-bling-in-the-real-world
cssatten
cssatten
cssmaps
cssmaps
customcorners
customcorners
customcorners2
customcorners2
daemonskin
daemonskin
discovering-magic
discovering-magic
dive-into-responsive-prototyping-with-foundation
dive-into-responsive-prototyping-with-foundation
dom
dom
domtricks3
domtricks3
dynanav
dynanav
dynatext
dynatext
eatcake
eatcake
emailobscuration
emailobscuration
fauxabsolutepositioning
fauxabsolutepositioning
figurehandler
figurehandler
fluidgrids
fluidgrids
fontresizing
fontresizing
footers
footers
forward-thinking-form-validation
forward-thinking-form-validation
holygrail
holygrail
horizdropdowns
horizdropdowns
hotlinking
hotlinking
howtosizetextincss
howtosizetextincss
hybrid
hybrid
imagemap
imagemap
improvingprint
improvingprint
javascriptreplacement
javascriptreplacement
keepelementskidsinlinewithoffspring
keepelementskidsinlinewithoffspring
layeredfudge
layeredfudge
magazinelayouts
magazinelayouts
makingcompactformsmoreaccessible
makingcompactformsmoreaccessible
mo-pixels-mo-problems
mo-pixels-mo-problems
mountaintop
mountaintop
msn
msn
multicolumnlayouts
multicolumnlayouts
multicolumnlists
multicolumnlists
negativemargins
negativemargins
onionskin
onionskin
pdf_accessibility
pdf_accessibility
perfect404
perfect404
pngopacity
pngopacity
pocket
pocket
popuplinks
popuplinks
prettyaccessibleforms
prettyaccessibleforms
printtopreview
printtopreview
putyourcontentinmypocketpart2
putyourcontentinmypocketpart2
relafont
relafont
responsive-web-design
responsive-web-design
rollovers
rollovers
sandbags
sandbags
semanticflash
semanticflash
settingtypeontheweb
settingtypeontheweb
sizematters
sizematters
slashdot
slashdot
slidingdoors
slidingdoors
slidingdoors2
slidingdoors2
spam
spam
sprites
sprites
sprites2
sprites2
stripedtables
stripedtables
supereasyblendys
supereasyblendys
supersize-that-background-please
supersize-that-background-please
switchymclayout
switchymclayout
tableruler
tableruler
taking-advantage-of-html5-and-css3-with-modernizr
taking-advantage-of-html5-and-css3-with-modernizr
testingsearchforrelevancyandprecision
testingsearchforrelevancyandprecision
testprogressiveenhancement
testprogressiveenhancement
the-problem-with-passwords
the-problem-with-passwords
userproofingajax
userproofingajax
using-svg-for-flexible-scalable-and-fun-backgrounds-part-ii
using-svg-for-flexible-scalable-and-fun-backgrounds-part-ii
usingxml
usingxml
web-standards-for-e-books
web-standards-for-e-books
xplatform
xplatform
.gitignore
.gitignore
_config.yml
_config.yml
index.html
index.html
index.md
index.md
View all files
About
Sample code and files for A List Apart articles
alistapart.github.io/code-samples/
Activity
Custom properties
Stars
6
stars
Watchers
4
watching
Forks
3
forks
Report repository
Releases
Packages
Contributors
Languages
You can’t perform that action at this time.