Elementor PRO ήρθαν και οι custom γραμματοσειρές.

Να που στον Elementor PRO ήρθαν και οι custom γραμματοσειρές. Ο δημοφιλής builder μέσω του PRO δεν σταματά να μας εκπλήσει και να μας γοητεύει με τις νέες λειτουργίες που προστίθενται συνέχεια Βαδίζουμε προς τον Elementor 2.0 περιμένοντας την μεγάλη έκπληξη τον themer! Και με τα πρόσθετα εργαλεία του PRO θα γίνονται θαύματα.

Πριν την έλευση του 2.0 βέβαια το έδαφος προετοιμάζεται με νέες λειτουργίες. Προ ημερών μας ήρθαν τα νέα Call to action στοιχεία που είναι εκπληκτικά! Σήμερα ήταν και η σειρά των custom γραμματοσειρών! Κάτι που οι χρήστες ζητούσαν επιμόνως.

Όχι πως δεν μπορούσαμε να τα βάλουμε ως τώρα. Αλλά άλλο να βάζεις μέσω ftp δημιουργώντας φακέλους (που δεν ήταν εύκολο για αρχάριους χρήστες), ή μέσω plugin. Και οι δύο αυτές περιπτώσεις δεν ήταν ότι καλύτερο. Στην πρώτη περίπτωση γιατί δυσκόλευε τους αρχάριους χρήστες, και στην δεύτερη μέθοδο του plugin επειδή τελικά ήταν αχρείαστο άλλο ένα plugin στον χώρο μας. Έτσι με την έλευση των custom fonts μέσω του Elementor PRO λύθηκαν με την μία τα δύο αυτά θεματάκια!

Το να τα βάλεις είναι παιχνιδάκι. Απλά πηγαίνετε στις ρυθμίσεις του Elementor πίσω στην διαχείριση και ανεβάζετε την γραμματοσειρά που θέλετε. Τόσο απλά και γρήγορα! Όμως αν είστε και συνδρομητές της Adobe typekit τώρα θα μπορείτε να συγχρονίζεστε και με τον Elementor!

Δείτε και στο σχετικό βίντεο:

Ο Elementor και ο PRO φυσικά έχουν αρχίσει να μας κακομαθαίνουν. Όμως είναι καλό αυτό! Αν ασχολείστε με τον χώρο σας και έχετε μεράκι και όρεξη για να κάνετε τον χώρο σας όπως πάντα θέλατε ο PRO είναι μία επιλογή μονόδρομος!

Blossoming Goddess

Blossoming Goddess

Μία δημιουργία μας ξεχωριστή σε λογική fairytale το Blossoming Goddess είναι ένας χώρος που σε κάνει να ταξιδεύεις.

Η δημιουργία είναι αποτέλεσμα του Elementor page builder και της PRO έκδοσης χρησιμοποιώντας μόνο τα απαραίτητα στοιχεία και plugins χωρίς να φορτώνεται με ατελείωτα scripts. Αποτέλεσμα αυτής της εργασίας που έγινε είναι ο χώρος να έχει υψηλές μετρήσεις σε εργαλεία όπως GTmetrix, Pingdom κτλ.

Η κεντρική σελίδα χρησιμοποιεί λογική εξιστόρησης ιστορίας. Το πλούσιο υλικό ήταν ο οδηγός μας για να επιλέξουμε το fairytale. Άλλο ένα ενδιαφέρον στοιχείο που διακρίνει το Blossoming Goddess είναι οι custom γραμματοσειρές.

Η κύλιση σε κάθε section γίνεται ομαλά χωρίς σκληρή κύλιση και υπάρχουν διακριτικά στοιχεία parallax.

Ακόμα και οι εσωτερικές σελίδες με την θεματολογία του χώρου έχουν πειραχτεί με έξτρα στοιχεία αναζήτησης σε κάθε κατηγορία για ευκολία των επισκεπτών.

Το Blossoming Goddess είναι ένας χώρος που ξεχωρίζει με την πρώτη ματιά.

Woocommerce και φωτογραφίες.

Woocommerce και φωτογραφίες.

