Visualizzazione dei risultati da 1 a 3 su 3

Discussione: Consigli di sviluppo

  1. #1
    Utente di HTML.it L'avatar di LuckySevenRoX
    Registrato dal
    Sep 2011
    residenza
    Foligno
    Messaggi
    361

    Consigli di sviluppo

    Salve, devo sviluppare un semplicissimo sito vetrina per un mio amico... so come arrivare al risultato finale, anche seguendo diverse strade, ma vorrei fare un piccolo brainstorming con voi per individuare la strada migliore, soprattutto prevedendo eventuali sviluppi futuri (tipo passaggio al responsive o cose del genere).

    Vi allego due immagini, la prima rappresenta la schermata che si vede appena caricato il sito, la seconda il sito dopo il click su una voce di menu

    home.jpg
    home2.jpg

    In breve, gli unici elementi grafici del sito saranno il logo e una 'curva' dove verranno appoggiate le varie voci di menu. Al click su una voce il menu si rimpicciolisce e si sposta "a sinistra", in modo da lasciare spazio ai contenuti del sito.

    Il mio dubbio è su quale strada scegliere, anche in vista di eventuali aggiunte di voci al menu (gestisco dinamicamente le posizioni tramite calcoli JS? sotto un punto di vista mobile è la strada migliore?) e soprattutto perchè vorrei RI-metterci le mani il meno possibile..

    Ti rivedrò in un'altra vita…quando saremo tutti e due gatti...

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Inizio con una domanda-considerazione: vuoi utilizzare JS, o preferisci farne a meno?
    Non e` solo una domanda sulla tecnologia, ma sottintende anche l'accessibilita`, il peso computazionale che imponi al browser (pensa che ci sono browser su dispositivi portatili che con un JS possono avere dei rallentamenti, ...)

    Premesso questo, io farei (senza uso di JS):
    - Home page, con il logo grande e il menu (logo come img, curva come sfondo, link in position:absolute)
    - Quando si aprono le pagine, queste sono organizzate con:
    . <html> e <body> che hanno width:100%; height:100%;
    . #contenuto con position:absolute; overflow:scroll; top:200px; left:200px; bottom:20px; right:20px; (i 200px sono una misura inventata da me per lasciare lo spazio al menu; i 20px per lasciare un po' di margine)
    . menu con logo (cliccabile che porta alla home), curva come sfondo e link in position:absolute

    Ribadisco che sono mie considerazioni personali: ci sono approcci molto diversi, con risultati pratici molto accattivanti (ma non-accessibili); il mio approccio ha piccole rinunce sul lato accattivante, ma rispetta l'accessibilita`.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Io ti consiglio le animazioni css,
    se vuoi ti posso aiutare

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.