Note: I will be adding more probably on a daily basis, as it will of course be very helpful to moi!
I finally took the plunge and started a web development course at NYCDA in downtown Manhattan. Seems like a lot of the dev bootcamps and schools are situated downtown. I know I will study further after this course, it’s just a matter of where and exactly what. I found that because of visual creative background, Front End made sense for me to pursue. It also fits well with WordPress Development! Of course I won’t abandon the pursuit of backend as well, but my focus is definitely on the front end.
Anyway, I always like to keep my resources in a place where I can easily access them, so I figured that creating a new post about great Front End resources would make sense here. I will also post on Github, where I have been extremely active in the past several months. Be sure to check me out and follow me there! Click here to access my Github profile and repos.
caniuse.com: “Can I use” provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers. A must got-to resource for Front End Developers!
CSS Data Type on MDN: a list of articles related to CSS Data Type.
CSS on MDN: where you can learn more about CSS. CSS Reference, CSS Tutorial, CSS3 Demos, Documentation, and Tools for Development. It’s really awesome and a good reminder of what’s out there at your disposal to use, FREE! Love Open Source, don’t you?
CSS Font-Stack: all about Web Fonts and which browsers support them.
CSS Syntax on MDN: All about CSS Syntax.
CSS Selectors on MDN: All about CSS Selectors.
CSS on WebPlatfrom: Web Platform Docs is a community-driven site that aims to become a comprehensive and authoritative source for web developer documentation. There you can find a Beginner’s Guide to those new to Web Development, General Web Concepts, Conceptual, tutorial, and reference materials for HTML and CSS, and where you can join their Community as well as Contribute to their Open Source Project. But you DO have to become a member of the Community in order to do so. One can learn much that way.
How To Calculate Relative CSS Line Height: the jt site, March 24, 2015. All about line-height in CSS.
PXtoEM.com: All about converting px to em.
text-decoration on MDN: all about the
text-decoration CSS property.
Treehouse course on Web Typography
Understanding pixels and other CSS units on WebPlatform.org: Looks into the relationship between CSS pixels and other units, as well as between CSS and device pixels. In other words, @media queries!
W3C Cascading Style Sheetshome page: The World Wide Web Consortium (W3C) is an international community that develops open standards to ensure the long-term growth of the Web. They set the standard(s) for Web Development. The pages on CSS contain information on how to learn and use CSS and on available software. They also contain news from the CSS working group.
WebsiteTips.com: WebsiteTips.com is an educational Web site design and development resource especially for Web site owners, Web designers, Web professionals, webmasters, teachers and educators, students, and anyone wanting to learn about Web sites.Learn more about HTML, CSS / cascading style sheets, Web site design, Web graphics, Adobe Photoshop, online marketing, Internet marketing, online security, organizing your computer files, and more. It’s great!
With this knowledge that Modernizr gives you, you can take advantage of these new features in the browsers that can render or utilize them, and still have easy and reliable means of controlling the situation for the browsers that cannot.