jgthms / marksheet Goto Github PK
View Code? Open in Web Editor NEWFree tutorial to learn HTML and CSS
Home Page: http://marksheet.io
License: MIT License
Free tutorial to learn HTML and CSS
Home Page: http://marksheet.io
License: MIT License
I canβt comment on everything, but there are a lot of inaccessible examples on the pages, for example:
<html>
element is listed without a language specified. http://marksheet.io/html-valid-document.html#the-html-elementalt
attribute shown or explained. http://marksheet.io/html-images.htmlscope
attributes or header
s and id
s in some instances. http://marksheet.io/html-tables.htmlfor
and id
which makes them useless. http://marksheet.io/html-forms.htmlGood. I would love to translate into Spanish. With your permission. I figure it would take me the whole month of July. Of course, if I have your permission. I would make a Folk. Thank you!
This might very well be something specific to my setup, but I'm seeing it in safe mode, too. The text color for <code>
elements visually remains black, so they aren't readable.
You can see in the dev tools, though, that it seems to be correctly computed as the bright aqua color.
At first I thought it was some extension gone awry, but like I said, it's happening with everything disabled too. Might be an FF bug, but that would surprise me, too...
There's some syntax error in 2nd example of section Nesting purpose.
Perhaps missing some ampersand also?
on link "https://marksheet.io/sass-scss-less.html" it's stated on "remember that" section:
all resources on the internet (like The Sass Way) mention Sass, not SCSS
actually, The Sass Way use mostly SCSS in their examples, as the majority of the resources that I know about.
Bear in mind to always to choose an appropriate text color to keep your content easy to read.
I think this is a grammatical error. The last "to" should be deleted.
Hi! I really like Marksheet.io and Denmark really need a danish site like this. Can i have your permission to
The site will be without ads of course. π
On this page you claim that VLC can not create files, but actually it can create video and audio files.
Otherwise very good work!
In the 2015-03-07-html-forms.md
post the select
tag is missing a name
attribute and the options are missing their value
attributes.
According to G2 Crowd, Atom is more recently a very popular text editor. It would be nice if you could include it on the list of popular text editors.
http://marksheet.io/css-transitions.html
You can meaning that the transition will happen at a constant speed.
not sure what the intention here was, so no pull request with correction, sorry :}
Firstly, though this may increase the number of pages, a section for JavaScript (JS) is necessary. JS is one of the core branches of front end code and without it, most of the web wouldn't be what it is today. In fact, I definitely dare to say that the Saas section should be removed in favour of a JS section. It is also kinda unfair to other pre-processors of CSS, the (largely thought of as superior) post processors of CSS and all the things used when writing CSS, JS and HTML (I'm talking frameworks, the plating languages etc.).
This page now redirects to a generic articles page:
https://doepud.co.uk/blog/anatomy-of-a-url
Looks like it's been returning 301
redirect since May-2021.
200
status last seen April 2021:
https://web.archive.org/web/20210414023525/https://doepud.co.uk/blog/anatomy-of-a-url
I believe you meant "tell them apart" on the domains paragraph.
If you want a more specific angle, you can use a value in degrees:
- 0deg is the default value, from top to bottom
- 20deg is slightly diagonal, going clockwise
- 90deg is like 3pm, from right to left
- 180deg is from bottom to top
If you want a more specific angle, you can use a value in degrees:
- 0deg is the default value, from bottom to top
- 20deg is slightly diagonal, going clockwise
- 90deg is like 3pm, from left to right
- 180deg is from top to bottom
In HTML From section, https://marksheet.io/html-forms.html, the example of complete signup form's code and result doesn't match. In the code, all value attributes are set while in the result no default values are shown.
that's it
<meta property="og:image" content="http://marksheet.io/images/marksheet-facebook.png">
I understand that it says "most popular" but as Microsoft Edge has been around for a while now and Internet Explorer 11 came out in 2013, I think it should be okay to replace it in the introduction? Especially as that appears to be the IE9 logo.
Basically just a list of curated resources for beginners.
Stuff like:
On the http://marksheet.io/css-color-units.html page
under the "hsl and hsla" section,
the word 'define' should be 'defined'
Again, the red color of this website is define this way in HSL:
Hello
First I want to thank for the great website you have created.
And I noticed a mistake so I thought I would let you know.
here at section http://marksheet.io/css-animations.html#animation-fill-mode you are saying that animation ends with blue, but in the table the animation with green. I think this is a mistake, isn't it ?
A bit more publicity and search engine optimization would be nice. I forgot to bookmark it and spent quite some time diggin through the Show HN history trying to find it.
The HTML block and inline elements section lists paragraphs (<p>
) as block elements. The HTML hierarchy section states that
Block elements can contain either block or inline elements.
This seems to imply that paragrahps can contain block elements. Unfortunately, this is wrong: the content model for P
element allows only phrasing content (HTML5 analog of HTML4's "inline elements"), and, since the end tag for P
is optional (again, in contradiction to Block and inline elements section saying that all block elements always have closing tags) it gets implicitly closed just before any 'block' element opening tag, resulting in this new block element being its sibling, not child. It seems to be quite a common confusion for beginners (example).
Moreover, the tutorial claims that it is on HTML5, but HTML5 doesn't have terms 'block and inline elements' at all. It has 'flow content' and 'phrasing content' instead. Aside from being unable to explain why some block elements can contain other blocks and some block elements can't, the oversimplified 'block vs. inline' classification leads many beginners to false conclusion that an element can be converted from one kind to another just by changing its CSS display
property (because its values sound the same).
Wouldn't it be better to use HTML5 terms in the HTML5 tutorial instead of HTML4 terms, and introduce the true "Content model" concept instead of oversimplified heurisitic rules with too many exceptions? It might be harder to get from start, but it will lead to much deeper understanding of the topic and much less confusion in the practice.
Loading of each page is damn slow with 100 Mbps connection.
Hello! Can I translate that awesome work to Portuguese (pt-BR) ? If yes, how ?
Great site, but there's either an extra "a" or a missing qualifier in this line in 1.2: "It was invented in 1969 to connect a computers across the US."
In hexadecimal, we have 16 symbols to form numbers. Because 0-9 are not enough symbols, we also use A-F. And it starts at zero. So:
- the number 4 in hexadecimal is 3
- the number 12 in hexadecimal is B
This is not correct: The (decimal) number 4 in hexadezimal is also 4, due to dezimal and hexadezimal starting at zero.
The same mistake has happened in the second line: The (decimal) number 12 in hexadecimal is C.
Like others, I would like to translate this awesome work into my native language, I await instructions about it (whether to fork and host, or add my translation to this repo)
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.