Welcome to Talking HTML, an audio/video internet thing for web developers who are just starting out.   If you enjoy listening please share it with your friends and Please go to iTunes and Stitcher to rate the show! Ratings get listeners!! If you leave a good comment it could end up on the front page of the site! http://www.Webdevpod.com for all the content and links @TNPWDesign @tommnorman DreamHost promo code – tnpw #center { width:...

WordPress Optimization Welcome to Talking HTML, an audio/video internet thing for web developers who are just starting out Child Themify WordPress Plugin allows for easy coding without actually changing the original theme starts with only the css file but you can add any file that you want. robots.txt the code for this file is in the show notes makes your site more accessible to search engine crawling/indexing if you use google dev tools you can see what your website looks like...

Welcome to Talking HTML, an audio/video internet thing for web developers who are just starting out     If you enjoy listening please share it with your friends and Please go to iTunes and Stitcher to rate the show! Ratings get listeners!! If you leave a good comment it could end up on the front page of the site! http://www.Webdevpod.com for all the content and links @TNPWDesign @tommnorman DreamHost promo code – tnpw  

Window Resizer Chrome Extension –  After installing it shows up in the upper right hand corner of your Chrome window at the end of the address bar. It allows you to see the “Viewport Size” and “Window Size” of the current browser window in pixels.   This code goes into the HTML   This code goes into the CSS @media screen and (min-width: 768px) and (max-width: 1024px) { Write CSS code as normal } @media screen and (max-width: 450px) { Write CSS code as normal } * { /*zero-out...

Welcome to Talking HTML, an audio/video internet thing for web developers who are just starting out Please go to iTunes and Stitcher to rate the show! Ratings get listeners!! If you leave a good comment it could end up on the front page of the site!   http://www.Webdevpod.com for all the content and links @TNPWDesign @tommnorman DreamHost promo code – tnpw     Code #wood { /* 1st set of icons. Rotate them 360deg onmouseover and out...

Welcome to Talking HTML, an audio/video internet thing for web developers who are just starting out Code will be attached to show notes for you to reference as you listen, or go ahead and copy it to try it out for yourself.   Start out with html  Use an Unordered list  Nest your lists Display: none; hides the dropdown menu display: block; makes the menu appear when attached using :hover to a   If you enjoy listening please share it with your friends and Please go to iTunes and...

Welcome to Talking HTML, an audio/video internet thing for web developers who are just starting out. This is about Pretty Links, a WordPress Plugin. If you enjoy listening please share it with ur friends and Please go to iTunes and Stitcher to rate the show! Ratings get listeners!! If you leave a good comment it could end up on the front page of the site!   http://www.Webdevpod.com for all the content and links @TNPWDesign @tommnorman DreamHost promo code – tnpw

Welcome to Talking HTML, an audio/video internet thing for web developers who are just starting out     Navigation Style Hamburger menu Slide in from the side Button with drop down menu /accordion Placement Css vs js Load times Amount of Content Images Size Type Are they necessary? Images Scaling smaller Keep your css in separate file. large screen, laptop, tablet, phone comment on your code — make sure you place appropriate comments about...

Welcome to Talking HTML, an audio/video internet thing for web developers who are just starting out   Free * CSS Tricks by Chris Coyier * Probably one of the best CSS resources available * Tuts+ * Codeacademy * W3 Schools * Responsive Design weekly – weekly email blast * Links to articles * HTML 5 weekly *don’t be afraid to use Twitter, Facebook and Google +  Paid * Lynda.com * monthly fee * You name it you can learn it * Sitepoint * Tons of great...

Welcome to Talking HTML, an audio/video internet thing for web developers who are just starting out   Today is the cost-benefit analysis of working in a corporate setting versus working for yourself       Corporate Positives * Constant income * Relatively Consistent work schedule * Work stays at work * No working cost * Computer * Monitors * Random supplies Negatives * Work for someone else * Answer to a boss * Work looks the same ~ no change in scenery *...

Welcome to Talking HTML, an audio/video internet thing for web developers who are just starting out. Write clean code * Indentation * make sure it’s consistent * ensures readability of the code, maps out what you are doing and what element is nested where * Make sure you’re naming your id’s and classes consistently * they need to make sense and not just be garbled dumpster fires * Make sure your code writing program uses colors for different styles of code * elements,...

Welcome to Talking HTML, an audio/video internet thing for web developers who are just starting out   Today is all about the subdomain   Can be used with both WordPress and FTP/ Hand crafted pages What is a subdomain? * All it is is a subdivision of a domain * whenever you see a website with the address  randomname.blank.com/org/edu – the randomname is the subdomain. It always comes first Uses *   Can break your interests and topics into separate but manageable parts *   Very...

Welcome to Talking HTML, an audio/video internet thing for web developers who are just starting out Today it’s all about images!   2 main types I’ll talk about is jpeg and png. Also SVG but that is reserved for a more in depth discussion   Images are one of the most important aspects of building and maintaining a website   Why use images? Makes site look good Visual representation of what website is about   Need to be cautious: Photos take up bandwidth   Big images can slow down...

Welcome to Talking HTML, an audio/video internet thing for web developers who are just starting out!     In WordPress always use a child theme.   – Child Themify   – FTP header.php, footer.php, and index.php   – Create a robot.txt file and upload it – helps in seo/search Use this code in a file on its own and name it robot.txt: User-Agent: * Allow: /wp-content/uploads/ Allow: /wp-content/plugins/ Disallow: /readme.html Sitemap: http://www.example.com/post-sitemap.xml Sitemap:...

Welcome to Talking HTML, an audio/video internet thing for web developers who are just starting out   Today I’m talking about web pages, their order on a site and a bit about content. Website structure is very important   – all content should be easily accessible   – navigation should be easy to find and read   Pages   – at least 2 pages       – index/home page       – contact page (should have a thank you page but not necessary)       – external links should use **Note** At 9:25...

This is Eps 3   Today is an Intro to WordPress   What is WP? * A Free open source CMS project used for building websites and blogs * Made up of tons of PHP files * Highly customizable if you know what you are doing * Uses plugins * some paid/most have unpaid options Pluses * Ease of use * FREE * open sourced * Great for E-commerce * don’t need to create your own online store * Nice to have a blog incorporated into a website without losing visual...

Web Dev tools Used for troubleshooting Used for looking at other websites code inspect element options showing code Why personal page should be hand coded -Display of your skills -Immediate resume -Create any design of your choice -Practice practice practice Webdevpod.com for all the content and links @TNPWDesign @tommnorman DreamHost promo code – tnpw

The inaugural, introductory episode of Talking HTML.