Τα eshop είναι κυρίαρχα πια στην αγορά. Ειδικά στο εξωτερικό. Η επιλογή του προϊόντος που μας ενδιαφέρει είναι μία εύκολη διαδικασία και δεν απαιτεί ποδαρόδρομο, μουρμούρες και όλα αυτά τα ωραία. Τώρα έχουμε την ευχέρεια να καθόμαστε στο Pc μας και να επιλέξουμε το προϊόν που έχουμε στο μυαλό μας διαβάζοντας με την άνεση μας τις περιγραφές, τα χαρακτηριστικά τους και τόσες άλλες πληροφορίες.

Όμως σε όλους μας έχει συμβεί μία φωτογραφία ενός προϊόντος να μας κάνει να το κοιτάξουμε καλύτερα. Όπως και σε ένα ηλεκτρονικό κατάστημα που είναι όμορφα στημένο με φωτογραφίες ίδιου μεγέθους και πολλά άλλα πραγματάκια ξαναγυρνάμε συνέχεια και είναι μόνιμα στα αγαπημένα μας στον λατρεμένο μας firefox.

Οπότε σήμερα θα πιάσουμε ένα πονεμένο θέμα. Διάσταση φωτογραφιών στο Woocommerce το οποίο μαζί με το Magento κυριαρχούν σε ποσοστό κάπου στο 70%.

Ποιο είναι το κολπάκι όμως που θα μας δώσει την σωστή διάσταση; Η προετοιμασία πριν από όλα και μία διάσταση για όλες τις φωτογραφίες! Ας τα δούμε συνοπτικά και πόσο ρόλο παίζει το καθένα.

Προετοιμασία
100%

Η προετοιμασία του eshop μας είναι το Α και το Ω. Όλα ξεκινούν από εκεί. Όταν αποφασίσετε να ανοίξετε το ηλεκτρονικό σας κατάστημα μία λέξη θα ακούσετε από τους Web designers. Υ Λ Ι Κ Ο! Αν δεν είστε λοιπόν προετοιμασμένοι θα χάσετε πάρα πολύ χρόνο! Και ο χρόνος είναι χρήμα σε μία άκρως ανταγωνιστική αγορά όπως αυτή της ηλεκτρονικής αγοράς. Αν όμως έχετε προετοιμαστεί θα ανεβάζετε τα προϊόντα σας σε πολύ γρήγορο χρόνο! Και το πρώτο στοίχημα το κερδίσατε.

Το μυστικό της προετοιμασίας; Αν έχετε καταλήξει στο ποιος θα σας το φτιάξει θα πρέπει πριν πάρετε την απόφαση να το στήσετε να φροντίσετε να ενημερωθείτε για το τι θα χρειαστείτε. Η έγκαιρη ενημέρωση και προετοιμασία λοιπόν είναι τα πρώτα απαραίτητα στοιχεία!

Φωτογραφία και Woocommerce
100%

Η φωτογραφία του προϊόντος σας στο Woocommerce εξαρτάται από το θέμα. Όμως επειδή δεν είστε προγραμματιστές-στριες για να αρχίσετε στα καλά καθούμενα τα δεξιά κλικ και τα Κινέζικα για εσάς inspect element το μυστικό είναι στην προετοιμασία και την διάσταση!

Η διάσταση λοιπόν της φωτογραφίας σας είναι αυτή που θα σας σώσει από το να φαίνονται όλα τα προϊόντα σας όμορφα και ωραία. Οπότε επιλέξτε μία διάσταση τετράγωνη για όλα τα προϊόντα σας. 800×800 pixels είμαστε καλά! Και το προϊόν στο κέντρο. Εννοείται βέβαια το format της εικόνας θα είναι jpg. Οι διαστάσεις που σας έδωσα δεν είναι δεσμευτικές. Μπορεί να θέλετε να παίξετε σε landscape και με διάσταση π.χ. 800×600 pixels. Και αυτό μας κάνει. Η διάσταση όμως πρέπει να είναι ίδια!

Png χρησιμοποιούμε μόνο σε λογότυπα ή σε δύσκολα περιβάλλοντα όπως backgrounds, headers κτλ.

