Revisione HTML e CSSFormazione in programmazione

Revisione HTML e CSS: bug di layout e correzioni responsive

Consegna da 1 giornoRevisioni incluseControllo di qualità
Pagamento protettoDettagli
  • Le revisioni previste dal pacchetto sono gratuite.
  • Se non risponde entro 3 giorni dalla consegna, il lavoro viene accettato automaticamente.
Ordina · 32 €

Il denaro viene riservato al momento del pagamento e sbloccato solo quando accetta il lavoro.

Revisione HTML e CSS: bug di layout e correzioni responsive

Esempio di risultato

Esempio per il pacchetto Standard

Revisione del codice: script Python di importazione ordini per un piccolo negozio online

Cosa fa il codice

  1. Legge orders.csv dall'export del negozio.
  2. Per ogni riga d'ordine cerca il prodotto per SKU in stock.xlsx e sottrae la quantità.
  3. Salva le giacenze aggiornate e registra i totali in import_log.txt.

La struttura è chiara e le funzioni hanno nomi ben scelti. Quasi tutti i problemi riguardano dati in ingresso diversi da quelli che lo script si aspetta.

Bug e punti deboli

#RigaGravitàProblema
148AltaLo stesso CSV può essere importato due volte: non c'è alcun controllo sugli ID ordine già elaborati. È la causa più probabile delle giacenze negative.
272Altaint(row["qty"]) va in errore con valori vuoti o "2.0" degli ordini rimborsati.
395MediaLa ricerca per SKU distingue maiuscole e minuscole: "gt-101" e "GT-101" risultano prodotti diversi.
4130MediaIl file viene aperto senza encoding="utf-8", quindi su Windows i nomi con lettere accentate si rompono.
5201BassaUn except: generico nasconde gli errori reali e rende inutile il log.

Frammenti corretti

Problema 1: saltare gli ordini già importati

processed = load_processed_ids("processed_orders.txt")
for row in reader:
    if row["order_id"] in processed:
        continue
    # ... logica esistente ...
    processed.add(row["order_id"])
save_processed_ids("processed_orders.txt", processed)

Perché: ogni ordine viene applicato una sola volta, anche se rilanciate lo script sullo stesso file.

Problema 2: leggere la quantità in modo sicuro

raw = (row.get("qty") or "").strip()
try:
    qty = int(float(raw))
except ValueError:
    log.warning("Ordine %s: quantità non valida %r, saltato", row["order_id"], raw)
    continue

Perché: le righe rimborsate o parziali vengono saltate con una nota chiara, invece di fermare tutta l'importazione.

Problema 3: normalizzare gli SKU

sku = row["sku"].strip().upper()

Applicate lo stesso .strip().upper() quando costruite il dizionario delle giacenze.

Stile e leggibilità

  • process() è lunga 90 righe: dividetela in read_orders, apply_to_stock, write_report.
  • Sostituite i numeri di colonna "magici" (row[7]) con i nomi delle intestazioni.

Testate ogni correzione su una copia dei vostri file: abbiamo letto il codice, ma non l'abbiamo eseguito.

Cliente: titolare di un negozio di tè che ha scritto uno script Python di 310 righe per importare gli ordini da un export CSV nel foglio delle giacenze Problema segnalato: "A volte le giacenze vanno in negativo, e con alcuni file lo script si blocca."

Il cliente e tutti i dati sono inventati.

Informazioni sul servizio

I bug di layout di solito si riducono a poche cause: una larghezza fissa che deborda sui telefoni, un contenitore flex o grid impostato nel modo sbagliato, uno z-index che non funziona a causa di uno stacking context o media query in conflitto tra loro. Incolli il suo HTML e CSS con screenshot di come appare e di come dovrebbe apparire: le spieghiamo perché il layout si rompe e le diamo il CSS corretto. Segnaliamo anche miglioramenti rapidi di accessibilità, come testo alternativo, etichette dei moduli e ordine dei titoli.

Cosa è incluso

  • Cosa riceveUna revisione scritta nella pagina dell'ordine: perché il layout si rompe, frammenti HTML e CSS corretti per desktop e mobile e note sull'accessibilità. Il Premium aggiunge un piano per riordinare il foglio di stile in classi riutilizzabili.
  • Correzioni del layoutFlexbox, grid e overflow
  • Regole responsiveMedia query che non si scontrano
  • Sovrapposizione e z-indexPerché gli elementi finiscono dietro ad altri
  • HTML semanticoTitoli, landmark, pulsanti
  • Basi di accessibilitàTesto alternativo, etichette e contrasto

Come funziona

  1. 1
    BriefLei incolla il codice e gli screenshot
  2. 2
    LetturaTroviamo le regole che rompono il layout
  3. 3
    RevisioneRiceve il CSS corretto e le note

Cosa ci serve da lei

L'HTML e il CSS incollati come testo, screenshot del problema su desktop e telefono, i browser in cui si verifica e come dovrebbe apparire.

Le chiederemo:

  • È CSS puro o un framework?
  • Con quali dimensioni dello schermo e browser si rompe?
  • Come dovrebbe apparire la sezione?
  • La pagina è creata con un site builder o scritta a mano?

Confronto dei pacchetti

BaseMarkup fino a 100 righe14 €StandardMarkup fino a 400 righe32 €PremiumFino a 1.000 righe con piano del foglio di stile62 €
Tempi di consegna1 giorno2 giorni3 giorni
Revisioni123
Righe di codicefino a 100fino a 400fino a 1.000
Frammenti correttiSìSìSì
Piano di riordino del foglio di stileNoNoSì
OrdinaOrdinaOrdina

Pagamento protetto

Paga al momento dell'ordine, ma il denaro viene sbloccato solo per un lavoro accettato.

  • Prezzo fissoIl prezzo del pacchetto non cambia dopo il pagamento.
  • Il denaro viene riservatoAl pagamento, l'importo viene solo riservato. Passa a Dleex quando accetta il lavoro.
  • Verificato prima della consegnaOgni risultato passa un controllo di qualità prima di arrivare a lei, e lo vede nella pagina dell'ordine prima di accettarlo.
  • Revisioni gratuiteRichieda revisioni nell'ambito del suo brief tante volte quante ne prevede il pacchetto.
  • Accettazione dopo 3 giorniSe entro 3 giorni dalla consegna non accetta il lavoro né richiede una revisione, il lavoro viene accettato automaticamente. Se scrive nella chat dell'ordine dopo la consegna, l'ordine resta in attesa; dopo la nostra risposta potremmo far ripartire i 3 giorni e glielo indicheremo nella chat.
  • Rifacimento o rimborso totaleSe il risultato non corrisponde al suo brief e le revisioni non hanno risolto il problema, oppure il lavoro richiede più del doppio dei tempi di consegna previsti, scriva nella chat dell'ordine: rifaremo il lavoro o le rimborseremo l'intero pagamento.
Come funziona →

Domande e risposte

Lo verificate nei browser reali?

No, leggiamo il codice e i suoi screenshot. Verifichi il CSS corretto nei suoi browser prima di pubblicarlo.

Potete correggere una pagina fatta con Wix o Tilda?

Solo il codice personalizzato che vi aggiunge. Il layout del builder si gestisce nel suo editor, non con codice che può inviarci.

È un audit di accessibilità completo?

No. Segnaliamo i problemi evidenti nel codice che ci invia; un audit completo richiede test con screen reader sulla pagina online.

Ordina · 32 €· 2 giorni