Php + Js Resolution Screen

Σε αυτή την περιοχή μπορείτε να βρείτε ή να αναζητήσετε πληροφορίες σχετικές με την PHP

Συντονιστές: WebDev Moderators, Super-Moderators, PHP Moderators

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6230
Εγγραφή: 30 Νοέμ 2004 03:09

Php + Js Resolution Screen

Δημοσίευση από fafos » 09 Μαρ 2017 12:57

txc έγραψε: οπότε στην αρχική σελίδα δε μπορεί να παίξει αυτό το σενάριο?
nope...
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

Php + Js Resolution Screen

Δημοσίευση από korgr » 09 Μαρ 2017 14:41

Δασκαλε γιατι nope στην αρχικη σελιδα;
Αφου μπορεις απο την αρχικη οταν φορτωθει, να στειλεις την αναλυση με ajax και με το response να ξανακτίσεις αν χρειαστει ΟΛΟ το DOM απο την αρχη!

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6230
Εγγραφή: 30 Νοέμ 2004 03:09

Php + Js Resolution Screen

Δημοσίευση από fafos » 09 Μαρ 2017 16:05

korgr έγραψε:Δασκαλε γιατι nope στην αρχικη σελιδα;
Αφου μπορεις απο την αρχικη οταν φορτωθει, να στειλεις την αναλυση με ajax και με το response να ξανακτίσεις αν χρειαστει ΟΛΟ το DOM απο την αρχη!
den prokanei na diavasei thn session h to cookie otan anoigei mia selida.. prepei na paei sthn epomenh h na ginei ananeosh...
an trexei thn routina pou thelei sthn arxikh selida, me to pou tha mpei o xrhsths tha vlepei panta to apotelesma tou else.
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

Άβαταρ μέλους
Rapid-eraser
WebDev Moderator
Δημοσιεύσεις: 6851
Εγγραφή: 05 Απρ 2003 17:50
Τοποθεσία: Πειραιάς
Επικοινωνία:

Php + Js Resolution Screen

Δημοσίευση από Rapid-eraser » 09 Μαρ 2017 16:11

Πάντως κάτι μου λέει πως το πρόβλημά σου θα λυθεί με responsive css και fetch του data set που έχεις να δείξεις σε δεύτερο χρόνο (μετά το dom ready πχ με κάποιο async call)
Cu, Rapid-eraser, Tα αγαθά copies κτώνται.
Love is like oxygen, You get too much you get too high
Not enough and you're gonna die, Love gets you high

Άβαταρ μέλους
webdevgr
Δημοσιεύσεις: 696
Εγγραφή: 11 Δεκ 2010 17:25
Τοποθεσία: Ηράκλειο
Επικοινωνία:

Php + Js Resolution Screen

Δημοσίευση από webdevgr » 09 Μαρ 2017 22:04

Αν αυτό που θέλεις να κάνεις δεν βασίζεται αποκλειστικά σε resolution, αλλά μπορείς να παίξεις με devices πχ να κρύβεις ή να εμφανίζεις αν είναι mobile, table ή desktop, τότε μπορείς να δοκιμάσεις το http://mobiledetect.net

txc
Δημοσιεύσεις: 626
Εγγραφή: 02 Δεκ 2003 23:08

Php + Js Resolution Screen

Δημοσίευση από txc » 10 Μαρ 2017 07:53

webdevgr έγραψε:Αν αυτό που θέλεις να κάνεις δεν βασίζεται αποκλειστικά σε resolution, αλλά μπορείς να παίξεις με devices πχ να κρύβεις ή να εμφανίζεις αν είναι mobile, table ή desktop, τότε μπορείς να δοκιμάσεις το http://mobiledetect.net
ναι το βρήκα αυτό και παίζει μια χαρά
θα ήθελα να βρω και κάποιες ακραίες περιπτώσεις με το resolution της οθόνης γιαυτό και ψάχτηκα

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

Php + Js Resolution Screen

Δημοσίευση από korgr » 10 Μαρ 2017 10:22

