Free Online Google Sitemap Generator
If you can’t figure out how to generate your own sitemap, fret not. Just head over to this site and let the bots do the work.

oozey mess
AnasAbdin
let's talk about Bridgerton tea, my ask is open

Love Begins
No title available
Aqua Utopia|海の底で記憶を紡ぐ

shark vs the universe
Xuebing Du
i don't do bad sauce passes
we're not kids anymore.
styofa doing anything
No title available
todays bird
noise dept.
Cosmic Funnies

blake kathryn
I'd rather be in outer space 🛸

Andulka
Three Goblin Art
Jules of Nature

seen from Norway

seen from Portugal
seen from United States

seen from United States
seen from Indonesia

seen from United States
seen from Algeria
seen from United States
seen from Algeria
seen from United States

seen from United States
seen from United States

seen from United States

seen from United States
seen from United States

seen from United States
seen from Mexico

seen from United Kingdom
seen from Singapore
seen from Algeria
@omgomd
Free Online Google Sitemap Generator
If you can’t figure out how to generate your own sitemap, fret not. Just head over to this site and let the bots do the work.
If you're thinking about redesigning your graphic design portfolio, be sure to take a look at this list of design portfolios all with attributes to make yours even better.
Still stuck on ideas? Give this a bit of a look through and maybe you’ll be inspired further.
For those of you getting frustrated by CSS, you’re not the only one
The web is accessible on a huge range of devices, from small-screen phones to big-screen televisions. Each device presents its own benefits and constraints. As a web developer, you are expected to support a full ranges of devices.
For those of you still unsure about how to go about building a responsive design, do take a look at this link and follow through with the tutorial.
Learn how to use Adobe Muse by following a step-by-step tutorial for creating a website. Includes sample files you can use for practice.
For those of you who are struggling with getting the codes right, fear not, Adobe Muse to the rescue! Here’s you can find some quick tips - as well as a sample document - to help you get started on your final assignment.
Website Grader is a free online tool that grades your site against key metrics like performance, mobile readiness, SEO, and security.
Some of you may already have found this online tool while doing your research and analysis, but if you haven’t do give it a try. Load a page that you think is good, and see what kind of numbers and rating you get from it.
Feel free to read the links on the site grader if you don’t understand what each metric means. I will be going through the information in class as well.
Squarespace offers a suite of different tools for developers. Find the offering that's right for you, or get started with a Developer Platform website.
Since we’ll be starting on your portfolio site proper in Session 5, it would be good for you to look through the Squarespace Developer’s suite, and compare it to some of the other platforms that you may be interested in.
Do note that for the purpose of this assignment, if you choose to use Squarespace, you MUST be using the developer version, and not the “out of the box” end-user version. This module has been designed to teach you how to build a website that is not a generic, readily available theme, so do make sure you give the toolbox a good poke around to see what’s what.
Understanding HTML & CSS - Class vs ID
Okay, so the last few sessions have probably blown your brains out of the water. But, not to worry. You’ll get the hang of things after a while.
From the previous session, it seems like you guys got the gist of what Class and ID is - but is still confused as to its practical uses. So I’m hoping this write up will help you along a little.
Imagine your site as a room full of people - say, 10 pax. 3 are females, 5 are males, 2 are non-binary (or, Enby). The classification of gender acts like a class in HTML - so in this instance, the “html” for the room might look like this :
<!Doctype HTML> <html> <head>...</head> <body> <!--Start Room--> <div id=“room”> <div class=“female”>Participant 1</div> <div class=“male”>Participant 2</div> <div class=“male”>Participant 3</div> <div class=“female”>Participant 4</div> <div class=“female”>Participant 5</div> <div class=“male”>Participant 6</div> <div class=“enby”>Participant 7</div> <div class=“male”>Participant 8</div> <div class=“enby”>Participant 9</div> <div class=“male”>Participant 10</div> </div><!--End Room--> </body> </html>
Now, each class would have similar characteristics, so when you are writing the css, it might look something like this :
.female { hair: long; bottom: skirt; }
.male { hair: short; bottom: trousers; }
.enby { hair: medium; bottom: kilt; }
(Note: these are obviously not actual CSS properties)
Now, we’re in a multicultural society. So there’ll be different races in the room. The races are another way of classifying the participants. Let’s say there are 3 Chinese, 3 Malays, 2 Indians and 2 Caucasians in that room. So your code would now look like this :
<!Doctype HTML> <html> <head>...</head> <body> <!--Start Room--> <div id=“room”> <div class=“female chinese”>Participant 1</div> <div class=“male malay”>Participant 2</div> <div class=“male indian”>Participant 3</div> <div class=“female caucasian”>Participant 4</div> <div class=“female caucasian”>Participant 5</div> <div class=“male chinese”>Participant 6</div> <div class=“enby chinese”>Participant 7</div> <div class=“male malay”>Participant 8</div> <div class=“enby indian”>Participant 9</div> <div class=“male malay”>Participant 10</div> </div><!--End Room--> </body> </html>
Now, again, each race will have their own identifying features. So you would then add the following to your CSS :
.chinese { skin: light; }
.malay { skin: medium; }
.indian { skin: dark; }
.caucasian { skin: pale; }
(Note: these are obviously not actual CSS properties)
Now you have the general signifiers for both gender and race of the participants in the room. But how do you identify them?
Each person has a name - their ID - and characteristics that are specific to them and no one else. They may also have some characteristics that are contradictory to the general rules listed in the related classes. So, your HTML will now look like this -
<!Doctype HTML> <html> <head>...</head> <body> <!--Start Room--> <div id=“room”> <div class=“female chinese” id=“Anna”>Participant 1</div> <div class=“male malay” id=“Ibrahim”>Participant 2</div> <div class=“male indian” id=“Sanjay”>Participant 3</div> <div class=“female caucasian” id=“Jocelyn”>Participant 4</div> <div class=“female caucasian” id=“Patricia”>Participant 5</div> <div class=“male chinese” id=“Joshua”>Participant 6</div> <div class=“enby chinese” id=“Jade”>Participant 7</div> <div class=“male malay” id=“Syafiq”>Participant 8</div> <div class=“enby indian” id=“Lav”>Participant 9</div> <div class=“male malay” id=“Hazree”>Participant 10</div> </div><!--End Room--> </body> </html>
And your CSS now looks like this -
.female { hair: long; bottom: skirt; }
.male { hair: short; bottom: trousers; }
.enby { hair: medium; bottom: kilt; }
.chinese { skin: light; }
.malay { skin: medium; }
.indian { skin: dark; }
.caucasian { skin: pale; }
#Hazree { hair: long !important; }
#Lav { hair: short !important; bottom: kilt !imporant; }
So based on the CSS properties, the classes and the IDs, we now know how to address each participant in the room, and can now therefore conclude...
Participant 7 has medium length hair, is chinese, non-binary...and their name is Jade.
HTML Cheat Sheet - A simple, quick reference list of basic HTML tags, codes and attributes
So, because it’s pretty close to impossible to teach you guys about each and every html element - and it’s definitely not possible for you to memorise all the different bits in such a short time - here’s a cheat sheet to help you along. I’ll include the link in the appropriate section in the side bars as well.
via Muzli
Those of you still looking for inspirations for your portfolio site, this might give you more ideas
THE WORLD'S LARGEST WEB DEVELOPER SITE
Hello again!
Just putting this link up - from next week onwards, this site will become your bible. Everything you’ll need to know about building a website is on there. So book mark it, refer back to it constantly as you progress through the unit, and I’ll see you guys on Monday.
Welcome !
Hi guys, welcome to the CD 107 tumblr. This will be a more casual platform for you to share ideas and ask questions. Feel free to post and comment on any of my posts as well.
The slides & notes from Session 1 will be uploaded and available on the Downloads tab soon.