Inline: Width and Height are ignored. Margin & Padding push elements away horizontally but not vertically.
Block: Block elements break the flow of a document. Width, Height, Margin, & Padding are respected.
Inline-Block: Behaved like an inline element except Width, Height, Margin, & Padding are respected.
Hide element
1 2 3
h1{ display: none; }
CSS Unit Revisited
Relative
em
rem
vh
vw
%
and more!
Absolute
px
pt
cm
in
mm
em
font-size: em meanings relative value from its parent. margin: em meanings relative value from itself(font-size).
One problem from em will be if you put em in a nested structure, let’s say a nested list, the factor will either grow or shrink dramatically.
rem
Root ems
Relative to the root html element‘s font-size. Often easier to work with. If the root font-size is 20px, 1 rem is always 20px, 2rem is always 40px, etc.
Keyword added to a selector that lets you style a particular part of selected element(s)
::after
::before
::first-letter
::first-line
::selection
SPECIFICITY
Specificity is how the brower decides which rules to apply when multiple rules could apply to the same element. It is a measure of how specific a given selector is. The more specific selector “wins”.
CSS is a language for describing how documents are presented visually - how they are arranged and styled
What does it stand for?
CSS stands for Cascading Style Sheets.
CSS RULES
(almost) everything you do in CSS follows this basic pattern
1 2 3
selector{ property: value; }
Including Style Correctly
Inline Style: You can write your styles directly inline on each element, but this is NOT A GOOD IDEA most of the time.
The STYLE element: You can write your style inside of a <style> element. This is easy, but it makes it impossible to share styles between documents. Not recommended either
External stylesheet: Write your styles in a .css file, and then include the using a <link> in the head of your html document. Recommended!
Some characters are reserved in HTML. If you use the less than (<) or greater than (>) signs in your text, the browser might mix them with tags. Character entities are used to display reserved characters in HTML.
Intro to Semantic Markup - MEANINGFUL markup
Semantic - relating to meaning
what purpose of role does that HTML element have?
Semantic Markup can organize your html code well, and also google can crawl your page easily.
The <nav> HTML element represents a section of a page whose purpose is to provide navigation links, either within the current document or to other documents.
The <article> HTML element represents a self-contained composition in a document, page, application, or site, which is intended to be independently distributable or reusable (e.g., in syndication).
HTML was created to help describe the structure of the acedemic research papars and share they across the very early internet.
The goal of HTML is to take the text content and somehow mark it up with some structures.
HTML Elements
To write HTML, we pick from a set of standard Elements that all browsers recognize
Common Elmements includes:
1 2
- element: represent a paragraph of text -
Our Very First HTML Page
Save your HTML file with the file extension [.html]
After that you should be able view your web in local browser
1 2
DEVELOPING ON OMNIVERSE NVIDIA Omniverse™ is a powerful multi-GPU real-time simulation and collaboration platform for 3D production pipelines based on Pixar's Universal Scene Description and NVIDIA RTX™technology.
1 2
DEVELOPING ON OMNIVERSE NVIDIA Omniverse™ is a powerful multi-GPU real-time simulation and collaboration platform for 3D production pipelines based on Pixar's Universal Scene Description and NVIDIA RTX™technology.
The HTML element (or anchor element), with its href attribute, creates a hyperlink to web pages, files, email addresses, locations in the same page, or anything else a URL can address.
This is the note from The Web Developer Bootcamp on Udemy created by Colt Steele. I’ve always want to know more about web, and I think it might be a good idea to just follow this bootcamp a bit.
One big idea behind the physical simualtion is all the things inside computer is discrete. We should tranfer the smooth/ continuous real world into digit/ discrete/ finite computer language. Instead of having infinite elements(or atoms) in one rope, we are have finite amount of element.
In grasshopper field, there’re some useful and famous plug-ins for phyiscal simulation. Just to mention a few, Kangaroo, Flexhopper,… and etc. I always think it’s more fun to play around the modelling which mimic the realistic phyiscal behaviours. This post is for noting down some developers’ thoughts while developing the phyiscal simulation tools.
And again this amazing tutorial is from Professor. Jose. Here’s the link:
Also, one important concept before doing simulations would be iteration.
Iteration
Usually, the physic behaviors are related to time, meaning it’s a function of time. In code, we need to make sure the result of previous round can be brought to the next round. Might be seen something like this.
1
NextRound += PreviousRound;
Iteration In C# script Component
https://www.youtube.com/watch?v=ek2iL88WqGQ&t=497s Professor Jose well explained the scope of the variables in C# script component, which is one of the vital ingredient before you do any simualtion related to time.
Code
Here I would like to share one of the example in this tutorial.