fafos έγραψε: den prokanei na diavasei thn session h to cookie otan anoigei mia selida.. prepei na paei sthn epomenh h na ginei ananeosh...
an trexei thn routina pou thelei sthn arxikh selida, me to pou tha mpei o xrhsths tha vlepei panta to apotelesma tou else.
Ναι δάσκαλε το γνωρίζω αυτό για αυτό και προτείνω στην αρχική σελίδα που δεν υπάρχει ακομα το cookie του session, να στειλεις με ajax get/post την αναλυση ωστε την πρωτη σου φορα να χρησιμοποιησεις διαφορετική στρατηγική απο τις επομενες σελιδες.
Ασχετα αν στη συγκεκριμενη περιπτωση κανει κατι παραδοξο ο φιλος, και οπου παραδοξο = λαθος αρχιτεκτονικη στον σχεδιασμο μιας εφαρμογης.

Άβαταρ μέλους
jpk
Δημοσιεύσεις: 441
Εγγραφή: 09 Μαρ 2011 21:17

Php + Js Resolution Screen

Δημοσίευση από jpk » 11 Μαρ 2017 10:12

txc μπορώ μόνο να φανταστώ γιατί θέλεις το resolution server side. Υποπτεύομαι για να "σερβίρεις" διαφορετικό περιεχόμενο (ή / και css , ή / και js) ανά κατηγορία συσκευών που καλούν. Πλέον η τεχνική που υπάρχει πάνω από 10 χρόνια και χρησιμοποιείτε από το Google από το facebook από το tweeter κ.ο.κ. νομίζω ότι έχει αποκτήσει όνομα , Adjustive first , responsive second . Τι σημαίνει αυτό ότι πρώτα κάνεις ανίχνευση της "συσκευής ανάκτησης" server side και στέλνεις τα ανάλογα templates , css , js στην συνέχεια μέσα στην ίδια "συσκευή" μπορεί να υπάρχουν διαφοροποιήσεις , αλλιώς ένα mobile με πλάτος οθόνης 320px δείχνει ένα αποτέλεσμα και αλλιώς με πλάτος 580px , αλλιώς ένα desktop με πλάτος 1280px και αλλιώς ένα desktop με πλάτος 1920px. Για την δεύτερη κατηγοριοποίηση χρησιμοποιείς media quires σε κάθε CSS της συγκεκριμένης κατηγορίας.
Ο τίτλος "Adjustive first , responsive second" δεν είναι ακόμα κοινός και φυσικά μπορεί να το πούμε κάπως αλλιώς στην πορεία αλλά είναι αυτό που κάνουν πια όλα τα μεγάλα sites και κάποιοι από εμάς πολλά χρόνια τώρα.

txc
Δημοσιεύσεις: 626
Εγγραφή: 02 Δεκ 2003 23:08

Php + Js Resolution Screen

Δημοσίευση από txc » 13 Μαρ 2017 07:52

jpk έγραψε:txc μπορώ μόνο να φανταστώ γιατί θέλεις το resolution server side. Υποπτεύομαι για να "σερβίρεις" διαφορετικό περιεχόμενο (ή / και css , ή / και js) ανά κατηγορία συσκευών που καλούν. Πλέον η τεχνική που υπάρχει πάνω από 10 χρόνια και χρησιμοποιείτε από το Google από το facebook από το tweeter κ.ο.κ. νομίζω ότι έχει αποκτήσει όνομα , Adjustive first , responsive second . Τι σημαίνει αυτό ότι πρώτα κάνεις ανίχνευση της "συσκευής ανάκτησης" server side και στέλνεις τα ανάλογα templates , css , js στην συνέχεια μέσα στην ίδια "συσκευή" μπορεί να υπάρχουν διαφοροποιήσεις , αλλιώς ένα mobile με πλάτος οθόνης 320px δείχνει ένα αποτέλεσμα και αλλιώς με πλάτος 580px , αλλιώς ένα desktop με πλάτος 1280px και αλλιώς ένα desktop με πλάτος 1920px. Για την δεύτερη κατηγοριοποίηση χρησιμοποιείς media quires σε κάθε CSS της συγκεκριμένης κατηγορίας.
Ο τίτλος "Adjustive first , responsive second" δεν είναι ακόμα κοινός και φυσικά μπορεί να το πούμε κάπως αλλιώς στην πορεία αλλά είναι αυτό που κάνουν πια όλα τα μεγάλα sites και κάποιοι από εμάς πολλά χρόνια τώρα.
και πως πετυχαίνεις όλα αυτό με τόσες διαφορετικές αναλύσεις ανά συσκευή? εννοώ θα θες πολλά διαφορετικά templates ανά site για τόσα διαφορετικά

