CSS only Tooltips. Για κάποιον συνάδελφο που πιθανώς τα χρειάζεται

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

Post Photo
Wednesday, 27 March 2019

Τα Tooltips κάνουν την εκμάθηση ενός νέου περιβάλλοντος πολύ πιο εύκολη. Δυστυχώς οι περιηγητές με τη χρήση του title="" δείχνουν άθλια Tooltips.

Δεν χρησιμοποιώ κανένα CSS Framework στο Verdin CMS. Ούτε Bootstrap, ούτε Foundation, ούτε τίποτε άλλο. Έφτιαξα το δικό μου Framework για να μου παρέχει αυτά ακριβώς που χρειάζομαι, να είναι μικρό σε όγκο και γρήγορο στην εκτέλεση.

Αν σας ενδιαφέρουν τα CSS Only Tooltips τα ανέβασα εδώ:

https://jsfiddle.net/tomsnews/dorv25ys/

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

https://tomsnews.io/code

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

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

Post Photo

Η νέα έκδοση του tomsnews.social είναι εδώ για τους φίλους της σελίδας. Όχι δεν δίνω 150€ για την εγγραφή

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

tom
Κώδικας
Wednesday, 30 June 2021
Post Photo

Βρήκα με τι θα ασχοληθώ στο επόμενο διάστημα: tomsnews.social. Ένα κοινωνικό δίκτυο εμπνευσμένο από το παλιό τουίτερ

Η λογοκρισία όσο περνά ο καιρός χειροτερεύει. Κάθε φορά που ποστάρεις κάτι στην big tech δεν ξέρεις αν την άλλη μέρα θα έχεις το λογαριασμό σου.

tom
Κώδικας
Sunday, 30 May 2021
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