For database driven websites (web apps,) typically the biggest bottleneck is the database. So be sure your database is optimized. With SQL based databases, that starts with proper table design and smart indexing. That will handle 98% of websites performance needs.
How about image optimization?
Back when I started building websites, in the day of the dinosaurs (1990’s)we used to be concerned about image size, and how ‘big’ the webpages were in terms of kilobytes … but we live in the YouTube generation now, with high speed mobile internet, HD and 4k video being watched on smartphones. That means that a data limitation is typically NOT the bottleneck anymore … it’s processing (of code) on both the client and server.
If you are reading this, you probably want to learn modern web design and development, or you may already know how to build websites, but you want to become really confident in your web skills … just like all my students who took my unique web design and programming training course.
After you take my course, you will be amazed at how much you know! Below, you will find a few student quotes, screen captured from YouTube comments.
Love the YouTube channel, I just wondered what your thoughts on Webflow are? Will it spell the end of web development as we know it (coding) or will developers have to adopt a more visual approach to building a website with such as platforms like Webflow? I realise that the system is built for designers, however without the need for a developer on a platform such as this, the code is seminally marked up, they keep increasing the features capability and complexity, I ask the question where do we fit in if platforms like this become very popular?
I don’t see it as a threat – it is a tool.
A big part of modern web design and development goes WAY beyond code:
Site aesthetic design – pre code design if you will
UX – making the site EASY to use
Information design / architecture, if you will. WHAT to place on the site
Setting up the domain, hosting … the basic mechanics of it
Tweaking – I’ve always found that no matter how good the tool, you will need to know code to tweak it
Then there is consulting on social media strategy, content marketing strategy
Finally, the websites function: do they need an e-commerce setup, wordpress, etc …
So Webflow, if it works as perfectly, can help automate the process and perhaps shift your time allocation (meaning you’ll write less code,) but you will still have plenty of work to do as a web designer/developer.
This is nothing new. In the early 2000’s, we did lots of stuff as web designer / developers that we no longer have to do because of better tools … and it’s a good thing!
Regardless of the tools that come out, it’s still good to know the code behind the pages and to learn how to put things together, because it will make you life easier as a web professional and even as a small business owner.
I like to start my articles with the conclusion – saves you time:
Dreamweaver is not relevant in modern web design. Why?
To make good websites, you need to understand the code behind the sites. You need to learn code.
Dreamweaver does have a code editor but there are many more capable code editors out there that are free or at least much cheaper than Dreamweaver.
Because you need to understand code, Dreamweaver’s point-n-click tools are becoming relics of the 1990’s when web code was so bad, that tools like Dreamweaver were a godsend.
Let’s elaborate on the last point. Web design in the past, when the languages (HTML, CSS) were not as mature, the process of coding a website was rote; it was repetitious and mechanical. You had a lot of crappy tinkering to do, just to get a website up. In that environment, tools like Dreamweaver were welcome because they wrote the code for you.
These days, with the much better browsers (that read and process code properly) combined with highly effective web design frameworks like Twitter Bootstrap and JQuery, apps that try to hide the code from you (like Dreamweaver) are not that useful. In fact, they are counter productive because often times, the code they generate can get in the way of building a clean effective website or web application – it’s just too thick.
Browser Developer Tools Put another Nail in Dreamweaver’s Coffin
All the modern web browsers have a very powerful set of developer tools that allow you to see exactly what is going on in your pages codewise; you can even change (for example) your CSS on the fly and see how it effects the page without touching your underlying code. This makes for ultra fast development.
Dreamweaver has these sort of tools but you have to be in Dreamweaver to use them and they are not necessarily 100% accurate in terms of what the web browsers will display – you might as well test in the web browser since people visit sites with web browsers and not Dreamweaver!
There is nothing wrong with Dreamweaver if you largely ignore the point and click tools, and stick to the code editor. But if you do that, why bother forking out the big money for Dreamweaver, when you can find more effectively code editors like Sublime Text or Notepadd++ for free or for much much cheaper than Dreamweaver?
I was meaning to write this in January, but things got in the way! Anyway, here are the web design trends for 2013 …
1. HTML 5
It think this one is a no brainer … everything and everyone is going HTML 5 and CSS 3:
iOS / Mac OSX (Apple)
… This includes all the major web browsers of course.
When people talk about HTML 5, they are really talking about a group of technologies that work together:
HTML 5 and CSS 3 are basically very powerful extensions to HTML and CSS … and so if you understand the basic principles and techniques of these two foundation web languages, HTML5 and CSS3 should beÂ approachable. That said, the added power does present some head scratching challenges a long the way. No worries though, we have the easy to follow training for you.
Many years ago, during the time of the dinosaurs, I was taught a very important rule about the perfection of technique:
… The master’s movement is polished, minimal, without waste or clutter. One of the primary goals of a martial artist, is to strip away non essential movement, and to clear ones mind of distracting thoughts.
What the heck does this have to do with web design?