Άβαταρ μέλους
jpk
Δημοσιεύσεις: 441
Εγγραφή: 09 Μαρ 2011 21:17

Php + Js Resolution Screen

Δημοσίευση από jpk » 13 Μαρ 2017 12:10

Στην πραγματικότητα όχι. Μιλάμε για δύο εκδόσεις κεντρικών templates ή το πολύ τρεις (αν χωρίσεις το mobile σε mobi και tablet). Π.χ. μια καλή κλάση για να αναγνωρίσεις server side το είδος https://github.com/serbanghita/Mobile-Detect (η ίδια κλάση που βρίσκετε πίσω από το domain που έγραψαν και άλλοι φίλοι) (εγώ την έχω πειράξει λίγο εκεί που την χρησιμοποιώ αλλά και έτσι μια χαρά λειτουργεί) .

Το επόμενο έχει να κάνει με το πως αντιλαμβάνεται η εφαρμογή το template. Σε κάθε διαδικτυακή εφαρμογή υπάρχουν κεντρικά templates , ας τα πούμε "η κεντρική δομή" , αυτή αλλάζει ανάλογα με το είδος της συσκευής που έκανε την κλήση. Ναι , ενδέχεται να μην υπάρχει μόνο μια κεντρική δομή αλλά δύο ή τρεις , αλλά πάντα είναι μικρός ο αριθμός. Ως εδώ το adjustive τμήμα.

Από εκεί και πέρα ξέρεις τον τύπο της συσκευής που έκανε την κλήση και "σερβίρεις" τα ανάλογα CSS και JS. Στα CSS κάνεις responsive μέσα στον συγκεκριμένο τύπο της κλήσης και στα JS κάνεις ότι χρειάζεται ώστε να δουλεύει στον συγκεκριμένο τύπο συσκευής.

Δεν θα το μπλέξω περισσότερο αλλά νομίζω ότι είναι φυσικό επόμενο ότι πρώτα έχεις κάνει minify τα CSS και τα JS αρχεία και τα έχεις χωρίσει σε critical και non critical.

Σε πρώτη ανάγνωση μπορεί να ακούγονται "κινέζικα" αυτά που γράφω , το ξέρω. Αλλά νομίζω ότι σαν προγραμματιστές θα μας ενδιέφερε να δούμε πως "σερβίρεται" διαφορετικά το facebook ή το Google σε desktop ή σε mobile (το facebook έχει και tablet subversion αλλά κάνω ακόμα ότι δεν το βλέπω hehe ).

Αν κάνεις αυτή την δόμηση μετά έχεις πολλές άλλες επιλογές . Π.χ. το να φτιάξω ένα facebook app για εσωτερικό tab μιας εφαρμογής είναι τόσο εύκολο όσο το να προσθέσω ένα template και έναν κατάλογο css αρχείων ελαφρώς τροποποιημένων ώστε να ταιριάζουν στην αισθητική του facebook και js αρχεία ώστε να είναι μέσα στις σελίδες του.

Και μην ξεχνιόμαστε και τα JS events είναι διαφορετικά σε desktop από ότι σε mobile ή tablet

Κανένα αποκλειστικά "responsive" site δεν είναι πραγματικά responsive (με ότι σημαίνει ο όρος)

txc
Δημοσιεύσεις: 626
Εγγραφή: 02 Δεκ 2003 23:08

Php + Js Resolution Screen

Δημοσίευση από txc » 13 Μαρ 2017 13:13

κάπως έτσι κινούμαι και εγώ με τη κλάση που έστειλες για να κάνω detect τα app και mobile από το desktop.

στη συνέχεια σερβίρω διαφορετικά πράγματα, βέβαια έχω ένα θέμα στη περίπτωση του table όταν στο tablet από οριζόντια πηγαίνεις σε κάθετη ανάλυση

Άβαταρ μέλους
jpk
Δημοσιεύσεις: 441
Εγγραφή: 09 Μαρ 2011 21:17

Php + Js Resolution Screen

Δημοσίευση από jpk » 13 Μαρ 2017 13:48

