I don’t need to be tagged either, I have the thread on Watching
I didn’t expect so many people to volunteer. Hm… well, I’ll see where the poll’s majority is by the time it’s time to post the next assignment up. So far, break the tags is winning.
But five people are willing to not be tagged which means for the people who voted to break the tags it wouldn’t really affect them and it would be slightly easier for you.
Breaking the tags and tagging 10 people takes the same amount of time for me, so I’m just going with what the majority option in the poll is.
ok then
Unit 6: Multi Column Threads
Calling all students!
@flyingCouch @lst-my-shp-sil @greekmyth @merinnie @Theora @deathinreverie @Forever_D_A @ValKayRee @dumplingbabe @hazelnuttys
@panaceia @JJJ000YYY @Nablai @keen @W.L.Ink
I hope you all enjoyed your week off because it’s time to jump back into the thick of things. Remember how in assignment three, I mentioned that we’d be talking more about the display property from display: block;
later in the course? Well, today is the day to delve deeper into this property.
The display
property is important as it specifies what you can do with your code. Normally, by default, the span tag has a display value of inline
. You may have noticed if you don’t include display: block;
, you are unable to change the width or height of your span box. When you include display: block;
in your code, you’re telling the span to behave differently.
There are three commonly used values for the display property but for now, we’ll just be focusing on two of them: inline
and block
for the sake of simplicity. To start with, here’s a visual explanation:
As I said, by default, the span tag uses display: inline;
. You might be wondering if there’s a tag that uses display: block;
as its default and that would be the div tag. It’s not really relevant for forum coding but if you decide to code elsewhere, you’ll be able to use the div tag in the same ways as the span tag with the display: block;
specified in its inline CSS. Forum coding is broken, yes.
Now, let’s dive into the third type that you can use: display: inline-block;
. As the name suggests, it combines some of the properties of display: block;
and display: inline;
. Instead of each span starting on a new line like it does with display: block;
, the elements stay side by side when possible. However, unlike with display: inline;
, you can give them a specified width and height. In some ways, inline-block;
gives you a greater flexibility when coding:
(Recommended further reading: click here)
For this week’s assignment, design something that uses display: inline-block;
. It can be as simple as two squares side-by-side that are both different colors or it can be as complex as a thread design. Let your curiosity and your imagination guide you. There is no right or wrong answer.
Direct reply to this message with your submission by September 28th 6pm PDT. Grades will be given shortly. If, at any point during this assignment you wish to ask a question, feel free to tag me and ask!
Sorry for being late. I forgot what day it was today, oof.
Also… let me know if that assignment is too hard? I notice no one submitted yet. o.o
I can submit right now actually but…want to check some things and play around. So far, so good.
Ah, okay. You all have been so quiet this week, so I figured a check-in wouldn’t hurt.
I noticed that too so it’s all good
I was going to try to play around with it this weekend when I’m not so busy.
Yeah, that’s fine! I’m just wondering if people have questions.
You are my star.
You are my moon.
You are my sky.
the graphics
thank you~
Oh, waitttt, sorry
Covers Character AestheticsBanners Character Art Story Ads Landscape Art Stickers Watermarks Logos
TOTALLY GOING TO USE THIS ONE DAY
Oh my gosh, I always forget. I might have to post a sticky note on the monitor or something. 4 more classes…
At least you remembered before it was too late.
Dino.Unicorn.Planet.