Initializing
Liveweave
Web
expand_more
home
Home
data_object
CSS Explorer
arrow_outward
Palette
Color Explorer
arrow_outward
Polyline
Graphics Editor
arrow_outward
outbox_alt
Generative AI
arrow_outward
frame_source
Python Playground
New
arrow_outward
build
Tools
expand_more
restart_alt
Load "Hello Weaver!"
post_add
Generate Lorem ipsum...
code
Format HTML
code_blocks
Format CSS
data_object
Format JavaScript
library_add
Library
expand_more
A
Algolia JS
Animate CSS
Apex Charts JS
B
Bulma CSS
Bootstrap
C
Chart JS
Chartist
Create JS
D
D3
Dojo
F
Foundation
Fullpage JS
G
Granim JS
Google Charts
H
Halfmoon
J
jQuery
M
Materialize
Moment JS
Masonry JS
Milligram CSS
P
Pure CSS
Primer CSS
Popper JS
Pattern CSS
Picnic CSS
R
React JS
Raphael JS
Raisin CSS
S
Semantic UI
Skeleton CSS
Spectre CSS
Tachyons CSS
T
Tailwind
Three JS
U
UI Kit
Vis JS
W
Water CSS
download
Download
expand_more
developer_mode
Download as HTML
folder_zip
Download as .ZIP
cloud_upload
Save
account_circle
Login
settings
Settings
expand_more
14
px
Live mode
Night mode
Line number
Mini map
Word wrap
sync_alt
Reset Settings
smart_display
Run
<!DOCTYPE html> <html> <head> <title>What is Ixd means to me</title> </head> <body> <!-- Start your code here --> <div class="everything"> <h1 id="lw">What is Ixd means to me</h1> <p>Interactive design is the design of interaction between users and products. The ideal of interaction design is creating product that enable the user to achieve their objective.The product can be created in many platform such as digital, product, environment, system, or service. </p> <p>Good interactive design is able to achieve the product objectives in any best way possible. It must be easy and simple enough for users to understand and interact with the products. The design should understand the users behaviors and solving all the possible problems in the design. </p> <h3>I if i can create anything</h3> <p>I would create anything that's related to myself which I would make a website that combine all the booking and reservation website in one place. When I plan on vacation or a trip, I have to go on multiple website to book for a certain thing which it causing more step and taking time to process. If I'm an expert I would design the better system in traveling plan in one-stop.</p> <div> <h3 id="example">Interaction Design Example</h3> <h5>Smart Phone</h5> <img src="https://i.amz.mshcdn.com/MIQej24PU5clWUD_roQ2bRiwmP8=/950x534/filters:quality(90)/https%3A%2F%2Fblueprint-api-production.s3.amazonaws.com%2Fuploads%2Fcard%2Fimage%2F684478%2Fb39440f0-5d6e-4fcf-854c-b79545886584.jpg" alt="smart-phone" width="560 "> <p>Smart phone becomme of the essential part of people's life. I think It's really interesting on how device and design that work most of everything in one single device and control by the tip of the finger. Lifestyle is changing through the trend and media which has the smart phone invoved in every possible way so I think it is one of powerful design in the world.</p> <h5>Museum Pop-Up: Color Factory </h5> <iframe width="560" height="315" src="https://www.youtube.com/embed/ZEA-7Ao3m_4" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> <p>The pop-up museum or store is one of the interesting interactive design where the audiences or customers experienc and interact with the place/environment under the theme. In my example, the pop-up museum is Color Factory which it's experience designed under the theme of color and in each room have different kind of experiences with color. I feel like this is the another kind museum that is changing the trend and way of people in the perceiving art.</p> <h5>Radio.garden</h5> <a href="http://radio.garden/live/"><img src="http://webdesignerwall.com/wp-content/uploads/2017/01/radio-garden.jpg" alt="radio.garden-screen" width="560"></a> <p>Thie cool website I found is very interesting that it allow the user find the radio around the globe also the . I think it's cool that how simple thing like listening to radio and combine the interaction design on browsing the radio stations. </p> </div> </div> <!-- End your code here --> </body> </html>
body {background-color: blue;} .everything {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #FFFFFF; margin: 20%; align-content: center;} #lw { font-size: 40px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #00FF00; } #example {color: #00FF00;}
// Write JavaScript here