KillerSites Blog

HTML

Easily Jump Start your Web Design Class!

September 5, 2017

This is a typical email we get from teachers:

“Hi, I have to teach a web design class but I don’t know much about code. Can you help?”

We sure can! Many teachers have come to us not knowing much about code, and so StudioWeb has been developed over the last 7 years, to be easy to use … even for teachers who don’t know code.

The most popular of our courses are the foundations languages used to build all websites and web apps:

  • HTML
  • CSS
  • JavaScript

Between the hundreds of video lessons, 1000 quiz questions (+ code challenges), and the 57 projects … you will have more than enough material to keep your students busy and engaged.

“… Students really enjoy the courses in part, because they quickly see that they are writing real code. The fact that the lessons are funny, helps a lot too!”

Phone and email support are free, and you get to speak to the course creator directly!! Feel free to contact us, and we will help you get your web design class up and running quickly.

Stefan
StudioWeb

read more

HTML5 bases Apps versus Native

August 5, 2017

In this video I talk about why HTML5 based mobile apps are the better choice over native most of the time.

… Yes, I am a heretical nerd!

Stef

read more

Fullscreen Background Videos in Web Pages

September 7, 2014

icon-fullscreenbgs

Hi!

Using video as the background for a webpage was once only a nerds dream – no more! Check out our new standalone video lesson on how to do this:

https://webmentor.org/lesson/fullscreen-background-video

In this video, you learn about HTML5 and cutting edge CSS techniques. As long as you know basic HTML and CSS, you should be good to watch this video lesson. And yes, all the modern web browsers support this.

… At the same time, check out our new training site: webmentor.org.

Thanks,

Stefan Mischook
KillerSites.com

read more

The Best Way to Learn Web Design

March 28, 2014

studioWeb

I try to start with the point of the article whenever I can … so what is the best way to learn web design and web programming?

In a nutshell:

  • You want to as quickly as possible, get past the basic concepts and basic code principles. Too many courses these days concentrate too much on too many details.
  • Once you have that minimal knowledge, you should be building actual projects!

I’ve been teaching web design and programming for over a decade now and have been teaching for about 20yrs – give or take. And I can tell you that without a doubt, the best way to learn web design and programming is to build.

… With each site that you design, your skills will jump. With each dynamic database driven website that you build, your skills will jump.

Finishing the Job is Key

It is important that you complete projects. For some reason, leaving something half done, just doesn’t seem to have the same learning impact. That’s why smaller mini projects are great for learning because big projects take a long time to finish.

With that in mind, our Complete Web Designer training package follows these principles … which only makes sense since we created all the courses!

PS: If you want a DVD/USB hard copy sent you, we do that too.

Thanks,

Stefan Mischook
www.KillerSites.com

read more

HTML 5 Beginners Series

November 20, 2012

HTML 5 is the hot technology these days because it does what we web designers and programmers always wanted HTML to do. Among other things:

  • HTML 5 makes page layout MUCH easier.
  • HTML 5 can easily make websites work like a program that you install. Nerds call them ‘applications’ or ‘thick’ clients.
  • HTML 5 makes media embeds super easy and universal – no plugins required.

There is a lot more to HTML 5 than the few things I listed above (of course) … and so we are starting a new series of beginners articles on HTML 5 that get right to the point.

You can check them out on how-to-build-websites.com

Thanks,

Stefan Mischook
killerSites.com

read more

HTML5 and its’ Place in Web Design

April 24, 2012

Hi,

I just released a video where I discus the growing importance of HTML5 in web design and web programming. Some of the highlights:

  • HTML5 is now supported in all the major browsers.
  • HTML5 was built from a pragmatic point of view – this means it’s really functional!
  • HTML5 has made JavaScript a much more important language to learn.

The video:

If you are a total HTML beginner, you will need to learn that, before you can tackle HTML5. You can learn JavaScript with either my written introduction to JavaScript or my super fantastic JavaScript basics video tutorial.

Thanks,

Stefan Mischook
killersites.com

read more

HTML5 and Academic Shills.

April 21, 2012

Hey,

Anyone who has read anything I’ve written (or watched my video blogs,) knows that I can’t stand academics. I was particularly vocal against the Web Standards zealots of the early 2000’s, wherein reality was pushed aside in favor of code purity.

