Twin Peaks Quote Machine - asking for feedback

Twin Peaks Quote Machine - asking for feedback
0.0 0

#1

Hi guys,

I’m in for UX design/front-end development. That’s why I decided to design and develop my random quote machine from scratch all by myself (layout, logos, buttons, js, html, css etc.). I have some ideas about how the project could evolve and hope to discuss them with you soon.

But for now — any feedback would be of great value to me!


#2

I like it but I am confused what the difference between the quote button and the mix button is.


#3

This is astonishingly beautiful. In terms of aesthetics, you’ve completely outdone yourself.


#4

Hi @gorniczy,

HTML

  • Error:

Element head is missing a required instance of child element title

Open Graph protocol Documentation:

http://ogp.me/

As an example, the following is the Open Graph protocol markup for The Rock on IMDB:

<html prefix="og: http://ogp.me/ns#">
<head>
<title>The Rock (1996)</title>
<meta property="og:title" content="The Rock" />
<meta property="og:type" content="video.movie" />
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/" />
<meta property="og:image" content="http://ia.media-imdb.com/images/rock.jpg" />
...
</head>
...
</html>

  • Error:

Bad value for attribute src on element img: Must be non-empty.

HTML5 specification:

https://www.w3.org/TR/html50/embedded-content-0.html#attr-img-src

The src attribute must be present, and must contain a valid non-empty URL potentially surrounded by spaces referencing a non-interactive, optionally animated, image resource that is neither paged nor scripted.

<!-- Grid for one character -->
    <div id="grid_one">
      <div id= "mono_image">
        <img src="" id="image" alt="">
      </div>

Cheers and happy coding :slight_smile:

Note:
Tools used:
validation:
https://validator.w3.org/#validate_by_input


#5

Thank you @randelldawson! The mix button randomly assigns quote to any character, whereas the quote button just randomly gives you character with his/her quote. I hope I managed to clear that up!

Thank you once more!


#6

Thanky you @dylanesque! I’m really flattered!


#7

Thank you @erretres for you feedback! I think I’m gonna use that tool in the future. :slight_smile: