This week Bart introduces a visual tool he created just for us (well, for me) to help us really understand how the box model works in CSS. You can see his tool here: bartbusschots.ie/… and follow along with his detailed tutorial on More CSS Positioning here: bartbusschots.ie/….
Buckle up everyone – in this Installment of Programming By Stealth, Bart will dig in deep on explaining how to position the blocks we’ve learned about before onto our web page using CSS. It’s a tough hill to climb but Bart stays patient with me till I THINK I’ve got it!
You can find Bart’s amazing tutorial at bartbusschots.ie/….
Bart Busschots joins us again for part 7 of his series Programming by Stealth. In this instalment we’ll build on our basic understanding of CSS from previous instalment. We’ll start with some new CSS selectors, in the process, introduce two new HTML tag attributes, then we’ll move on to the CSS box model. Each HTML tag is represented in the page as a box, and all those boxes can be manipulated with CSS.
Find Bart’s detailed tutorial at bartbusschots.ie/….
Jim Sewell wrote this to me in an email in Markdown. He did this as an illustration of how he, along with Bart and just about everyone else, seem to think I’m missing the boat on using Markdown instead of html. I enjoyed it so I asked permission to share with all of you.
Thoughts about Markdown
I just had to jump in on this! 🙂
- (My favorite) The file format lasts forever. Who can open my old WordStar files?
- The output of a well formed document is beautiful with very little effort and great tools to help (see attached example from ByWord).
- Apps exist to help create Markdown. If you want to use the more advanced features they help a lot but still aren’t necessary if you just learn the syntax. There are apps on the iPad that put a row of symbols above the keyboard to help
- It lets you focus on what you are saying and not messing with all the fiddly bits of font size, color, alignment, etc.
- I noticed today that Skype bolds things surrounded by asterisks.
- To turn markdown into a pretty PDF is the same as turning HTML into a pretty PDF. They both need a processor – a program like Marked for MD and a browser for HTML.
In the 6th installment of Bart Busschots’ Programming by Stealth series, he introduces the concept of CSS to allow us to format our html pages. He gives us an overview of terminology, explains the different ways to add CSS to an HTML document, explains the basic syntax, and finally gives us some examples of text attribute changes. You can find his detailed shownotes at bartbusschots.ie/….
Also note that he’s now created a short url for us to be able to see all of the Programming By Stealth tutorials all in one place (along with an adorable logo) at http://bartb.ie/pbs.
Bart likes to give credit to the sites he references in his shownotes but the links get fairly clutterly. He wrote a very short (17 line) perl script and put it inside TextExpander to make pretty links instead. He wrote this for Markdown but since I like html better he created a version for html as well. He walks us through his detailed tutorial here: www.bartbusschots.ie/…. Then he tries to convince me that Markdown is awesome and html is dreadful. Listen along to see if he succeeds.
I mentioned an video tutorial series created by Richard Baker on TextExpander. Here’s a link to the one he did on embedding scripts into TextExpander: www.youtube.com/…
In this week’s episode of Chit Chat Across the Pond we have Bart Busschots with another installment of Programming by Stealth. He covers the syntax for images and links in HTML and the attributes you can apply and more importantly why you should apply them. He promises that with the first 5 episodes under our belts we’ll be ready to move on to understanding CSS, or Cascading Style Sheets. You can read along with his detailed tutorial and download the example files at \bartbusschots.ie/s/2015/12/27/programming-by-stealth-5-of-x-images-links/.
In the previous installment Bart introduced us to the concept of block-level tags, and in-line tags. Block level tags define blocks of text like headers, paragraphs and lists, and starting a new block-level tag generally starts a new line in the page. Inline tags on the other hand effect a part of a block, and opening an inline tag generally doesn’t start a new line. In the previous installment we looked at some of the most important block-level tags, in this installment we’ll look at some of the most common in-line tags.
Follow along with Bart’s written tutorial at bartbusschots.ie.
In this week’s Chit Chat Across the Pond Bart Busschots takes us through Programming By Stealth Part 3 of X – HTML Block Elements. In the previous instalment we introduced HTML, learned about HTML tags in the abstract, and looked at a basic template for all HTML pages. Over the next few instalments we’ll be working our way through the common HTML tags.
Full written tutorial is available at: bartbusschots.ie/s/2015/11/05/programming-by-stealth-part-3-of-x-html-block-elements/
Bart Busschots is back with episode 2 of his Programming By Stealth series. He’ll take us on our first baby step towards programming by explaining how the Hyper-Text Markup Language works, better known to us all as HTML. HTML is not a true programming language, it is instead a simpler beast known as a markup language – it adds context to text.
Bart’s companion tutorial can be found on his website at bartbusschots.ie/s/2015/10/23/programming-by-stealth-2-of-x-basic-html.