These nerds would ignore reality – for example:

  • They would ignore how the most popular web browsers would interpret HTML and CSS code – which often times, was in a method contrary to their nerd wet-dreams. As such, they would come up with harebrained hacks to jam in their ‘compliant’ code … hacks that eventually broke in many cases, defeating the supposed original purpose of the Web Standards movement!
  • They would also obfuscate what the actual browser use was in terms of real people surfing the Web. They would come out with numbers that did not reflect the reality they were desperately trying to ignore: that the vast majority of people surfing the Web were using web browsers (Internet Explorer) that did not play nice with their ideas of how a web browser should read code.

… It gets even more stupid: even the basic web design cycle seemed to be ignored, where their recommendations would actually get in the way of productive web design and development. I am convinced many of the big names in this movement barely created websites in, or for the real-world – they were academics.

read more

Book Review: Head First HTML5 Programming

March 2, 2012

I really like the style of the Head First series from O’reilly – they’ve managed to create a style of nerdbook that looks more like a graphic novel, than a tech book.

Let’s start with the verdict for this particular title:

Head First HTML5 Programming is a good book if you know HTML, CSS and at least a little Javascript.

Some details …

Basically it covers many of the big features in HTML5 and the surrounding technologies. The authors make heavy use of graphics and storylines to make the book more entertaining. If you are more of a beginner when it comes to programming or web application development, then I think this presentation style will be great for you.

If on the other hand, you are a hardcore grizzled nerd programmer, the wordy, graphic and puzzle rich book might annoy you a bit. That’s OK, because O’reilly has their more traditional style of book for you.

Some of the topics covered:

  • Canvas: drawing with HTML5
  • HTML5 video
  • Web Storage – savings files to client computers – much better than JavaScript cookies!
  • Web Workers – threading with HTML5!! Yea, this particular HTML5 capability freaked me out.

There’s more topics covered including some quick introductions to JavaScript and Dom scripting. Again, if you are new to programming, I think these sections will be a little too much to handle. That’s OK, you have our super fantastically easy KillerSites JavaScript video training to cover you there.

😉

Being a shameless self promoter that I am, we also have our own HTML5 interactive video courses you can learn from. It’s all good, depending on how you like to learn.

Stefan Mischook
killersites.com
killerphp.com

read more

Samsung’s Galaxy Tab tablet, iPads, Android … what it means for web designers?

September 20, 2010

Google Android logo

A few months ago, I warned web designers against rushing into new technologies before their time. I was talking about HTML 5 and CSS 3 and how for the typical web browser, they would not be widely adopted for years.

Things change …

But now, just a few months later, with the crazy success of the iPad and iPhone along with the growing buzz for the soon to be released Samsung Galaxy Tab tablet (among many others), it has become clear to me that web designers need to start looking in this … especially if you are thinking about the mobile Web.

So in response to this (and demand from people) we released a video course on the most important aspects of HTML 5 and CSS 3. Some of the topics we cover include:

* XHTML and HTML5 Compared
* Looking at HTML5 Tags
* CSS3 Gradients
* Page Layout With HTML5
* Floats, Sidebars, and Overrides
* Working With Fonts
* Advanced Backgrounds
* Video
* Introducing The Canvas Tag
* Visualizing Data With Canvas

Thanks for reading.

Stefan Mischook

killersites.com

read more

HTML nerd trivia: what exactly is HTML?

September 11, 2010

Hi,

Once in a while, it can be fun to look at the deeper meaning of the technologies behind web design. So let’s start with the most basic: what exactly is HTML?

HTML is short for:

Hyper Text Markup Language.

In a nutshell: HTML is a written language used to mark-up a page. Think of marking-up like placing markers on a field. These markers give instruction to people who understand what the markers mean. In the case of web design, replace ‘makers’ with tags, a web page for a field and people with web browsers – like Internet Explorer or Firefox. To summarize:

markers = html tags/text
field = web page
people who read markers = web browsers

.. Confused? Then check out this screencast on basic web design.

What’s ‘Hyper’ in the Text?

I recently discovered that many a web designer and programmer may not really know that in HTML, hyper text is a reference to the links – links are the ‘hyper text’ in the markup language. The text in a web page that is turned into a link, is made ‘hyper’ because when you click on it, the web browser takes you to another page, or downloads a file etc … It’s kinda hyper active, like a 5 year old who’s had too much sugar.

There are other markup languages that predate HTML btw, languages like SGML. In fact, SGML is the father/mother of HTML.

Now you can impress your next date with this information. That’s all for now.

Stefan Mischook.
www.killersites.com

read more