Έτσι αν είστε σωστά προετοιμασμένοι και οι φωτογραφίες έχουν την ίδια διάσταση θα είστε έτοιμοι!

Και πάμε να σας δώσω ένα παράδειγμα.
Στην πρώτη φωτογραφία υπάρχει το εξής λάθος : Η μία φωτογραφία είναι portrait και η άλλη landscape.

Δείτε πως φαίνεται σε έναν κατάλογο η πρώτη φωτογραφία – απλά σύρετε με το ποντίκι για να δείτε ολόκληρες τις φωτογραφίες – και πως η δεύτερη φωτογραφία που έχει και τις σωστές διαστάσεις που σας είπαμε πιο πάνω!

Οπότε προετοιμαστείτε σωστά και ακούτε τις συμβουλές των Web designers.

Firefox Quantum. Ταχύτητα!

Firefox ο αγαπημένος Browser του ελεύθερου λογισμικού. Όμως το μεγάλο πρόβλημα ανέκαθεν ήταν η ταχύτητα, η μνήμη, το smooth scroll και…και…και χίλια δύο πράγματα καθημερινά που αντιμετωπίζουμε όλοι μας.

Όχι πια όμως γιατί ο νέος Firefox Quantum σκοτώνει! Κυριολεκτικά.

Από όσο ανακοίνωσε η Mozilla είναι 2 φορές πιο γρήγορος και με μνήμη κατανάλωση -30%!

Η μεγάλη αλλαγή πλέον είναι ότι ο νέος Firefox θα εκμεταλλεύεται όλους τους πυρήνες της συσκευής που διαθέτετε. Pc, laptop, smartphone κτλ.

Η μεγάλη αλλαγή στην ταχύτητα οφείλεται στην Rust. Μία γλώσσα της Mozilla ή οποία έκανε το εξής απλό: Έγραψε νέο κώδικα CSS που τώρα τρέχει σε όλους τους πυρήνες παράλληλα.

Αλλαγές ήρθαν όμως και στις καρτέλες (tabs) αλλά και στην εμφάνιση με το νέο περιβάλλον Photon.

Μπορείτε να τον εγκαταστήσετε ήδη ως Beta (όλα δουλεύουν άψογα).

Ανοίξτε τερματικό και δώστε αυτές τις 2 εντολές:

sudo add-apt-repository ppa:mozillateam/firefox-next

sudo apt-get update

Μετά μπορείτε να τον βρείτε μέσα στο κέντρο λογισμικού. Η έκδοση είναι η 57. Ή μπορείτε να τον κατεβάσετε από εδώ.

Η πλήρης έκδοση θα είναι διαθέσιμη 14 Νοεμβρίου.

Απίθανα πράγματα θα δείτε αν τον κατεβάσετε! Δοκιμάστε τον!

Το Gboard λέει γράφε Ελληνικά.

Το Gboard λέει γράφε Ελληνικά.

Και όμως είναι αλήθεια. Το Gboard πληκτρολόγιο της Google κάνει θαυματάκια. Πλέον δεν υπάρχει και επίσημη δικαιολογία να γράφει κάποιος αυτό το αίσχος που λέγεται Greekglish.

Πολύς κόσμος παραπονιέται σε χρήστες που γράφουν έτσι. Και δικαιολογημένα!

Όταν το διάβασα ως είδηση σε ένα φόρουμ σκέφτηκα πως δεν είναι κακό να το ψάξω λίγο.

Ομολογώ πως το δοκίμασα στο κινητό άμεσα μετά την συζήτηση στο φόρουμ και έμεινα άναυδη με την μετάφραση από τα Greekglish στα Ελληνικά. Πανεύκολα χωρίς κόπο!

Ας πάμε να δούμε πως το δουλεύουμε.

  • Καταρχήν πρέπει να κατεβάσετε το Gboard.
  • Αφού το ενεργοποιήσετε θα πρέπει να πάτε στις γλώσσες και εκεί να ενεργοποιήσετε τα Ελληνικά (abc – Ελληνικά) και όποια άλλη γλώσσα θέλετε. Υπάρχουν και απλά Ελληνικά. Εμείς όμως θέλουμε αυτό που σας είπα. Αυτό ήταν! Είστε έτοιμοι!