Όταν το web ήταν πιτσιρίκι τα tables ήταν από τις λίγες δυνατότητες που είχαμε για να υπάρχει μια δόμηση , πλέον έχει νόημα να τα χρησιμοποιούμε μόνο για tabular data ,έτσι και αλλιώς το ίδιο αποτέλεσμα το έχεις με css πια , και το να μην είναι table σου επιτρέπει να έχεις διαφορετικά CSS's ανά client side version. Αλλά επειδή ένα σύστημα μπορεί να έρχεται από πολύ παλιά , μπορείς με CSS πια να κάνεις το table ότι θες.

Αφού αυτό το κομμάτι το έχεις txc (το "adjustive first responsive second") σκέψου και το δεύτερο , τον διαχωρισμό των CSS και των JS σε critical και non critical.

Έφαγα κάνα χρόνο το 2012 / 20013 , παλεύοντας το ATF που λέει το Google (Above the fold) και υπόλοιπα ώσπου να καταλήξω ότι η μόνη διάκριση που έχει νόημα και συμφωνεί με τους ATF κανόνες του Google είναι critical και non critical.

Το https://developers.google.com/speed/pagespeed/insights/ δεν καθόρισε την αρχιτεκτονική μου άμεσα , αλλά με έκανε να προβληματιστώ και να αλλάξω πολλά, ειδικά για το mobile version. Σήμερα οι περισσότερες διαδικτυακές εφαρμογές που έχει κάνει σωστή δουλειά το τμήμα Content Management ( ναι κάνω αυτόματο optimize τις εικόνες αλλά όταν βάζουν εικόνα 300mb σε σελίδα να γίνει optimize σε 1.2 ? ) έχουν ποσοστό πάνω από 98% (κάποιες 100%) .

Το αποτέλεσμα είναι ότι οι πελάτες μου χωρίς να χαλάνε καθόλου λεφτά σε διαφήμιση έχουν περισσότερες επισκέψεις από αυτούς που χαλάνε λεφτά. Μέχρι αυτό να γίνει κοινή γνώση θα πρέπει να βρεθώ ακόμα πιο μπροστά ... heheheh

Για παράδειγμα η συγκεκριμένη σελίδα που είμαστε έχει 59/100 σε mobile / tablet στο insights , με κόκκινη σήμανση που σημαίνει ότι θα την έθαβε το Google ενώ σε desktop έχει μόνο 74 % (και μια χαρά της είναι με τόσα λάθη) .

txc
Δημοσιεύσεις: 626
Εγγραφή: 02 Δεκ 2003 23:08

Php + Js Resolution Screen

Δημοσίευση από txc » 13 Μαρ 2017 14:19

άρα τι προτείνεις για να ξεκινήσουμε να το δουλεύουμε σωστά?

Άβαταρ μέλους
jpk
Δημοσιεύσεις: 441
Εγγραφή: 09 Μαρ 2011 21:17

Php + Js Resolution Screen

Δημοσίευση από jpk » 13 Μαρ 2017 14:38

"Σωστά" δεν υπάρχει. Απόψεις είναι όλα , και μοιράζομαι την δική μου.
Κατά την άποψή μου πρώτα κόψε τα κεντρικά templates σε τύπους κλήσεων. Άλλο για desktop άλλο για mobile – tablet άλλο για fb app . Μετά αφού ξέρεις server side τον τύπο , φόρτωσε τα σχετικά JS και CSS. Κάνε μια εντολή MINIFY κάπου στο SuperAdmin να τα κάνει όλα minified όσο γίνεται.

txc
Δημοσιεύσεις: 626
Εγγραφή: 02 Δεκ 2003 23:08

Php + Js Resolution Screen

Δημοσίευση από txc » 13 Μαρ 2017 15:14

εκτός από το πως θα δείχνω τα data (π.χ. σε μια σελίδα εμφανίζω 3 προϊόντα ανά σειρά), αυτό σημαίνει ότι σε tablet θα πρέπει να δείχνω 2 προϊόντα ανά σειρά για να φαίνονται
αυτό μπορώ να το πετύχω ανιχνεύοντας από που έρχεται ο χρήστης

χρειάζεται όμως αν μικραίνω και τις φώτο των προϊόντων αντίστοιχα?
ή απλά με καλύπτει η μείωση του πλήθους των προϊόντων ανά σειρά?

Απάντηση

Επιστροφή στο “PHP Προγραμματισμός”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης