21–30 of 48 posts
this book: the non-designer's design book by robin williams. this is on my list of best books about particular topics. this one is about design in general. i still remember the acronym the author came up with after all these years. parc for: proximity, alignment, r..., contrast. okay i lied, i don't remember what r stands for anymore haha :) everything you see and like about good design have to do with these 4 terms.…
Refactoring UI's videos and book are great: https://www.youtube.com/c/SteveSchoger/videos https://www.refactoringui.com/book
Have you tried taking a look at Codecademy and w3schools? These resources would be a great starter learning resource, and at the same time, you can use them as your reference if you decide to start building projects.
It is not technically a "learning" resource, but Storybook[0] is useful resource for developing web UI. The tutorial[1] section is very helpful. This is a learning-by-doing type of resource. [0] https://storybook.js.org [1] https://storybook.js.org/tutorials
There's also "Don't make me think" https://en.m.wikipedia.org/wiki/Don't_Make_Me_Think For blogs Smashing Magazine is consistently solid.
Smashing Magazine is also definitely an awesome resource. CSS Tricks is also an excellent one
It is not technically a "learning" resource, but Storybook[0] is useful resource for developing web UI. The tutorial[1] section is very helpful. This is a learning-by-doing type of resource. [0] https://storybook.js.org [1] https://storybook.js.org/tutorials
No mention of this? https://motherfuckingwebsite.com/ > You probably build websites and think your shit is special. You think your 13 megabyte parallax-ative home page is going to get you some fucking Awwward banner you can glue to the top corner of your site. You think your 40-pound jQuery file and 83 polyfills give IE7 a boner because it finally has box-shadow. Wrong, motherfucker. > I'm not actually saying your sh…
Have you tried taking a look at Codecademy and w3schools? These resources would be a great starter learning resource, and at the same time, you can use them as your reference if you decide to start building projects.
w3schools is famously a dumpster fire, and frankly I think codecadamy is overrated. I'm not a designer, I can't give a good constructive answer to the question, but I know the answer is never w3schools.
but I have learned, and re-learned many things with w3schools and used it many times to solve a quick 'how do I do X' with css or whatever.. mainly because they were in top search results for a while - but every thing I used them for worked - and they have interactive examples you can fiddle with, without having to work with a server or whatever, so I think it's fair to say there may be some issues of concern - but dumpster fire I think is an exaggeration - frankly the UI of the site is easier for me and I assume many others, even if MDN is more accurate or more thorough, it's not so easy on the eyes imho.
Also - codeadamy I found great - great because you can actually write some code while learning - now if you are the kind of person who wants to watch a 3 hour video to learn, then it's not for you.. but I've done long videos, short videos, long books, picture books, interactive, and all sorts.. frankly for me, codeacademy was great for is interactivity,and actual doing stuff while learning.
some of udemy and coursera courses I've enjoyed ask you to write code while learning with the videos - and if you do that- great - but it's not a lot of fun with small laptop screen.. as to where codeacademy and similar are setup for show and write at same time with a better use of screen imho.
Someone needs a click to zoom in one code for video and make it more codeacademy like - at least for my favorite learning style... but I'm okay with books too - so I guess it's each to their own.
No mention of this? https://motherfuckingwebsite.com/ > You probably build websites and think your shit is special. You think your 13 megabyte parallax-ative home page is going to get you some fucking Awwward banner you can glue to the top corner of your site. You think your 40-pound jQuery file and 83 polyfills give IE7 a boner because it finally has box-shadow. Wrong, motherfucker. > I'm not actually saying your sh…
This is so, so unhelpful.
I'd also suggest reading Principles of Design [0] and other Design Issues [1] by TimBL, WCAG [2].
[0] https://www.w3.org/DesignIssues/Principles.html
- Inclusive Components: https://inclusive-components.design (one of the co-authors of Every Layout). Explains the whys and the hows of building proper components
Additionaly:
- BBC Gel: https://bbc.github.io/gel/ (one of the co-authors of Every Layout) also explains a lot of the whys in design of specific components
- Gov.uk is also great: https://design-system.service.gov.uk/get-started/
Have you tried taking a look at Codecademy and w3schools? These resources would be a great starter learning resource, and at the same time, you can use them as your reference if you decide to start building projects.
w3schools is famously a dumpster fire, and frankly I think codecadamy is overrated. I'm not a designer, I can't give a good constructive answer to the question, but I know the answer is never w3schools.
Common sentiment in, oh 2013 or so.
Even w3fools.com has conceded that the big problems have long been fixed and it's okay now: "Today, W3Schools has largely resolved these issues and addressed the majority of the undersigned developers' concerns. For many beginners, W3Schools has structured tutorials and playgrounds that offer a decent learning experience."