Καθώς λοιπόν θα πληκτρολογείτε στα Greekglish επάνω στην μπάρα το Gboard θα σας τα μεταφράζει. Άψογο ε;

Κάντε κλικ επάνω στην φωτό για να το δείτε στην πράξη.

Πλέον δεν υπάρχει δικαιολογία για αυτό το αίσχος. Ακόμα και η Google σας το δείχνει και επίσημα ότι δεν υπάρχει πιο αίσχος γλώσσα εσείς γιατί συνεχίζετε να γράφετε και μας έχετε βγάλει τα ματάκια;

Το gif το δανειστήκαμε από Android Police.

Προσφορά Pc για όλους σας.

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

Για να γίνει όμως η δουλειά μας χρειαζόμαστε και έναν υπολογιστάκο να μας συντροφεύει.

Έτσι σκεφτήκαμε με τα παιδιά από το Κύκλωμα να τους δώσουμε ένα configuration για ένα desktop Pc και να μας δώσουν μία καλή τιμή ειδικά για την Γη των πιγκουίνων. Η σκέψη μας ήταν πολύ απλή. Ένα μηχάνημα που να κάνει για όλους – μαθητές, για το σπίτι, για το γραφείο, για σταθμούς εργασίας, για τις ταινιούλες σας κτλ. – και για όλα. Οικονομικό, να είναι σκυλί στην δουλειά, και να είναι και πλήρως αναβαθμίσιμο! Έτσι τα καταφέραμε. Και σας τον παρουσιάζουμε σήμερα.

Τα τεχνικά χαρακτηριστικά του είναι:

Επεξεργαστής : Intel G 4400 1151
Μητρική : H110M –HDS
Μνήμη : 4GB DDR 4 2133MHz
Δίσκος : 1ΤΒ Toshiba Sata3, 32Mb buffer
Τροφοδοτικό : 450W MsTech
Λειτουργικό : Linux
Εγγύηση : 2 χρόνια

Ο πίγκου-γρήγορος – έτσι τον έβγαλαν  – δεν φοράει DVD αφού πλέον είναι περιττό.

Το μεγάλου ατού βέβαια είναι το λειτουργικό που αποφασίσαμε να βάλουμε μέσα το Peppermint 8. Και αυτό επειδή είναι σφαίρα αφού στηρίζεται σε LXDE & XFCE και γενικά είναι μία πανέμορφη διανομή.

Για τα υπόλοιπα τεχνικά χαρακτηριστικά μπορείτε να τα δείτε εδώ:

Τιμή: 215 ευρώ μόλις!

Όσοι θέλετε να προχωρήσετε στην αγορά το μόνο που έχετε να κάνετε είναι να συμπληρώσετε την φόρμα. Μπορείτε ακόμα να ζητήσετε και κάτι έξτρα! Οι τιμές θα είναι με έκπτωση σε ότι και αν θέλετε έξτρα ειδικά για την γη των πιγκουίνων. Όλα τα στοιχεία μεταφέρονται αυτόματα στα παιδιά στο Κύκλωμα και θα επικοινωνήσουν μαζί σας άμεσα!

Gutenberg ο νέος star του WordPress.

Προσωπικά είμαι στο WordPress από τότε που με θυμάμαι. Πολλές οι αλλαγές από τότε αλλά η κυριότερη έρχεται τώρα και ακούει στο όνομα Gutenberg. Τι είναι όμως στην ουσία αυτό το πράγμα που έχει ενθουσιάσει όλη την κοινότητα και ήδη είναι από τα trends του Google;

Στην ουσία ο Gutenberg είναι ένας editor – page builder. Για εκεί προορίζεται και εκεί πάει! Οι απανταχού χρήστες – είτε είναι designers είτε απλοί χρήστες – χοροπηδάνε ήδη. Γιατί αυτό; Η απάντηση είναι απλή.

Προβλέπεται πόλεμος στους page builders και οι κυρίως ωφελημένοι θα είμαστε εμείς. Εξηγώ πολύ απλά:

