by dr derek peacockvalerianweb.com/tutor/assets/css/css3_progressiveenhancement.pdf · html6...
TRANSCRIPT
![Page 1: By Dr Derek Peacockvalerianweb.com/tutor/Assets/CSS/CSS3_ProgressiveEnhancement.pdf · HTML6 JavaScript 735 Flattr Index gdChoices Tables css HTML5 Canvas Demo Search: border-radius,](https://reader035.vdocuments.site/reader035/viewer/2022071008/5fc610704d00007eda14686e/html5/thumbnails/1.jpg)
By Dr Derek Peacock
![Page 2: By Dr Derek Peacockvalerianweb.com/tutor/Assets/CSS/CSS3_ProgressiveEnhancement.pdf · HTML6 JavaScript 735 Flattr Index gdChoices Tables css HTML5 Canvas Demo Search: border-radius,](https://reader035.vdocuments.site/reader035/viewer/2022071008/5fc610704d00007eda14686e/html5/thumbnails/2.jpg)
Borders – rounded corners Backgrounds – multiple images Colour – Opacity and gradients Text – Shadows & Web Fonts Box – Shadows Transformations & Transitions Media Queries – size and aspect ratios
![Page 3: By Dr Derek Peacockvalerianweb.com/tutor/Assets/CSS/CSS3_ProgressiveEnhancement.pdf · HTML6 JavaScript 735 Flattr Index gdChoices Tables css HTML5 Canvas Demo Search: border-radius,](https://reader035.vdocuments.site/reader035/viewer/2022071008/5fc610704d00007eda14686e/html5/thumbnails/3.jpg)
http://html5test.com/
![Page 4: By Dr Derek Peacockvalerianweb.com/tutor/Assets/CSS/CSS3_ProgressiveEnhancement.pdf · HTML6 JavaScript 735 Flattr Index gdChoices Tables css HTML5 Canvas Demo Search: border-radius,](https://reader035.vdocuments.site/reader035/viewer/2022071008/5fc610704d00007eda14686e/html5/thumbnails/4.jpg)
![Page 5: By Dr Derek Peacockvalerianweb.com/tutor/Assets/CSS/CSS3_ProgressiveEnhancement.pdf · HTML6 JavaScript 735 Flattr Index gdChoices Tables css HTML5 Canvas Demo Search: border-radius,](https://reader035.vdocuments.site/reader035/viewer/2022071008/5fc610704d00007eda14686e/html5/thumbnails/5.jpg)
http://caniuse.com/
![Page 6: By Dr Derek Peacockvalerianweb.com/tutor/Assets/CSS/CSS3_ProgressiveEnhancement.pdf · HTML6 JavaScript 735 Flattr Index gdChoices Tables css HTML5 Canvas Demo Search: border-radius,](https://reader035.vdocuments.site/reader035/viewer/2022071008/5fc610704d00007eda14686e/html5/thumbnails/6.jpg)
border-radius
![Page 7: By Dr Derek Peacockvalerianweb.com/tutor/Assets/CSS/CSS3_ProgressiveEnhancement.pdf · HTML6 JavaScript 735 Flattr Index gdChoices Tables css HTML5 Canvas Demo Search: border-radius,](https://reader035.vdocuments.site/reader035/viewer/2022071008/5fc610704d00007eda14686e/html5/thumbnails/7.jpg)
![Page 8: By Dr Derek Peacockvalerianweb.com/tutor/Assets/CSS/CSS3_ProgressiveEnhancement.pdf · HTML6 JavaScript 735 Flattr Index gdChoices Tables css HTML5 Canvas Demo Search: border-radius,](https://reader035.vdocuments.site/reader035/viewer/2022071008/5fc610704d00007eda14686e/html5/thumbnails/8.jpg)
![Page 9: By Dr Derek Peacockvalerianweb.com/tutor/Assets/CSS/CSS3_ProgressiveEnhancement.pdf · HTML6 JavaScript 735 Flattr Index gdChoices Tables css HTML5 Canvas Demo Search: border-radius,](https://reader035.vdocuments.site/reader035/viewer/2022071008/5fc610704d00007eda14686e/html5/thumbnails/9.jpg)
border-radius: 0px 0px 20px 20px;border-radius: 20px;
![Page 10: By Dr Derek Peacockvalerianweb.com/tutor/Assets/CSS/CSS3_ProgressiveEnhancement.pdf · HTML6 JavaScript 735 Flattr Index gdChoices Tables css HTML5 Canvas Demo Search: border-radius,](https://reader035.vdocuments.site/reader035/viewer/2022071008/5fc610704d00007eda14686e/html5/thumbnails/10.jpg)
![Page 11: By Dr Derek Peacockvalerianweb.com/tutor/Assets/CSS/CSS3_ProgressiveEnhancement.pdf · HTML6 JavaScript 735 Flattr Index gdChoices Tables css HTML5 Canvas Demo Search: border-radius,](https://reader035.vdocuments.site/reader035/viewer/2022071008/5fc610704d00007eda14686e/html5/thumbnails/11.jpg)
![Page 12: By Dr Derek Peacockvalerianweb.com/tutor/Assets/CSS/CSS3_ProgressiveEnhancement.pdf · HTML6 JavaScript 735 Flattr Index gdChoices Tables css HTML5 Canvas Demo Search: border-radius,](https://reader035.vdocuments.site/reader035/viewer/2022071008/5fc610704d00007eda14686e/html5/thumbnails/12.jpg)
http://www.colorzilla.com/gradient-editor/
![Page 13: By Dr Derek Peacockvalerianweb.com/tutor/Assets/CSS/CSS3_ProgressiveEnhancement.pdf · HTML6 JavaScript 735 Flattr Index gdChoices Tables css HTML5 Canvas Demo Search: border-radius,](https://reader035.vdocuments.site/reader035/viewer/2022071008/5fc610704d00007eda14686e/html5/thumbnails/13.jpg)
![Page 14: By Dr Derek Peacockvalerianweb.com/tutor/Assets/CSS/CSS3_ProgressiveEnhancement.pdf · HTML6 JavaScript 735 Flattr Index gdChoices Tables css HTML5 Canvas Demo Search: border-radius,](https://reader035.vdocuments.site/reader035/viewer/2022071008/5fc610704d00007eda14686e/html5/thumbnails/14.jpg)
![Page 15: By Dr Derek Peacockvalerianweb.com/tutor/Assets/CSS/CSS3_ProgressiveEnhancement.pdf · HTML6 JavaScript 735 Flattr Index gdChoices Tables css HTML5 Canvas Demo Search: border-radius,](https://reader035.vdocuments.site/reader035/viewer/2022071008/5fc610704d00007eda14686e/html5/thumbnails/15.jpg)
header h1{
text-shadow: 2px 2px rgba(0, 0, 0, 0.5);}
![Page 16: By Dr Derek Peacockvalerianweb.com/tutor/Assets/CSS/CSS3_ProgressiveEnhancement.pdf · HTML6 JavaScript 735 Flattr Index gdChoices Tables css HTML5 Canvas Demo Search: border-radius,](https://reader035.vdocuments.site/reader035/viewer/2022071008/5fc610704d00007eda14686e/html5/thumbnails/16.jpg)