Tag: CSS3

In-line CSS and Left and Right-alignment on a single line of text

In a few lesson pages in SRA 111, we have two different topics on the same page. The content appears sequentially on the page. I needed a solution to let visitors know that below the first chunk of content, there was indeed a second chunk of content.

I found information on two websites that have helped me with a possible solution:

With this information, I was able to code the following…

<h2 style=”text-align: left;”>[Title of Content Chunk 1] <span style=”float: right;”><a href=”#chunk2″>[Title of Content Chunk 2]</a></span></h2>

…

<hr />
<h2><a id=”chunk2″></a>[Title of Content Chunk 2]</h2>

The top of the page looks like this…

screen-shot-2016-12-12-at-10-29-22-pm

And the link takes the user down to where the <id> tag is…

screenshot of second chunk of content

While not an entirely standard way of formatting text in our lessons, I’m going to try this out and see how it works for now. It’s better than not doing anything!

HTML5-CSS3-Javascript

I was looking through an email newsletter Melissa forwarded on 3/22 from Adobe, and found some really cool examples of HTML5 and CSS3: Nizo – an incredible example of a marketing page announcing the pre-release of an iPhone app……

I was looking through an email newsletter Melissa forwarded on 3/22 from Adobe, and found some really cool examples of HTML5 and CSS3:


Nizo – an incredible example of a marketing page announcing the pre-release of an iPhone app… encourages the user to explore manipulate objects on a page to infer what the app will do; if nothing else, just scrolling up and down the page is beautiful how the animation comes together


HTML5snippets – website that features a cool collection of code snippets of what people are doing to build CSS3 websites; examples of cutting edge web development, while representing the future… all of the examples are useable today


I haven’t really mentioned CSS3 at a recent OIDI staff meeting and thought I should add something about it. Reading through an article about the notable changes in HTML, I read about how closely related HTML5 and CSS3 are. This PDF goes in more details about the relationship between HTML5, CSS3 and Javascript: “In most cases, HTML markup defines the structure of web content; JavaScript manages behavior; and, CSS determines the content’s visual presentation.” I also found an article that talks about the pros and cons of HTML5 and CSS3. Many of the cons are based on the fact that both are still in development or early stages of adoption.


I’m really interested in these developments because they represent what is coming and there is so much to learn.