Talking HTML: Recent Episodes
Tom Norman
Big Daddy takes the team on a field trip to show them a ghost, but is it a trap? Only the ghost knows.
A giant slug was the source of the moan
Clawing Kain right down to the bone
Upon death, an explosion
Raining acidic corrosion
Until Abed dropped like a stone.
Wanderer’s Guide: https://wanderersguide.app/
Norm (Abed Klatch): https://wanderersguide.app/profile/characters/303945
Genius (Crew): https://wanderersguide.app/profile/characters/370156
Kooch (Lady Syl): https://wanderersguide.app/profile/characters/303934
Rick (Jacob Kain): https://wanderersguide.app/profile/characters/324089
Patreon: https://patreon.com/2nerds1quest
The post Pathfinder Session 14: Bard Door Reach-Around appeared first on Schaffen Creative.
The team delves deeper through the basement and finds themselves confronted by Big Daddy. Surely he can’t be one of their real fathers, can he?
Wanderer’s Guide: https://wanderersguide.app/
Norm (Abed Klatch): https://wanderersguide.app/profile/characters/303945
Genius (Crew): https://wanderersguide.app/profile/characters/370156
Kooch (Lady Syl): https://wanderersguide.app/profile/characters/303934
Rick (Jacob Kain): https://wanderersguide.app/profile/characters/324089
Patreon: https://patreon.com/2nerds1quest
The post Pathfinder Session 13: Too Much Puke, Not Enough Dixie Cups appeared first on Schaffen Creative.
Now that the team has moved down a level, things start to get interesting. There’s definitely more than meets the eye in building.
Since the party was tired and sore,
We decided to rest and restore.
Ready for the new day
Without further delay
We head down to a whole ’nother floor.
Wanderer’s Guide: https://wanderersguide.app/
Norm (Abed Klatch): https://wanderersguide.app/profile/characters/303945
Genius (Crew): https://wanderersguide.app/profile/characters/370156
Kooch (Lady Syl): https://wanderersguide.app/profile/characters/303934
Rick (Jacob Kain): https://wanderersguide.app/profile/characters/324089
Patreon: https://patreon.com/2nerds1quest
The post Pathfinder Session 12: Wear Rubber Gloves Around Abed appeared first on Schaffen Creative.
The team is finding that there are way more questions than answers as they traverse the Gauntlight. After finding the blood pool they decide to camp in the run down building instead of heading back to town, but will it be to their detriment?
While exploring the Gauntlight at night
Found a Brownie with his dancing light
But then back in the tower
A bloody statue with power
That pulls blood from Kain’s skin, that’s not right!
Wanderer’s Guide: https://wanderersguide.app/
Norm (Abed Klatch): https://wanderersguide.app/profile/characters/303945
Genius (Crew): https://wanderersguide.app/profile/characters/370156
Kooch (Lady Syl): https://wanderersguide.app/profile/characters/303934
Rick (Jacob Kain): https://wanderersguide.app/profile/characters/324089
Patreon: https://patreon.com/2nerds1quest
The post Pathfinder Campaign Session 11: Vial of Yum appeared first on Schaffen Creative.
The show is down 2 members, so Norm and Kooch take the reins and discuss their characters, leveling up, motivations and the story in general. They also discuss Obi-Wan Kenobi on Disney Plus, music and a few video game comments sprinkled in for good measure. Patreon: https://patreon.com/2nerds1questMyron “Doug” Bloodbeak: https://www.dndbeyond.com/characters/61987353Krixis Rubicon: https://www.dndbeyond.com/characters/32635458Jakob “The Kid” d’Orien: https://www.dndbeyond.com/characters/62848067Twitter: https://twitter.com/2nerds1questWebsite: https://SchaffenCreative.com/2-nerds-1-quest/Merch Store: https://2-nerds-1-quest.creator-spring.com/
The post Just Chatting: The Shaquille O’Neal Of Birds appeared first on Schaffen Creative.
The position property specifies the type of positioning method used for an element. There are five different position values: Static, Relative, Fixed, Absolute, Sticky Properties: top, bottom, left, right, z-index, clip (Clips an absolutely positioned element) Static HTML elements are positioned static by default. Static positioned elements are not affected by the top, bottom, left, and right properties. An element with position: static; is not positioned in any special way; it is always positioned according to the normal flow of the page: Relative positioned relative to its normal position. Setting the top, right, bottom, and left properties of a relatively-positioned…
The post Eps 38: CSS Positioning appeared first on Schaffen Creative.
The first episode in quite a long time. The first 10 minutes or so are a general welcome statement and update while the last 35 mins are a tutorial on how to edit and update WordPress posts and pages. I’m a bit rusty so hopefully it’s not too hard on your ears. Look for more shows coming soon. WordPress and Gutenberg Tutorial by Packerland Websites: https://youtu.be/dKOgg7ULPB4 Discord Channel: https://discord.gg/p5masyrFaW Patreon Support: Coming Soon Twitter: @tommnorman & @schaffencreate Website: SchaffenCreative.com Packerland Websites: PackerlandWebsites.com
The post Eps 37: Welcome and WordPress Tutorial appeared first on Schaffen Creative.
In this session Aronan, Elli and Alphonse defend Butterskull Ranch from several Orcs and a White Dragon. Character creation tool: https://dndbeyond.comAronan: Character SheetTwitter: https://twitter.com/2nerds1questWebsite: SchaffenCreative.com/2-nerds-1-quest/
The post Session 10 – Captain Butterskull Himself appeared first on Schaffen Creative.
Document Object Model (DOM) Taken from w3schools.com – The W3C Document Object Model (DOM) is a platform and language-neutral interface that allows programs and scripts to dynamically access and update the content, structure, and style of a document.” The W3C DOM standard is separated into 3 different parts: Core DOM – standard model for all document types XML DOM – standard model for XML documents HTML DOM – standard model for HTML documents The HTML DOM is a standard object model and programming interface for HTML. It defines: The HTML elements as objects The properties of all HTML elements The…
The post Eps 36: Document Object Model (DOM) appeared first on Schaffen Creative.
What is a fixed position footer? The concept of taking a footer that more than likely doesn’t sit at the bottom of a screen comfortably and forcing it to stay put at the bottom of the screen. This is ideal if you have information there that you would like people to have a constant view on. Ie, social links, navigation links, contact information Content goes here. #footer { position:fixed; left:0px; bottom:0px; Height:30px; width:100%; } Flexbox – via CSS Tricks by Chris Coyier Twitter @SchaffenCreate @tommnorman Website: https://www.schaffencreative.com
The post Eps 35: Fixed Position Footer appeared first on Schaffen Creative.
Website SEO Write your code correctly H1, h2, h3, p, table, use alt tag on images – 2 for 1 also impacts adaptability standards (screen readers and assistance devices Mobile first Biggest push and newest standards are trending towards (or in most cases already implemented) creating a mobile friendly and responsive website Tougher to do using wordpress vs frameworks like Bootstrap, but always test your mobile views before clicking publish DO NOT USE m. for your mobile site, make your site responsive (scalable) Link building Find ways to get other websites to link to your site. If you are building…
The post Eps 34: Website SEO in 2018 appeared first on Schaffen Creative.
The importance of testing sites in web development.
The post Eps 33: Testing Sites appeared first on Schaffen Creative.
Steps: 1.) Login via FTP 2.) Find the main index page of your theme 3.) Download via FTP SAVE THE ORIGINAL COPY AS A SEPARATE FILE SO YOU CAN EASILY REPLACE ANY CHANGES/ERRORS 4.) Edit page accordingly. For example: Remove sidebar code Remove main page code Add new sections using html – basic HTML, Bootstrap or any other framework compatible with WordPress Test your changes, experiment with removing different sections Search online for tutorials on how to utilize WordPress code to its fullest extent 5.) Save document as front-page.php Wordpress looks for front-page.php if it exists and uses that as…
The post Eps 32: Custom WordPress Homepage appeared first on Schaffen Creative.
This is a brief update on the future of the podcast, my brand (TNPW Design) and projects coming down the road.
The post Podcast Update appeared first on Schaffen Creative.
A mixin allows developers to create reusable CSS blocks. This helps avoiding writing repetitive code. Also allows to make quick changes without searching code for every instance. @mixin image-rotate { margin: 20px auto 0 auto; -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } @mixin image-rotate-hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } img#norm { @include image-rotate; } img#norm:hover{ @include image-rotate-hover; } Sitepoint example A mixin can take Sass data values as arguments. These values are specified when you define the mixin and…
The post Eps 31: SASS MixIn – Talking HTML appeared first on Schaffen Creative.
What is SASS? Considered an extension of CSS. I consider it a streamlined version of CSS. How it works Set up on your personal system – I use Koala to compile my code Done locally then uploaded to the server via Filezilla Create a .SCSS file Write ANY CSS code as you normally would Add the SASS styling code as you see fit variables mixins Code Nesting Putting code inside of code imports Get into it in a future eps Save file Compile code may do so automatically once SCSS file is saved. Compiling transforms your SCSS file into a…
The post Eps 30: SASS Basics – Talking HTML appeared first on Schaffen Creative.
Check your workflow Review EVERYTHING. Look at where you work Desk setup Are you in an external office or do you sit in your living room at home Do you need to find a new spot What are you sitting in Type of chair matters How many monitors are you using Do you need a new one? Do you need to add another? You can’t be productive if you are distracted or uncomfortable How do you work What is your text editor of choice Does it access FTP? Do you work off of your local machine and upload via an…
The post Eps 29: Back to Basics – Talking HTML appeared first on Schaffen Creative.
This episode is being used as an update to what is to come in the near future.SASS, Bootstrap and JavaScript for starters. Also a giant thank you to everyone who has downloaded, listened or rated this podcast. I have read the comments and I appreciate the nice words. Come back again for more episodes coming soon. @tommnorman @tnpwdesign TNPWDesign.com WebDevPod.com
The post The Update Episode – Talking HTML appeared first on Schaffen Creative.
A float allows an element to be moved/placed on the webpage Float event: elements are removed from the flow of the website. Will cause issues with non floated elements. Use: Float: left, right, none Clear: left, right, both ORDER MATTERS!!! Items in the first position will be placed first. Go to itunes, stitcher, or wherever you get your podcasts and leave the show a rating and a comment. Ratings get listeners! If you don’t leave a rating/comment then please tell a friend. @tommnorman @TNPWDesign Link to the Youtube video: https://youtu.be/vD3hA5xh7lA webdevpod.com CODE body { Width: 980px; } #box1 { …
The post CSS Float – Talking HTML appeared first on Schaffen Creative.
A very basic tutorial on how to build a Material Design expanding circle as seen on Google products. Smashing Magazine Transition article Material Design Instructions https://design.google.com/ HTML –> +
t
f
g+
CSS .circle { width:60px; height:60px; box-shadow: 3px 3px 6px #333333; border-radius:50%; position: fixed; bottom: 10px; right: 10px; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; } .circle p { margin: 0; padding: 0; font-size: 40px; font-weight: bold; } .circle1 { background-color:#db4531; z-index: 4; } .circle2…
The post Material Design: Expanding Circle – Talking HTML appeared first on Schaffen Creative.
PHP includes are a vital aspect of websites and should be incorporated into every Web Developer’s workflow. Code via Chris Coyier and the CSS Tricks website Main reason for using a PHP include: All code for a specific function is under 1 roof. If you need to make a change you change it in 1 spot instead of going to each and every individual page When using and creating includes the files need to have the php extension on the file. Index.html turns into index.php Popular includes to create: Footer.php Header.php Navigation.php Other examples: Meta data/ stylesheets/ head information Social…
The post PHP Includes – Talking HTML appeared first on Schaffen Creative.
http://www.w3schools.com/cssref/css3_pr_background.asp Individual Properties Background -image Background -repeat Background -position Background -size Shortcode background : #cccccc url(“img_tree.gif”) no-repeat fixed top left; Multiple Background Images background -image: url(“img_tree.gif”), url(“img_flwr.gif”); Properties positioning: top, bottom, left, right, center repeat, repeat-x (horizontal), repeat-y (vertical), no-repeat, horizontal% vertical% (top left is 0% 0%) horizontalpos verticalpos – ex= (0px 0px), (0em, 0em) background -image default is top-left corner of an element and repeated You can set a background to inherit, though I don’t recommend it. Gradients can be created – however it is not supported by all browsers. Use with caution. If you are interested in background…
The post Eps 25: CSS Backgrounds – Talking HTML appeared first on Schaffen Creative.
Welcome to Talking HTML, an audio/video internet thing for web developers who are just starting out W3 Schools The headers attribute specifies one or more header cells a table cell is related to and has no visual effect in ordinary web browsers, but can be used by screen readers. Please go to iTunes and Stitcher and rate the show! Ratings get listeners!! http://www.Webdevpod.com for all the content and links @TNPWDesign @tommnorman DreamHost promo code – tnpw HTML Code
| Project Type | Price | General Requirements | | --- | --- | --- | | …
The post Eps 24: Building A Table – Talking HTML appeared first on Schaffen Creative.
Welcome to Talking HTML, an audio/video internet thing for web developers who are just starting out This is a basic web development tutorial on styling a primary navigation using HTML and CSS. As always, the code will be in the show notes. Please go to iTunes, Stitcher or Google Play Music and rate the show! Ratings get listeners!! http://www.Webdevpod.com for all the content and links @TNPWDesign @tommnorman DreamHost promo code – tnpw / HTML / * *
/ Navigation / #nav { padding-top: 205px; margin-left: 105px; } #nav ul li{ color:…
The post A basic web development tutorial on styling a primary navigation using HTML and CSS. – Talking HTML appeared first on Schaffen Creative.
Welcome to Talking HTML, an audio/video internet thing for web developers who are just starting out section of the page with content related to the page separate from that content. Used as a sidebar or an inserted box/space advertisements bio/blurb/profile information related links on a site Does NOT have to be on the side of the site/page Be creative, use a circle or other shape Place it in the middle of the page, wrap wording around the container. Whatever you decide to do with it, make sure it sticks out as separate content Different background color, use a…
The post Eps 22: An Aside – Talking HTML appeared first on Schaffen Creative.
Have a combination of long term and short term goals. Break goals into bite sized chunks. If you want to learn a language make weekly checkpoints. For long term goals have monthly or bimonthly checkpoints. Know who you are and be realistic about your goals. Before you begin down your path it may be helpful to map out your plans. Create a calendar on your phone/computer and use notifications to keep you on track. Join social groups or local meet ups to enhance your experience. If you share your experience with friends, family or even strangers that may go a…
The post Eps 21: Resolutions – Talking HTML appeared first on Schaffen Creative.
All about Google Fonts Ensure readability and accessibility before choosing a final font for your website! 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
The post Eps 20: Google Fonts – Talking HTML appeared first on Schaffen Creative.
This a brief tutorial about coding the element using HTML and CSS.
The post Eps 19: Head Code – Talking HTML appeared first on Schaffen Creative.
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
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 when it’s crawled by the google wizards. 1 of my sites looked completely broken. The images weren’t showing up…
The post Eps 17: Optimizing WordPress – Talking HTML appeared first on Schaffen Creative.
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
The post Eps 16: Code With Confidence – Talking HTML appeared first on Schaffen Creative.
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…
The post Eps 15: Media Queries – Talking HTML appeared first on Schaffen Creative.
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 <![endif]–>
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 Stitcher to rate the show! Ratings get listeners!! If you…
The post Eps 13: CSS Drop Down Menus – Talking HTML appeared first on Schaffen Creative.
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
The post Eps 12: Pretty Links WordPress Plugin – Talking HTML appeared first on Schaffen Creative.
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 what your code does. especially when it comes to moving content around or removing content altogether. If you enjoy listening please share it with your…
The post Eps 11: Responsive Overview – Talking HTML appeared first on Schaffen Creative.
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 books Udemy Pay per course (some free courses) Podcast Deeply Graphic Design Cast Coding 101 from the TWIT network (video podcast) Developer Tea (short eps) Unfinished…
The post Eps 10: Get Your Learn On – Talking HTML appeared first on Schaffen Creative.
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 No matter how much or how hard you work you are stuck at a salary or hourly wage Self employed /start up Positives Create your own hours Ability to…
The post Eps 9: Corporate vs Freelance – Talking HTML appeared first on Schaffen Creative.
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, attributes, php vs html vs javascript will help to identify individual aspects of code faster Don’t be afraid to use the enter button space…
The post Eps 8: Clean Up Your Code – Talking HTML appeared first on Schaffen Creative.
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 useful when building a limited time site or an event which may only be around for a certain amount of time…
The post Eps 7: SubDomain – Talking HTML appeared first on Schaffen Creative.
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 site load time Load time is arguably the most important adjective of…
The post Eps 6: Images – Talking HTML appeared first on Schaffen Creative.
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: http://www.example.com/page-sitemap.xml Have a basic index.html template – can be opened in any editor – makes having to rewrite basic skeleton/frame code null – consistency across web pages/ other websites…
The post Eps 5: Tips & Tricks – Talking HTML appeared first on Schaffen Creative.
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 I say “Parentheses” instead of “Quotation Marks” Downfalls of single page site…
The post Eps 4: Pages and Basic Content – Talking HTML appeared first on Schaffen Creative.
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 continuity explain Minus File heavy can be slow plugins aren’t always kept up to date easy to forget to…
The post Eps 3: An Intro To WordPress – Talking HTML appeared first on Schaffen Creative.
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 post Eps 2: Dev Tools and Personal Creation – Talking HTML appeared first on Schaffen Creative.
The inaugural, introductory episode of Talking HTML.
The post Eps 1: The Intro Show – Talking HTML appeared first on Schaffen Creative.