Στην κοινότητα του WordPress κυριαρχούν οι page builders με εκπρόσωπους σαν το Divi, elementor, siteorigin, beaver builder κτλ. Τώρα μπαίνει και στο παιχνίδι το WordPress. Μην διαβάζετε ότι είναι μόνο για να φτιάξετε ένα εντυπωσιακό layout ενός άρθρου ή μίας σελίδας. Ήδη έχουν ξεκινήσει συζητήσεις (και εργασίες) για επέκταση! Με λίγα λόγια με τον Gutenberg και μερικά απλά δωρεάν Widgets θα στήνεις ότι κάνεις κέφι! Αντίπαλο δέος και κυρίως ελεύθερο δέος!

Αναγκαστικά λοιπόν οι page builders θα πρέπει να ρίξουν βάρος στις δωρεάν εκδόσεις τους ώστε να είναι πλήρως ανταγωνιστικές απέναντι στο αντίπαλο δέος του WordPress με τον Gutenberg! Άλλωστε ο προπομπός για να αγοράσει κάποιος έναν page builder στην pro είναι η δωρεάν έκδοση! Οπότε θα πρέπει να δώσουν καλές δωρεάν εκδόσεις για να αγοράσουν τις προ εκδόσεις. Τώρα οι εκδόσεις που έχουν είναι λίγο minimal θα έλεγα. Πόλεμος λοιπόν και ποιοι θα έχουν τα περισσότερα οφέλη; Μα εμείς ως χρήστες βέβαια! Σας το εξήγησα πάρα πολύ απλά.

Σας ενημερώνω ότι η δουλειά στον Gutenberg γίνεται με ρυθμούς πολυβόλου στο GThub και ήδη κυκλοφορεί η beta έκδοση για δοκιμές! Την τρέχουμε ήδη σε ένα test site που έχουμε και πραγματικά έχουμε εντυπωσιαστεί. Η ευκολία στο να προσθέτεις μπλοκ έχει κάνει ήδη πολλούς να έχουν χάσει τον ύπνο τους. Καλό αυτό!

Δείτε ένα βίντεο για να μπείτε στο κλίμα:

 

Πέθαναν τα Pc και δεν το μάθαμε;

Εχθές είδαμε μία παρουσίαση προϊόντων πολύ γνωστής εταιρείας. Εκεί οι CEO της εταιρείας ανέπτυξαν διάφορες απόψεις λέγοντας ότι τα Pc σιγά σιγά σβήνουν. Όταν κάποιοι από το κοινό ζητήσαμε που το στηρίζουν αυτό στην ουσία μας απάντησαν με κάτι φράσεις του στυλ “ As you know”, “The point is” και τελικά κανείς μας δεν κατάλαβε τίποτα.

Η ουσία είναι ότι οι μεγαλοκαρχαρίες θέλουν να προωθήσουν άλλα προϊόντα και βέβαια είναι σεβαστό. Γίνεται από μέρους τους μία προσπάθεια να σώσουν την αγορά των tablets αλλά ήδη αυτή η αγορά είναι πεθαμένη. Και θα το εξηγήσουμε.

Τα tablets είναι μία ευκολία για πολλούς home based χρήστες. Αλλά μέχρι εκεί. Κανένας προγραμματιστής ή web designer, ή γραφίστας δεν θα δουλέψει σε tablet. Το tablet χρησιμεύει για λόγους θέασης και μόνο πως είναι το mobility σε μία δουλειά, ή επίδειξη σε έναν πελάτη εργασιών. Τα tablets ως αγορά ήταν αρκετά ελπιδοφόρα. Όμως υπάρχουν πολλά μειονεκτήματα λόγω του ότι η πλειοψηφία του κόσμου δεν ξέρει τα βασικά του Android. Π.χ. πείτε σε έναν απλό χρήστη να σώσει μία φωτογραφία από τον Browser. Σας λέω την απάντηση ότι το 90% των χρηστών δεν ξέρει!

Έτσι μοιραία οι μεγαλοεταιρείες βλέποντας ότι η αγορά αυτή πεθαίνει και με τα τεράστια στοκ στις αποθήκες τους έχουν αμοληθεί σε μία “ασφαλής” προπαγάνδα ενάντια στα Pc. Γιατί όμως χρησιμοποίησα τον όρο “ασφαλής” προπαγάνδα; Η απάντηση είναι πάρα πολύ απλή. Γιατί η αγορά αυτή δεν πέφτει ότι και να σας πουν. Το Pc ζει και βασιελεύει και τον κόσμο κυριεύει!

Θα σας δείξω ένα στατιστικό από μεγάλο χώρο που έχουμε στήσει με πολλούς επισκέπτες καθημερινά. Το στατιστικό είναι της προηγούμενης εβδομάδας. Και οι νέοι χρήστες στον συγκεκριμένο χώρο υπερβαίνουν το 70%. Δείτε λοιπόν και με κλικ κάνετε μεγέθυνση:

Όπως βλέπετε το 70% των χρηστών χρησιμοποιούν Pc και ένα 20% από κινητά!

Οπότε κλείστε τα αυτιά σας. Η κάθε εταιρεία λέει τα δικά της για να μην φάνε το στοκ τους αμάσητο! Μην τσιμπάτε.

Σοβαρές εργασίες γίνονται μόνο σε Pc!

Brave browser. Η λύση για τις Ati.

Με τις Ati κάρτες γραφικών είναι γνωστο το θέμα και έχει αναλυθεί από πάρα πολλούς χώρους. Αυτό το πρόβλημα επηρεάζει και άλλους παράγοντες. Ένα από αυτά τα θεματάκια είναι και με τον Brave browser.

Έχετε παρατηρήσει πολλοί ότο ξαφνικά όταν επιλέξεις να ανοίξεις ένα site το μόνο που εμφανίζει είναι μία άσπρη οθόνη. Κάνοντας με δεξί κλικ inspect element εύκολα θα δείτε λάθη! Αυτό συμβαίνει μόνο σε όσους έχουν κάρτες γραφικών Ati και στις διανομές τους έχουν τους τελευταίους πυρήνες. Το θέμα ήταν πραγματική σπαζοκεφαλιά και η συζήτηση είχε ανάψει για τα τα καλά στο Github. Και βέβαια η λύση βρέθηκε αφού τα βάλαμε όλα κάτω τα δεδομένα.

Η μαγική εντολή λοιπόν είναι η brave –ignore-gpu-blacklist.

Έχετε 2 τρόπους να το κάνετε:

Η μία να τρέξετε την εντολή μέσω τερματικού.

Η δεύτερη να φτιάξετε μία συντόμευση και να δώσετε αυτή την εντολή!

Μόλις το κάνετε ούτε κολλήματα θα έχετε ούτε  άσπρες οθόνες! Αν πάλι δεν σας πετύχει εδώ είμαστε!

Ο Brave έχει μπει δυναμικά στο παιχνίδι των browser και τον προτιμούν πολλοί αφού ανακόπτει όλα τα περίεργα scripts και τον χείμαρρο διαφημίσεων στους χώρους. Βέβαια στους χώρους που διαβάζουμε και υποστηρίζουμε καλό είναι να αφήνουμε καμία διαφήμιση αφού μέσω αυτών πολλοί καλοί bloggers συντηρούν τους χώρους τους.

Ενημέρωση:

Φίλος εδώ μας ανέφερε ότι δεν πέτυχε. Όμως όπου και αν το δοκιμάσαμε δεν είχαμε θέμα. Αν ακόμα αντιμετωπίζετε θέμα τότε κάντε το εξής απλό:

Απεγκαταστήστε τον και ανοίξτε τερματικό. Δώστε τις εντολές μία μία:

wget -qO – https://s3-us-west-2.amazonaws.com/brave-apt/keys.asc | sudo apt-key add –
sudo add-apt-repository «deb [arch=amd64] https://s3-us-west-2.amazonaws.com/brave-apt xenial main»
sudo apt update
sudo apt install brave

Θα έχετε πάντα ενημερωμένο τον brave και δεν θα έχετε θέμα.