Feedback gewünscht Design und Code bewerten (EDITOR)

  • Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

designfaden

Neues Mitglied
4 April 2020
2
1
1
30
Guten Morgen allerseits,

ich habe einen Onepager in HTML, CSS und jQuery geschrieben zum Thema "Sonnenblumen züchten".
Die Seite ist nicht-kommerziell.

Hier ist der Link zur Seite: helians.de

Mich würde euer Feedback interessieren zu:

a) Code
b) Layout / Design
c) Inhaltsaufbau

Vielen Dank!
 

EntrigesFichtenholz

Neues Mitglied
29 Januar 2020
29
1
3
17
Du könntest noch machen das man nicht die Bilder marken kann selbiges währe auch bei der Navigation gut. :)


So zum beispiel.
ganz einfaches css.

CSS:
h1{ -ms-user-select: None;-moz-user-select: None;-webkit-user-select: None;user-select: None;}
h2{ -ms-user-select: None;-moz-user-select: None;-webkit-user-select: None;user-select: None;}
a{ -ms-user-select: None;-moz-user-select: None;-webkit-user-select: None;user-select: None;}
.logo{ -ms-user-select: None;-moz-user-select: None;-webkit-user-select: None;user-select: None;}
br{ -ms-user-select: None;-moz-user-select: None;-webkit-user-select: None;user-select: None;}


Sonst sehr gelungenes Design. Auch die Schrift ist sehr Passend. Eventuell Könntest du auch noch eine Art rahmen wie bei einem Bild. ;)

Auch könntest du die Textmarkierung noch einfärben.
Mehr darüber hier: https://css-tricks.com/almanac/selectors/s/selection/

CSS:
::selection {
    background: #fff;opacity: 0.8;
    color: black;
}
::-moz-selection {
    background: #fff;opacity: 0.8;
    color: black;
}

Einfach die Farbe einbauen die du haben willst und schon ist das hässliche blau weg.


Auch nett ist das hier. Das ändert die Scrollbar.
Gefunden habe ich das hier. https://css-tricks.com/almanac/properties/s/scrollbar/
Ich habe aber trotzdem ein Paar Anpassungen vorgenommen.

Code:
body::-webkit-scrollbar {
    width: 2em;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
  border-radius: 30px;

}

body::-webkit-scrollbar-thumb:hover{
  transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-0-transform: scale(1.1);
box-shadow: 0  3px 3px 3px rgba(0, 0, 0, 0.4);
  }


  .menu::-webkit-scrollbar {
      width: 0.8em;
  }.menu::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
    border-radius: 30px;
  }
  .cookiefenster::-webkit-scrollbar {
      width: 0.5em;
  }.Cookiefenster::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid blue;
    border-radius: 30px;
  }

Habe deiner Website nochmal einen Besuch erstattet.
Du hast nämlich ein Problem mit deinem Handy menu. Wenn du deinen Browser ganz klein machst b.z ein handy welches liegt "vorteuschst" dann kannst du in dem menu nicht nach unten scrollen. Einfach den Overflow sichtbar machen also nur bei dem menu.

LG Fichtenholz

Ps. Nicht wundern im letzten code sind noch sachen von mir das ist einmal das cookiefenster und halt mein menu . Die kannste eigentlich löschen habe sie trotzdem drinn gelassen.
 
Zuletzt bearbeitet:
Werbung:

Neueste Beiträge