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:…
Podcast: Play in new window | Download (Duration: 22:42 — 20.8MB)
Subscribe: Apple Podcasts | Android | Email | RSS
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…
Podcast: Play in new window | Download (Duration: 19:07 — 17.5MB)
Subscribe: Apple Podcasts | Android | Email | RSS
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…
Podcast: Play in new window | Download (Duration: 19:40 — 18.0MB)
Subscribe: Apple Podcasts | Android | Email | RSS
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…
Podcast: Play in new window | Download (Duration: 4:13 — 3.9MB)
Subscribe: Apple Podcasts | Android | Email | RSS
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!!!…
Podcast: Play in new window | Download (Duration: 13:59 — 12.8MB)
Subscribe: Apple Podcasts | Android | Email | RSS
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 HTML <div class=”container_circle”> <div class=”circle circle1″> <!– <img src=”YOUR-URL-IMAGE.png”> –> <p>+</p> </div> <div class=”circle…
Podcast: Play in new window | Download (Duration: 18:15 — 16.7MB)
Subscribe: Apple Podcasts | Android | Email | RSS
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…
Podcast: Play in new window | Download (Duration: 15:55 — 14.6MB)
Subscribe: Apple Podcasts | Android | Email | RSS
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,…
Podcast: Play in new window | Download (Duration: 15:31 — 14.2MB)
Subscribe: Apple Podcasts | Android | Email | RSS
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…
Podcast: Play in new window | Download (Duration: 14:08 — 12.9MB)
Subscribe: Apple Podcasts | Android | Email | RSS
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…
Podcast: Play in new window | Download (Duration: 17:19 — 15.9MB)
Subscribe: Apple Podcasts | Android | Email | RSS
