KillerSites Blog

CSS

A Chain [React]ion

February 13, 2020

What is the quickest and easiest way to learn React JS? The key is to learn the web fundamentals.

Full transparency here, we’re going to be talking ourselves up a bit and shamelessly plugging our courses, because we got a question that directly references them. Our questioner (questionee?) was wondering if it was easy to jump into React after taking our WebDev (web development) course?

Quick (but not necessarily deep) jump into React: React (also known as React. js or ReactJS) is a JavaScript library for building user interfaces. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications.

And as for how easy or how much of a ‘shift’ it would be to jump into React after learning with our web development course? “[My WebDev course] …is designed to give deep knowledge that you can use to pivot into many directions. React, of course, is a natural progression because you need to know JS (JavaScript), HTML, CSS, and the web in general: I teach all this and much more”.

This also speaks to something that’s been mentioned a lot on these VLOGS and articles, so much so, that’s it should be considered one of our mantras here: “the key to becoming a great developer quickly is to master the fundamentals. I teach the fundamentals. Painstakingly put in a lot of effort to make my fundamentals courses very, very thorough; you’re going to see that they cover so much more than any tutorial out there could possibly cover, and that’s because of the nature of the courses.” That includes HTML5, CSS3 and of course, JavaScript and once you have those basics down, learning React JS will be easy.

So yeah, we’re blowing our own horn a little, but hey, we put in the work and it’s nice to reap the rewards. The reward being in this case, knowing that this person is going to have an easier time learning something they really want to learn (possibly getting a better job), and that our course(s) helped them!

Check out the VLOG for some more insight and check out our links down below to the courses offered. We want them to work for you so we took the time to do it right. Believe us, we gain nothing as a business if you learn nothing, it’s worth a look!
-Enjoy!

My popular courses:
Interactive full stack web developer course: https://school.studioweb.com/st
Learn Python 3 fast: https://school.studioweb.com/store/co…

My business courses:
Complete Freelancer: https://school.studioweb.com/store/co…
Complete Entrepreneur: https://school.studioweb.com/store/co…

My social links:
Instagram: https://www.instagram.com/stefanmisch…
Twitter: https://twitter.com/killersites

read more

What is Best in Website Creation

December 7, 2018

These days we have many options when it comes to building websites, but which is the best way to build in 2018?

Let’s talk websites and the building thereof… So, you’re a small business owner or an aspiring website creator? Maybe you’re just interested in what goes into building a website. Well, there are many options and each has their PROs & CONs:

HTML & CSS
The traditional way to do web design coding, these would be the two “languages” you’d have to learn and they can (theoretically) build any type of website. “There is literally no limitations, in terms of what you could build if you got into the nuts & bolts: the basics of building a website.” However, the downside is that you’re going to have to learn it; that is to say time investment, theory, practice; all the stuff that goes into learning a skill. But that being said, you know how to program!

Web Design Programs
These can range from programs where you have to know a little bit of code (Dreamweaver, Brackets, etc.) to content management systems (CMS) like WordPress, down to easy site builders like WIX, for example. All are very different approaches (which we will touch on in the video) and vary in the amount of control you will likely have…

The key word here is control. As we go from straight up coding down the line, we lose flexibility and versatility; it goes from creating the very thing you see in your mind’s eye, to “what you see is what you get” on the building sites. And of course, that’s fine too. There’s nothing wrong or lazy with building a “wham-bam” website if that’s what fills your needs, but check out our video and you might get an idea of how to better fill those needs. And check out the links at the bottom if you’re curious about the aforementioned web design languages. Mastering the code of website creation does have it’s perks…

My popular courses:
Learn web development fast: https://shop.killervideostore.com/
Learn Python 3 fast: http://www.killervideostore.com/python/

My business courses:
Complete Freelancer: https://www.killervideostore.com/video-courses/complete-freelancer

My social links:
Instagram: https://www.instagram.com/stefanmischook
Twitter: https://twitter.com/killersites

read more

CSS Layouts Video Tutorial Series – Introduction

May 29, 2010

Hi,

I just wanted to announced that I have just released our new video course on CSS layouts. It is a 13 part series where you will learn both fixed layout and liquid layout using modern CSS techniques.

As an added bonus, you will also be learning a little about Dreamweaver CS5 since all the demos are done in the new Dreamweaver.

Check out the intro video (watch it in 720p and fullscreen):

I will be releasing more samples from the course on my blogs but you can get the whole course through our video tutorial subscription service.

Thanks for reading.

Stefan Mischook
www.killersites.com

read more

How to Add a Background Image with CSS

March 4, 2010

csstutorial.net logo

Hi,

In our continuing pursuit to make web design easy for you, we have yet another great little tutorial on using CSS to insert background images into your web pages.

A little bit from the article:

CSS also gives us the tools to direct our background image how we want it. The default, as you can see, is that it repeats itself horizontally AND vertically to fill the entire background, regardless of size. Sometimes we might want the image appear only horizontally or vertically – and maybe not directly on the edge of the viewing area.

… Anyway, you get the idea. Just in case you missed the link, here it is again: background images with css.

Thanks for reading,

Stefan Mischook
www.killersites.com

read more

Styling a Horizontal Navigation Menu with CSS

March 3, 2010

csstutorial.net logo

Hi,

We are busy at work here creating new videos and tutorials with the aim to make web design easy … so, I just wanted to mention a new CSS tip on csstutorial.net on:

Styling a Horizontal Navigation Menu with CSS

From the article:

It’s true: Your navigation items are really a LIST. Bread, Milk, Sugar, Coffee, Home, Contact Us, About, Cheese, Tomatoes, Sitemap. See, it’s a LIST!! And it should be coded and styled like a list. It’s easy.

Just another one of our growing collection of CSS tips.

Thanks,
Stefan Mischook

read more

CSS Tips and Tricks Collection

February 20, 2010

csstutorial.net logo

Hi,

We just started building a new collection of CSS tips and tricks on our dedicated CSS training site csstutorial.net.

CSS recipes that are byte-sized!

I wanted to create a beginner friendly collection of CSS tips that got to the point fast. For example, check out this tip on CSS and font sizes.

Anyway, you should see this collection grow fast (with the help of a few authors) that will include written and video CSS tips.

Thanks and let me know what you think.

Stefan Mischook
www.killersites.com

read more

CSS Page Layout Strategies

September 13, 2008

If you’ve been struggling with CSS based page layouts (as apposed to using tables) and you’ve been smacking your head against the wall to get things to work … believe me, you’re not the only one!

No, you’re not stupid … CSS for page layout is.

What?! CSS is flawed?

Indeed. CSS for page layout sucks hard because the logic behind CSS page layout is weak at best, and perhaps, even flawed. I can say this with experience in other languages like Java and even VB. Not that I am saying CSS is a programming language.

Anyway …

For web designers used to the craziness of CSS layouts, they would be flabbergasted at how easy creating layouts/views/screens are in VB or even Java when compared to CSS.

What’s the main problem with CSS?

read more

Cleaner code is better than faster code

May 11, 2008

I can’t tell you how many times that my programming experience (in Java, PHP etc) has guided me in my web design work … and strangely, even in other aspects of my life not at all related to topics ‘nerd’.

… Ah, nerd wisdom prevails in all aspects of life.

🙂

Anyway, here yet again, is another example where programming guides me: this time, it’s all about web design and code.

Over the last few years, the consensus in the web design community has been to streamline code. In real terms, that comes down to:

  • collapsing html
  • collapsing css
  • … and consolidating css code into one file, to minimize the number of server hits.

… The idea is to speed up web page load times and to reduce web server loads.

This is an important goal and something all web designers should be concerned about. The problem is that if you are concentrating on optimizing your CSS or HTML to speed things up, you are concentrating on the wrong parts of your websites.

The fact is, that most of the optimization opportunities is actually found in your images, Flash movies and other multimedia content – not the code.

read more

Use Dreamweaver CS3 templates to save time

May 1, 2008

Hi,

When I was working on the redesign of the killersites.com, I found (as a starting point) that the templates that ship with Dreamweaver CS3 useful.

Dreamweaver CS3 starter templates

Dreamweaver has a nice collection of bare-bones web templates. One thing I found cool about these templates, is that they contain a lot of notes that describe why they (the web-nerds at Adobe) have certain things in place – like the specific code they used to deal with a given CSS layout issue.

… This is another good way to learn more about CSS.

read more