Ένα δύσκολο χειρουργείο. Αφαίρεση του Font Awesome από το σύστημα και αντικατάσταση με το Font Minisome!

Χρόνος Ανάγνωσης: 1,3 λεπτά

Post Photo
Monday, 01 April 2019

Άρθρο για συναδέλφους. To Font Awesome είναι μια πανέμορφη και βολική συλλογή εικονιδίων για σελίδες. Το πρόβλημα είναι ότι.. είναι 2,7ΜΒ (τουλάχιστον στην έκδοση που είχα).

Αυτό είναι το πρόβλημα γενικότερα με τα frameworks κάθε λογής.

Είναι σούπερ χρήσιμα για prototyping, τη γρήγορη δημιουργία νέων διεπαφών και γενικότερα την ταχύτατη παραγωγή λειτουργικού κώδικα.

Το πρόβλημα είναι ότι φορτώνοντας εικονίδια (βλ. Font Awesome), Bootstrap, πιθανώς Foundation, jQuery, ίσως jQuery UI ή κάποιο άλλο Framework χωρίς ακόμα να έχεις ξεκινήσει έχεις φτιάξει μια σελίδα με όγκο 5ΜΒ!

Έφτιαξα λοιπόν το σύστημα που βλέπετε μπροστά σας και με ενοχλούσαν τα 2,7ΜΒ του Font Awesome. Το σύστημά μου χρειάζεται 40 εικονίδια. Τόσα είναι στο σύνολο. Έφαγα λοιπόν ένα Σαββατοκύριακο να φτιάξω το δικό μου Font Awesome. Το βάφτισα Font Minisome και ο όγκος του είναι 30KB!

Δεν ήταν εύκολο όμως. Θέλει προσοχή με τα πνευματικά δικαιώματα. Ζούμε σε περίεργες εποχές οπότε θέλει μεγάλη προσοχή τι χρησιμοποιείς.

Το γνωρίζετε ότι έστω και θεωρητικά λόγω του άρθρου 13 και του άρθρου 11 της Ευρωπαϊκής μαφίας ακόμα και τα CDΝ (Content Delivery Networks) είναι παράνομα; Ναι, προφανώς δεν έχουν τα πνευματικά δικαιώματα του κώδικα που διανέμουν.

Η εγχείρηση πέτυχε και ο ασθενής δεν απεβίωσε.

Αν σας ενδιαφέρει η δουλειά μου σε λίγες ώρες θα τη βγάλω σε ανοιχτό κώδικα (Open Source) στο GitHub. 

Ήδη στο τέλος της σελίδας θα παρατηρήσετε ότι εμφανίστηκε ένα.. γατί!

Κοινοποίησε το άρθρο

Δες περισσότερα..

Post Photo

Μια συμβουλή για συναδέλφους και όχι μόνο. Κάντε ένα backup από οτιδήποτε έχετε online

Θα έχετε άφθονο χρόνο μετά να με ευχαριστείτε για την πράξη σας.

tom
Κώδικας
Monday, 11 January 2021
Post Photo

Τι έπρεπε να είχε κάνει ο Τραμπ για να μην τον απασχολεί η λογοκρισία των κοινωνικών δικτύων της Big Tech

Ο Τραμπ έκανε ένα τεράστιο λάθος. Δεν προετοιμάστηκε για τις περίεργες εποχές που ζούμε. Λάθος το οποίο δυστυχώς κάνουν πολλοί.

tom
Κώδικας
Saturday, 09 January 2021
Post Photo

Η σελίδα πλέον είναι πιο συμβατή με παλιούς browsers. Δεν γινόταν αλλιώς

Ένα μεγάλο μέρος του κοινού μου δεν έχει τη δυνατότητα να αγοράσει νέο υπολογιστή, κινητό ή tablet. Ένα δώρο του tomsnews χρονιάρα μέρα που είναι.

tom
Κώδικας
Thursday, 24 December 2020
Post Photo

Το tomsnews ανοίγει τις πόρτες του. Μέχρι δέκα συγγραφείς θα φιλοξενούνται στο σύστημα

Η σελίδα χθες παρά την κατήφεια που επικρατεί στο διαδίκτυο σημείωσε και πάλι ρεκόρ επισκέψεων από την ημέρα που εγκατέστησα την έκδοση VerdinCMS 10.

tom
Κώδικας
Saturday, 19 December 2020
Post Photo

Πάμε να φτιάξουμε το δικό μας κοινωνικό δίκτυο;

Οι φίλοι της σελίδας θα θυμούνται το mpoom.com το οποίο τα είχε πάει εξαιρετικά καλά. Το αγάπησαν φίλοι όσο το αγάπησα και γω. Μέχρι σήμερα με ρωτούν τι απέγινε και αν θα ξαναλειτουργήσει. Θα υπάρξει Mpoom 2;

