t0ri-make-school-coursework / personalhomepage Goto Github PK
View Code? Open in Web Editor NEWMS FEW 1.1 Personal Homepage Project
MS FEW 1.1 Personal Homepage Project
The omg tag doesn't need a closing tag -> </img>
Validate your work with https://validator.w3.org it will find all of these syntax problems.
This footer doesn't really sound like secondary content. It's really a footer and we have a tag for that. You could wrap it as a section, not seems like a section that's part of the whole, rather than peripheral content.
I really like your home page. It's clean and simple. It's got nice bold presentation. I think this is working well. I have a few suggestions.
The menu feels kinds cramped and pushed up into the corner. Why not move this down and to the right a little. Also the type is Times. This is default font. I like the font in the message on the right. Roboto is a great font use it for everything.
The menu also displays as white on gray with a blue underline. This looks a little weird. Get rid of the underline it just makes the text look busy. I feel like the text could use a little more contrast or the font size could be bumped up a tiny Bit to make it read a little better.
The About looks great. I like the layout. The text is a little dense. Consider setting the line height to 1.5em or something. Just play with the line height and choose a number that makes it read good.
The contact page is nice. The Heading feels a little overbearing. Consider Changing the color to lower the contrast, or use a light font. Look at the faces for Roboto here:
https://fonts.google.com/specimen/Roboto
Notice the Regular, Light, and Thin. Consider using these at strategic points.
We gotta talk about these form elements. While the rounded corners are fun to play with having the corners all different isn't really helping the design nor is it sending a message or making a statement. This is a good experiment but save it for another project, just give the corner a subtle rousing or make them fully round all sides. I think consistency is better.
The footer looks good but the font should be Roboto. Notice the links and headings here all look the same. Use three different style styles. Links should have a style to set them apart, the heading should look like a heading, and the copy should look different from the others.
I'm not sure this is a heading. This could be the name of the a chapter in a book but I'm not sure if that's what's going on here. Make this a div. You can style the text to look the same.
Don't use a an H1-6 when you want the text to be large and bold. Use a heading when you are declaring the title of a section or other important info.
The Anchor <a>
should go inside the <h3>
always. The a is an inline element, and the h1-6 is a block, an inline element always goes inside a block.
Setting the font family on the body will make sure all elements use this base font. This is easier to fix and easier to change and edit, leads to DRY code. You should be doing it.
Great use of sections. Each sections is a section, remember a section should probably have a heading.
Also, don't use sections to hang styles or as targets for JavaScript. Use a div for these purposes. You can wrap your section in a div, or wrap the contents of the section I a div. Put the id and class names on the div.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.