podcast Archives ⋆ Schaffen Creative

By Tom Norman

Make. Manage. Achieve.... more

Download on the App Store

Download on the App Store

Get it on Google Play

FAQs about podcast Archives ⋆ Schaffen Creative:

How many episodes does podcast Archives ⋆ Schaffen Creative have?

The podcast currently has 45 episodes available.

podcast Archives ⋆ Schaffen Creative episodes:

November 09, 2015 Eps 15: Media Queries – Talking HTML
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 the default margin and padding on all elements*/
margin: 0;
padding: 0;
}

If you enjoy listening please share with your friends.
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 15: Media Queries – Talking HTML appeared first on Schaffen Creative.
...more
13min
October 21, 2015 Eps 14: Rotating Images – Talking HTML
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

<br />

The post Eps 14: Rotating Images – Talking HTML appeared first on Schaffen Creative.
...more
12min
October 12, 2015Eps 13: CSS Drop Down Menus – Talking HTML
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 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
Home

Portfolio

Hire Me

The Podcasts
Talking 1265

Talking HTML

The post Eps 13: CSS Drop Down Menus – Talking HTML appeared first on Schaffen Creative.
...more
11min
September 25, 2015 Eps 12: Pretty Links WordPress Plugin – Talking HTML
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.
...more
12min
August 25, 2015Eps 11: Responsive Overview – Talking HTML
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 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 11: Responsive Overview – Talking HTML appeared first on Schaffen Creative.
...more
12min
August 06, 2015Eps 10: Get Your Learn On – Talking HTML
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 Business
1/2 entertainment 1/2 business

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

The post Eps 10: Get Your Learn On – Talking HTML appeared first on Schaffen Creative.
...more
14min
July 16, 2015Eps 9: Corporate vs Freelance – Talking HTML
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 work on the projects you want to work on
You can charge what you want
Negatives
No set schedule, work follows you
If you don’t work you don’t get paid ~ can make for long work days
Equipment costs money!
Computer, software, extra monitors, peripherals
You are responsible for finding your own work

final thought

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
The post Eps 9: Corporate vs Freelance – Talking HTML appeared first on Schaffen Creative.
...more
19min
June 30, 2015Eps 8: Clean Up Your Code – Talking HTML
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 between content sections can help keep your code sorted
Use multiple CSS documents when creating responsive designs
ex – 1 style sheet for cell phones, 1 style sheet for tablets, 1 style sheet for large screens and then 1 style sheet for regular sized screens
make sure all of your files are sorted and named properly
no empty folders
folders need to have an index.html page
files need to be named appropriately
your portfolio page shouldn’t be called “job stuff”
leads to messy url’s and takes longer to find if you forget what you named things
Use comments to specify code snippets and entire sections of your code
commenting on your code can help you remember what your code does when looking at it. More importantly it helps others figure out what you’re doing if you pass a project on
ex – comment what is navigation, sidebar, body, footer, special content
comment on what code actually does
You can always use programs after the fact to take the spacing out of the CSS style sheets

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

The post Eps 8: Clean Up Your Code – Talking HTML appeared first on Schaffen Creative.
...more
12min
June 24, 2015Eps 7: SubDomain – Talking HTML
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
  You can choose to link a subdomain to the main domain or you can choose to keep it hidden
  Don’t have to pay for multiple domains
Domains aren’t expensive but every penny counts when you are starting out
  Keeps websites all in one spot
1 common domain
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

The post Eps 7: SubDomain – Talking HTML appeared first on Schaffen Creative.
...more
7min
June 09, 2015 Eps 6: Images – Talking HTML
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 user experience
     If it takes to long to load people leave and go somewhere else

Jpeg
Millions of colors
Smaller file sizes
No opacity
blurry on zoom in

PNG
Millions of colors
Larger file size
Supports opacity
retains clarity when zoomed in

Not just photos!

Images can be used for backgrounds
   From full scale image to 1px repeated pattern -ex TNPW Design portfolio page
  Used for navigation buttons/ action buttons – though CSS now takes care of that unless button is specialized

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

The post Eps 6: Images – Talking HTML appeared first on Schaffen Creative.
...more
7min

FAQs about podcast Archives ⋆ Schaffen Creative:

How many episodes does podcast Archives ⋆ Schaffen Creative have?

The podcast currently has 45 episodes available.