tom
Κώδικας
Monday, 07 December 2020
Post Photo

25 χρόνια PHP. Ο δημιουργός της γλώσσας Rasmus Lerdorf μιλά για το παρελθόν, παρόν και μέλλον (βίντεο)

Μια εντυπωσιακή ομιλία-παρουσίαση του Rasmus Lerdorf για μια γλώσσα που χρησιμοποιήθηκε για τη δημιουργία τεράστιου μέρους του διαδικτύου που βλέπουμε σήμερα μπροστά μας. Tο Wordpress για παράδειγμα (που έχει γραφεί σε PHP) χρησιμοποιείται από το 60% των ιστοσελίδων παγκοσμίως.

tom
Κώδικας
Monday, 30 November 2020
Post Photo

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

Δείχνει παράλογο. Λογικά όσο πιο καλαίσθητη μια σελίδα, όσο πιο επαγγελματική, όσο καλύτερο ένα βίντεο τόσο περισσότερο κοινό μαζεύουν. Λάθος; Δείτε γιατί.

tom
Κώδικας
Friday, 09 October 2020
Post Photo

VerdinCMS έκδοση 7.18. Σιγά-σιγά το σύστημα κάνει όλα αυτά που θέλω

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

tom
Κώδικας
Friday, 09 October 2020
Post Photo

Έλυσα ένα πρόβλημα δεκαετίας. Συμβατότητα με παλιούς browsers. Άρθρο για συναδέλφους.

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

tom
Κώδικας
Thursday, 01 October 2020
Post Photo

Εκ της διευθύνσεως. Μπορείτε στις εικόνες μέσα στα άρθρα να κάνετε κλικ. Χρήσιμο όταν ποστάρω έγγραφα ή διαγράμματα

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

tom
Κώδικας
Sunday, 27 September 2020
Post Photo

Linkpal - Μια σελίδα για φίλους προγραμματιστές. Συλλογή από links και online εργαλεία

Στη σελίδα αυτή μαζεύω πηγές, εργαλεία ή ό,τι άλλο βρω που με βοηθάει στη δουλειά μου

tom
Κώδικας
Thursday, 24 September 2020
Post Photo

Τελικά τα κατάφερα. Η σελίδα παίζει με WebP

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

tom
Κώδικας
Tuesday, 22 September 2020
Post Photo

Η έκδοση 6 του VerdinCMS δεν υποστηρίζει πια Internet Explorer 11 και κάτω

Τέλος εποχής. Μετά από δεκαετίες μάχης με τον περιηγητή που η ίδια η Microsoft παράτησε σταματώ την υποστήριξή του. Η έκτη έκδοση του CMS που βλέπετε μπροστά σας δεν λειτουργεί πια σε IE 11 και κάτω

tom
Κώδικας
Saturday, 19 September 2020
Post Photo

Ένα ευχαριστώ στον Kevin Powell για τα καταπληκτικά του βίντεο σε ό,τι αφορά το CSS

Ο Kevin Powell έχει ένα κανάλι στο YouTube με 159.000 συνδρομητές και στόχος του είναι όπως λέει ο ίδιος να βοηθήσει τους θεατές του να κάνουν το διαδίκτυο λίγο πιο θαυμάσιο (a bit more awesome)

tom
Κώδικας
Thursday, 10 September 2020
Post Photo

Αν θέλεις να γίνεις προγραμματιστής και μάλιστα καλοπληρωμένος αυτή είναι η γλώσσα που πρέπει να μάθεις (βίντεο - μάθημα μιας ώρας)

Για να βρεις προγραμματιστή React είναι σαν να ψάχνεις ψύλλο στα άχυρα (Digital Knights ~ Trends for 2020)

tom
Κώδικας
Tuesday, 08 September 2020
Post Photo

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

Χιλιάδες γραμμές κώδικα. Αναβαθμίσεις, ασυμβατότητες, προβλήματα και πονοκέφαλοι. Όλα αυτά για να έχω κάποια λειτουργικότητα Javascript στα project μου. Τέλος εποχής σήμερα

tom
Κώδικας
Tuesday, 01 September 2020
Post Photo

VerdinCMS - Ένα Ελληνικό σύστημα διαχείρισης περιεχομένου που έρχεται να ταράξει τα νερά. Το βίντεο παρουσίασης που όλοι περίμεναν

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

tom
Κώδικας
Thursday, 27 August 2020
Post Photo

Άλλο ένα πρωινό με ασυμβατότητες και debugging

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

tom
Κώδικας
Tuesday, 25 August 2020
Post Photo

Σύντομο αρθράκι για συναδέλφους προγραμματιστές ή ανθρώπους που θα ήθελαν να γίνουν

Στο άρθρο αυτό ποστάρω ένα μάθημα μιας ώρας και σαράντα λεπτών από τον αγαπημένο μου "δάσκαλο" Traversy Media για Javascript ECMAScript 6 - 2015

