Αναρτήσεις

Εμφάνιση αναρτήσεων με την ετικέτα CSS

Μάθετε προγραμματισμό on line...

Δεν ξέρω πόσοι από τους αναγνώστες αυτού του blog θα βρουν αυτό το post ενδιαφέρον... To "Ψαροκόκαλο" δεν είναι ένα τεχνολογικό blog και οι αναγνώστες του δεν είναι (κατά κύριο λόγο φαντάζομαι) tech-oriented, νομίζω όμως ότι θα ήταν χρήσιμο για όποιον επιθυμεί να εξερευνήσει λίγο τον χώρο της Πληροφορικής και του προγραμματισμού, να βρει συγκεντρωμένες κάποιες on line, δωρεάν πηγές που εμένα με βοήθησαν να μάθω πολλά πράγματα που τα χρησιμοποίησα στη δουλειά μου κι όχι μόνο... W3Schools ( "The world's largest web development site" , είναι το logo του και ίσως να έχει δίκιο! Όλες οι τεχνολογίες που αφορούν το web development, από το front end (HTML, CSS ,Javascript, jQuery και άλλα) μέχρι το back end (ASP, PHP, XML, JSON και άλλα) και τις βάσεις δεδομένων (SQL) , υπάρχουν εδώ!) Codecademy (Ένα εξαιρετικό on line learning site το οποίο δεν θα ήταν υπερβολή να πούμε ότι έφτιαξε σχολή από παρόμοια sites... Διαθέτει ένα εξαιρετικό interface, απόλυτα φιλικό...

Login link...

Για τον φίλο ή την φίλη που μου έστειλε μια ερώτηση μέσω της φόρμας επικοινωνίας αλλά δεν συμπλήρωσε όνομα και mail για να του απαντήσω: Το οριζόντιο μενού κάτω από την επικεφαλίδα δεν είναι τίποτα παραπάνω από ένα widget λίστας συνδέσμων με τους οποίους έχω λινκάρει κάποιες  σελίδες που έχω δημιουργήσει όπως η Contact και η About, την αρχική σελίδα του blog, την Home, καθώς κι ένα link (Login tab) το οποίο οδηγεί στο home του blogger  ( www.blogger.com/home ) στο οποίο εφόσον κάποιος έχει λογαριασμό τον οδηγεί στη σελίδα διαχείρισης του/των blog του... Θεώρησα ότι ήταν ένας βολικός και κομψός τρόπος για μένα για να έχω εύκολη πρόσβαση στο dashboard μου ειδικά από την στιγμή που έχω χρησιμοποιήσει css που κρύβει το default navigation bar του blogger...

Μικρές επιτυχίες...

Κάνουν τη ζωή πιο όμορφη και σου φτιάχνουν την μέρα... Πραγματάκια ασήμαντα στα μάτια των άλλων, σημαντικά όμως στα δικά σου, σου ανεβάζουν την αυτοπεποίθηση και σε κάνουν να νιώθεις σπουδαίος...  Στην περίπτωσή μου ήταν το να πειράξω το CSS του blog για να αποκαταστήσω ένα πρόβλημα στο layout...  Δεν πρέπει να είμαστε μίζεροι με την χαρά... Η ζωή έχει τόσα ζόρια, τόσες πολλές αφορμές για να στενοχωρηθείς που όταν βρίσκουμε την ευκαιρία να χαρούμε ή να γελάσουμε πρέπει να τη βουτάμε από τα μαλλιά... Καλημέρα!

Cloud9 IDE...

Εικόνα
Έψαχνα να βρω κανένα free editor με intellisense για Javascript για να τον εγκαταστήσω στο laptop της Μ. έτσι ώστε να μπορώ να δουλεύω και στα δύο μηχανήματα που έχω στο σπίτι και ψάχνοντας βρήκα το  Cloud9 ... Το  Cloud9  είναι ένας on line editor για CSS, HTML και Javascript αλλά υποστηρίζει και αρκετές άλλες γλώσσες (PHP, Ruby,etc)... Προσφέρει integration με GitHub , Bitbucket  και FTP (έστω και σε beta) από όπου μπορείς να σηκώσεις τα projects σου και να δουλέψεις από οποιοδήποτε υπολογιστή, φτάνει να έχει browser... Επίσης δίνει τη δυνατότητα να προστεθούν και άλλοι χρήστες που θα μπορούν να βλέπουν και να δουλεύουν το ίδιο project παράλληλα... Δεν έχω σηκώσει κάτι στο  GitHub  ή το  Bitbucket  οπότε δοκίμασα το FTP και οφείλω να ομολογήσω ότι παίζει μια χαρά... Το μόνο πρόβλημα που εντόπισα είναι ότι για κάποιο λόγο, που μπορεί να φταίω κι εγώ, έχει πρόβλημα με τους ελληνικούς χαρακτήρες, βγάζει "...

Βρε πως έχεις στρογγυλέψει !!! (Rounded corners - CSS)

Όποιος γυρίζει μυρίζει κι επί της ευκαιρίας του καινούργιου blog , άρχισα να ψάχνω ξανά το θέμα rounded corners με css (το οποίο είχα πει ότι θα κοιτάξω στο παρελθόν και δεν το έκανα ποτέ) και ιδού!!! Στρογγυλάδες πολλές κι αποτέλεσμα καλύτερο (νομίζω)... Το πως ήταν απλό... Πρόσθεσα τις παρακάτω γραμμές κώδικα στα elements που ήθελα (αλλάζοντας τα pixels που ορίζουν την "στρογγυλάδα" ανά περίπτωση) -moz-border-radius:12px;/*Gecko*/ -webkit-border-radius:12px;/*Safari and Chrome*/ -khtml-border-radius: 12px;/*for (old) Konqueror*/  border-radius:12px;/*W3C, Opera and IE9 Preview*/ και να το!!! EDIT: Τι διάολο, γιατί παίζει μόνο στο Chrome??? Υποτίθεται ότι έπρεπε να παίζει και στον Mozilla... :( EDIT 2: Ψιλοσουλουπώθηκε και για το Mozilla αλλά με ελλείψεις...  EDIT 3: Παίζει μια χαρά και στον Mozilla... :)

Στα πεταχτά...

1 και σήμερα για την άδεια... Δουλειά υπάρχει μπόλικη αλλά το μυαλό μου σκέφτεται ήδη τις διακοπές... Πρέπει να πεταχτώ σε ένα κατάστημα για αξεσουάρ αυτοκινήτου και να αγοράσω κανένα χταπόδι/δίχτυ/ιμάντα για να δέσω τα πράγματα πάνω στην σχάρα (όχι ακριβώς σχάρα αλλά δύο παράλληλες δοκούς) που τοποθέτησα χθες το απόγευμα... Με αγχώνει λιγάκι το φόρτωμα της σχάρας... Μου την έχει βαρέσει κι από χθες και προσπαθώ να κάνω αλλαγές στο blog... Κάποιες φαίνονται ήδη, τα rounded corners που ήθελα να φτιάξω, δεν τα έχω καταφέρει ακόμα... Ίδωμεν...

Spread the knowledge...

Αν προσπαθήσει κάποιος να αποτιμήσει την προσφορά του Internet στην κοινωνία θα βρει σίγουρα πολλά θετικά στοιχεία... Το σημαντικότερο είναι για μένα η δωρεάν και αθρόα προσφορά γνώσης... Γνώσης που μπορεί να αφορά λογοτεχνία, ιστορία, ποίηση, τέχνες, τεχνολογία, τα πάντα μπορεί να βρεις, τα πάντα μπορείς να μάθεις φτάνει να το προσπαθήσεις... Θα πει κάποιος ότι υπάρχει και πολύ σκουπιδαριό, πολλές φορές η γνώση παρουσιάζεται διεστραμμένη, ελλειπής, βλαβερή, μεροληπτική... Δεν είπε κανείς ότι πρέπει κάποιος να καταπίνει ότι του σερβίρεται αμάσητο... Πρέπει να φιλτράρεις και να διασταυρώνεις την πληροφορία, όπως ο καλός ρεπόρτερ... :P Με την αλλαγή του template μου είχε προκύψει ένα προβληματάκι καθώς κρύβοντας το navbar του blog, εμφανιζόταν ένα άσπρο περιθώριο στην κορυφή της σελίδας... Οι γνώσεις μου στο CSS δεν είναι πολύ advanced και το μόνο που κατάφερα να κάνω μόνος μου είναι να μεταφέρω το άσπρο περιθώριο στο κάτω μέρος της σελίδας έτσι ώστε να μην χτυπάει κατευθείαν στο μάτι το...

Πώς να κρύψετε το nav bar...

Δοκιμάζοντας να αλλάξω το template του blog μου (η Παναγία μου βγήκε...) και ψάχνοντας διάφορα στο internet,βρήκα κατά τύχη στο blog ενός Μεξικανού blogger, το Bloggeratto , ένα "κόλπο" για να κρύψουμε το nav bar, για την ακρίβεια να το κάνουμε να αναδύεται όταν ο κέρσορας πλησιάζει το πάνω μέρος της οθόνης του browser... Είναι μόνο δύο γραμμές κώδικα και δουλεύουν μια χαρά, κυρίως σε templates με δύο κολώνες...Δοκιμάστε το, είναι ενδιαφέρον και εύκολο να τοποθετήσεις τον κώδικα καθώς ο τύπος έχει λεπτομερείς οδηγίες...Ο κώδικας βρίσκεται εδώ ...