41–50 of 56 posts
Actual learning happens when you're applying knowledge, not merely ingesting it.
Earlier quoted context omitted.
I haven't coded a page in years. So, pardon my ignorance, but is Bootstrap really required? I ask because I too am marginally interested in creating something. Though, I suspect I'll just cheat and use a CMS like Wordpress and a bog-standard theme.
As someone looking to learn web design for my personal site too, from what I can see Bootstrap and similar frameworks aren't really needed provided you're willing to learn all the tech utilised by them and do it from scratch yourself, either for learning purposes or because you prefer to avoid frameworks for some other reason. The frameworks exist for professional web designers who don't want to redo the same stuff o…
Like you, I am sorely tempted to undertake an in-depth learning. Years ago, I wrote a comprehensive HTML tutorial. It covered the entire spec. Of course, that was v. 2.0, so it's hardly valid today.
It touched on CSS, the tutorial, but I'm not sure it was even a complete standard back then. I think it was just a single page in my tutorial.
My, how times change.
(https://www.educative.io/collection/5191711974227968/5641332...)
Choose 5 components from each that you want to learn how to build.
Look at the source code with the goal of understanding how they're accomplishing what they're accomplishing.
Try to build a project from scratch, without a framework.
Web Design is easy! You can learn it in 4 minutes: http://jgthms.com/web-design-in-4-minutes/ More seriously, if you fancy some reading, I wrote a free HTML and CSS tutorial: http://marksheet.io/ Before you dive into specific frontend feature like Flexbox or Grid or even a full CSS framework, I believe you should first understand the basics of markup and styling, which are very simple but not easy . Because otherwise…
I'm curious as to if that's just my eyesight falling over as I get older, or trends in "modern design", as I still find the original text-on-canvas, 90's garage style of websites to be much more readable to me, as well as containing much less wasted whitespace.
Web Design is easy! You can learn it in 4 minutes: http://jgthms.com/web-design-in-4-minutes/ More seriously, if you fancy some reading, I wrote a free HTML and CSS tutorial: http://marksheet.io/ Before you dive into specific frontend feature like Flexbox or Grid or even a full CSS framework, I believe you should first understand the basics of markup and styling, which are very simple but not easy . Because otherwise…
It's funny re: that "web design in 4 minutes" link; while the page got "prettier" over the course of the demo, I found it to get progressively less readable. I'll openly admit I have an astigmatism and have been having more and more trouble with pale/small letters, but I had no idea I had gone over the fold into things like high contrast mode being useful for me. I'm curious as to if that's just my eyesight falling o…
I think http://bulma.io/documentation/overview/start/ might be what you are looking for. Flexbox based framework, clean class names, no JavaScript.
Web Design is easy! You can learn it in 4 minutes: http://jgthms.com/web-design-in-4-minutes/ More seriously, if you fancy some reading, I wrote a free HTML and CSS tutorial: http://marksheet.io/ Before you dive into specific frontend feature like Flexbox or Grid or even a full CSS framework, I believe you should first understand the basics of markup and styling, which are very simple but not easy . Because otherwise…
But as useful as that is at some level, that's not the problem most people struggling with design have. They struggle to make a full website where everything logically fits together and where the structure of the site makes it easy for people to navigate between pages. One which also looks nice and modern compared to large platforms like say, Facebook, Twitter, Medium, etc.
For example, I could design a simple page about a single topic easily enough, but I struggle trying to create a full platform with a flat design aesthetic (or what not).