tom
Κώδικας
Sunday, 23 August 2020
Post Photo

Το tomsnews συμβατό πλέον και με Internet Explorer 10 και 11

Μια σύντομη ενημέρωση από τα κεντρικά

tom
Κώδικας
Wednesday, 19 August 2020
Post Photo

Οι συγγραφείς της σελίδας είναι εδώ και καιρό δυο. Πως τους ξεχωρίζω;

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

tom
Κώδικας
Sunday, 16 August 2020
Post Photo

Ήταν δύσκολος ο τοκετός αλλά το μωρό είναι όμορφο

Τουλάχιστον έτσι νομίζω. Έτσι είναι αυτά. Μετά από 9 μήνες δημιουργείται μια νέα ζωή. Κάπως έτσι είναι τα πράγματα και στο λογισμικό.

tom
Κώδικας
Friday, 07 August 2020
Post Photo

Επιστροφή στην κανονική ροή του προγράμματος. Καλωσήρθες VerdinCMS 4!

Ίσως να μην το παρατηρήσατε (πως να το δείτε άλλωστε) αλλά το tomsnews τρέχει με την νέα έκδοση του VerdinCMS. Χάθηκα λίγο στον κώδικα για να ολοκληρώσω την τέταρτη έκδοση.

tom
Κώδικας
Wednesday, 16 October 2019
Post Photo

Μετασχηματίζοντας ένα blog σε πλατφόρμα ελεύθερης δημόσιας γραφής

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

tom
Κώδικας
Monday, 14 October 2019
Post Photo

Δημιουργώντας τη δική σου πλατφόρμα για μια κοινότητα ελεύθερων ανθρώπων

Υπάρχουν πολλά και διάφορα κοινωνικά δίκτυα στον πλανήτη. Ο όρος κοινωνικό δίκτυο συμπεριλαμβάνει πολλά πράγματα σήμερα. Π.χ το YouTube είναι κοινωνικό δίκτυο μιας και μπορείς να αλληλεπιδράς με το περιεχόμενο. Όλα όμως έχουν ένα πράγμα κοινό. Δεν σου ανήκουν. Τι γίνεται αν μια μέρα στο ξηλώσουν;

tom
Κώδικας
Monday, 07 October 2019
Post Photo

Μπορείτε πλέον να δείτε όλα τα άρθρα της σελίδας. Ναι, και τα παλιά!

Μου πήρε ένα διωράκι το πρωί. Τώρα θα δείτε στο τέλος της κεντρικής σελίδας τρία νέα κουμπιά.

tom
Κώδικας
Thursday, 03 October 2019
Post Photo

Η γιόγκα συνεχίζεται. Έχω να μοιραστώ μαζί σας έναν εντελώς καινοτόμο τρόπο διδασκαλίας

Είναι γνωστό ότι το tomsnews αποτελεί αστείρευτη πηγή γνώσης. Στα σεμινάρια που κάνω έχουμε πάλι νέο καθηγητή. Τους αλλάζουν σαν τα πουκάμισα. Μάλλον απασχολούν όποιον δουλεύει για πέντε ευρώ την ώρα.

tom
Κώδικας
Monday, 23 September 2019
Post Photo

Mouse mover. Η ποντικοκίνηση για τα σεμινάριά σας.

Στην περίπτωση που κάνετε σεμινάρια μέσω βίντεο (τηλεμάθηση) είναι σχεδόν βέβαιο ότι ο υπολογιστής σας παρακολουθείται. Ο απλούστερος τρόπος με τον οποίο προσπαθεί ο διαχειριστής του δικτύου να καταλάβει αν είστε στον υπολογιστή δεν είναι η κάμερα αλλά η κίνηση του ποντικιού.

tom
Κώδικας
Friday, 20 September 2019
Post Photo

Χάσαμε τον καθηγητή. Τα μεγαλεία συνεχίζονται.

Έπεσε η ροή βίντεο και μείναμε ορφανά. Κοιτιόμαστε περίεργα. Μάλλον θα κάηκε ο ρούτερ του. Μπορεί να κατέρρευσε η παγκόσμια οικονομία. Ίσως βομβάρδισαν το Βερολίνο οι σύμμαχοι. Ναι, σωστά δεν ζούμε στο 1945 οπότε μάλλον δεν έγινε αυτό. Μπορεί να ξέσπασε επιδημία με ζόμπια και έφαγαν τον καθηγητή. Και αυτό παίζει.

tom
Κώδικας
Tuesday, 17 September 2019
Post Photo

Πάρτε τους συνέντευξη όταν σας παίρνουν συνέντευξη για δουλειά. Το άρθρο αναφέρεται στην εύρεση εργασίας ως προγραμματιστή.

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

tom
Κώδικας
Thursday, 18 July 2019