jelkner
/
elknernet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add resources to README and begin screen width display

Browse Source
main
Jeff Elkner 2 years ago
parent ed56945109
commit 18432ad46e
2 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File

5
README.md
Unescape Escape View File

@ -11,4 +11,7 @@ instead of PHP.
## Resources ## Resources
* [Responsive Web Design - Introduction](https://www.w3schools.com/css/css_rwd_intro.asp) * [Responsive Web Design - Introduction](https://www.w3schools.com/css/css_rwd_intro.asp) (w3schools)
* [Viewport concepts](https://developer.mozilla.org/en-US/docs/Web/CSS/Viewport_concepts) (Mozilla Development Network)
* [Using media queries](https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries) (Mozila Development Netork)
* [Window: resize event](https://developer.mozilla.org/en-US/docs/Web/API/Window/resize_event)

4
index.html
Unescape Escape View File

@ -2,6 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href='https://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet'> <link href='https://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Ubuntu%20Condensed' <link href='https://fonts.googleapis.com/css?family=Ubuntu%20Condensed'
rel='stylesheet'> rel='stylesheet'>
@ -9,6 +10,8 @@ rel='stylesheet'>
<style> <style>
@import url(css/elknernet.css); @import url(css/elknernet.css);
</style> </style>
<script>
</script>
</head> </head>
<body> <body>
@ -266,6 +269,7 @@ LTSP: Moving into the Mainstream</a></li>
<strong> HTML </strong> Valid! </a> <strong> HTML </strong> Valid! </a>
<a href="http://jigsaw.w3.org/css-validator/validator?uri=https://elkner.net/?profile=css3"> <a href="http://jigsaw.w3.org/css-validator/validator?uri=https://elkner.net/?profile=css3">
<strong> CSS </strong> Valid! </a> <strong> CSS </strong> Valid! </a>
<span id="winDisplay">Window width: <span id="scWidth"></span></span>
</footer> </footer>
</body> </body>

Write Preview
Loading…
Cancel
Save