Empfohlen
Weitere ähnliche Inhalte
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
Empfohlen
Empfohlen (20)
Pawsitivity
- 2. About me •Interactive Developer •How I got started Pawsitivity Project
- 3. Pawsitivity Project About the languages HTML CSS JavaScript
- 4. About the site •The Chrome Inspector •Code demos Pawsitivity Project
- 5. Exercise in the Inspector 1. What is the title tag of the homepage? 2. What is the hex color for the login button? 3. What is the max-width of the “.wrap” div? 4. What is the font-size for the H2 on the video detail page? Pawsitivity Project
- 6. Other considerations •Different browsers •Different devices •Different users Pawsitivity Project
Hinweis der Redaktion
- Interactive Developer Turn designs into web pages (without the guts) Code in HTML/CSS & JS (more on that later) How I got started in the industry College degree Learned on the job I enjoy building things Pays better than McDonalds
- Does anyone have experience writing code? Car analogy: HTML - frame CSS - paint & aesthetics JS - controls
- Changing HTML: Account page - change H2 to an H1 Delete something in the inspector Move something around Changing CSS: Change header background color to pink (inspector) Un-comment Logo transition stuff in the code Changing JS: Add window alert for scroll up function Explain "data-layout" element Velociraptor demo
- Pawsitivity #95cf8a 320px 20px
- We usually test on… What devices do you use?
- Closing remarks: Trial and error Don't be afraid to look things up Practice makes perfect