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

Αναρτήσεις

Προβολή αναρτήσεων από Νοέμβριος, 2013

share menu: Twitter, Facebook, Gplus, Dribble

Ένα αναδιπλωμένο menu για το Twitter, Facebook, Gplus και το Dribble.

Αντιγραφή επικόλληση τον παρακάτω κώδικα:

<style>
/* foulscode.blogspot.gr */
@import url(http://fonts.googleapis.com/css?family=Kite+One);
        *{
            margin:0;padding:0;border:0;vertical-align:baseline;
        }
        body{
            background: #505050;
        }
        a[class^='icon-'] , a[class*='icon-']{
            display: block;
            font-size: 30px;
            speak:none;
        }
        input[type='checkbox']{
            display: none;
        }
        .badboy{
            width: 0;
            height: 0;
            clear: both;
        }
        label{
           display: block;
            position: relative;
            width: 35px;
            background: #f66;
            opacity: 0.75;
            margin-left: -1px;
            padding: 29px 10px;
            -webkit-transition: all .25s ease;
            -moz-transition: all .25s ease;
        }
        label:hover{
    …

Δημιουργήστε Εύκολα HTML5 Animation Με Το HTML5 Maker

Το HTML5 Maker είναι μια online υπηρεσία / εργαλείο για τη δημιουργία κινούμενου, διαδραστικού περιεχόμενου με χρήση HTML, HTML5, CSS και JavaScript. Είναι πολύ εύκολο στη χρήση και την ίδια στιγμή μπορεί να σας βοηθήσει να επιτύχετε πολύ καλά αποτελέσματα. Επιτρέπει την παραγωγή cross-browser κινούμενου περιεχόμενου, όπως javascript και HTML5 animation, Slideshows,  Presentations και Sliders.





Το Animation μπορεί εύκολα να ενσωματωθεί στο υπάρχον website προσθέτοντας μια διασκεδαστική ή επαγγελματική εμφάνιση σε αυτό. Η HTML5 Maker πρόκειται για μια συνδρομητική υπηρεσία η οποία παρέχει και συνδρομή χωρίς χρέωση. Ωστόσο, δεν χρειάζεται καν να εγγραφείτε για να χρησιμοποιήσετε την υπηρεσία. Μπορείτε απλά να πατήσετε το κουμπί Δημιουργία Animation στην αρχική σελίδα και να αρχίσετε να εργάζεστε για το έργο σας.

Απαιτήσεις: -
Demo: http://html5maker.com/
Άδεια: License Free


ΠΗΓΉ

Δωρεάν Icon Set Vectors Παγκόσμιων Μνημείων

Η Noupe έχει κυκλοφορήσει πρόσφατα ένα αρκετά μεγάλο icon set μνημείων από όλο τον κόσμο.
Το σετ περιλαμβάνει 250 αντικείμενα με γνωστά μνημεία πολλών χωρών και μπορεί να ταιριάξει σε οποιοδήποτε country-focused σχεδιασμό έργου.



Όλα τα στοιχεία είναι διαθέσιμα ως PNG (32 * 32px, 64px 64 * και 128 * 128px), AI, EPS, PSD και SVG. Και, είναι ελεύθερα να χρησιμοποιηθούν για προσωπικά ή εμπορικά έργα.
Download: 250 Ultimate World Monuments Icons Pack
Website: http://www.noupe.com/freebie/exclusive-vector-freebie-250-ultimate-world-monuments-icon-pack-by-freepik-78439.html


ΠΗΓΉ

Social icons για το blog/site σας.

Αντιγραφή επικόλληση τον παρακάτω κώδικα:


<style>@import url(http://weloveiconfonts.com/api/?family=entypo|zocial);@import url(http://fonts.googleapis.com/css?family=Sintony);/* foulscode.blogspot.gr */[class*="entypo-"]:before {  font-family: 'entypo', sans-serif;}
/* zocial */[class*="zocial-"]:before {  font-family: 'zocial', sans-serif;}
html, body {  width: 100%;  height: 100%;  margin: 0;  padding: 0;}
body {  background: #d6d7dc;  color: #fefefe;  -webkit-font-smoothing: antialiased;}
i {  font-style: normal;}
ul.social-links {  list-style: none;  width: 21.81818em;  margin: 2em auto;}ul.social-links .social-icon {  width: 4em;  height: 4em;  float: left;  margin: 1em 1.4em;  margin-left: 0;  border-radius: 100%;  box-shadow: 0 0.3em 0.25em rgba(0, 0, 0, 0.1);  -webkit-transition: opacity 0.3s ease;  -moz-transition: opacity 0.3s ease;  transition: opacity 0.3s ease;}ul.social-links .social-icon a {  width: 100%;  height: 100%;  display: bloc…

Ένας Loaders διαφορετικός από τους άλλους

Ένας Loaders διαφορετικός από τους άλλουςγια το blog και το site σας.
Αντιγραφή επικόλληση τον παρακάτω κώδικα:

<style>
/* foulscode.blogspot.gr */
body { background:black; overflow:hidden; }
div {
  height:150px; width:150px;
  border:2px solid white;
  position:absolute; top:50%; left:50%;

  -webkit-transform: perspective(600px) rotateX(64.5deg) rotate(45deg);
  -webkit-transform-origin: top left;
  -webkit-transform-style: preserve-3D;
transform: perspective(600px) rotateX(64.5deg) rotate(45deg);
  transform-origin: top left;
  transform-style: preserve-3D;
}
div:nth-child(1) { top:  50%; -webkit-animation:first   3.5s infinite; animation:first   3.5s infinite; }
div:nth-child(2) { top:47.5%; -webkit-animation:second  3.5s infinite; animation:second  3.5s infinite; }
div:nth-child(3) { top:  45%; -webkit-animation:third   3.5s infinite; animation:third   3.5s infinite; }
div:nth-child(4) { top:42.5%; -webkit-animation:fourth  3.5s infinite; animation:fourth  3.5s infinite; }
div:nth-child(5)…

Google Web Designer

Δημιουργήστε διαδραστικά HTML5-based σχέδια και κινούμενα γραφικά που μπορούν να τρέξουν σε οποιαδήποτε συσκευή.
Δεν έχει σημασία πόσο εξαιρετική είναι η δουλεία σας αν δεν μπορείτε να την δείτε. Τώρα ό, τι δημιουργήσετε είναι προσβάσιμο σε οποιαδήποτε οθόνη – desktop, tablet ή κινητό – χωρίς προβλήματα συμβατότητας.




Κατεβάστε το Google Web Designer Beta

ΠΗΓΉ

Big Brother ΚΑΙ το WordPress (?)

Στο άρθρο αυτό θα δούμε τι συμβαίνει με τις αυτόματες ενημερώσεις που κάνει πλέον το WordPress. Και φυσικά, πάντα στο παρασκήνιο υπάρχει η NSA.
Κυκλοφόρησε λοιπόν η τελευταία και μεγαλύτερη έκδοση του WordPress με σημαντικές, είναι η αλήθεια, αναβαθμίσεις και μέσα σε λίγες μέρες ακολούθησε bugfix (διόρθωση σφαλμάτων), ανεβάζοντας τον αριθμό έκδοσης στην 3.7.1.
Μέχρι εδώ, όλα καλά και ωραία.
Αυτό, όμως, που κινεί το ενδιαφέρον με την εν λόγω έκδοση είναι ότι οι ενημερώσεις (τα updates) γίνονται αυτόματα˙ χωρίς να απαιτείται καμία υποβολή από τον διαχειριστή της ιστοσελίδας.
Δηλαδή, κάθε φορά που υπάρχει διαθέσιμη μια νέα έκδοση κάποιου plugin (πρόσθετου) που έχει να κάνει με την ασφάλεια, το WordPress το ενημερώνει από μόνο του. Το ίδιο συμβαίνει και αν υπάρξει κάποια καινούρια έστω και δευτερεύουσα έκδοση του WordPress.
Όλα αυτά ακούγονται ωραία και καλά εκτός από το γεγονός ότι, μερικές φορές, οι ενημερώσεις δημιουργούν προβλήματα. Τώρα, όσον αφορά ένα μικρό blog, και να «κατέβει» γ…

“Η ανθρώπινη γνώση ανήκει στον κόσμο…”

Το πως θα χειριστούμε όμως αυτό το δικαίωμα είναι προσωπική επιλογή του καθενός! Το ζήτημα είναι τι πρόσβαση έχουμε στους πόρους της γνώσης ώστε να το ασκήσουμε. Το γεγονός είναι ότι πολλοί από εμάς θέλουμε αλλά αν δεν έχουμε την τύχη με το εκπαιδευτικό σύστημα ή τον ΟΑΕΔ να περάσουμε σε κάποια σχολή τότε πρέπει να τα “σκάσουμε” κανονικότατα για να έχουμε κάποια εξειδίκευση ακόμα και για να μάθουμε απλό χειρισμό ηλεκτρονικού υπολογιστή… Στο παρελθόν έχουμε κάνει αναφορά σε κάποιες μηχανές αναζήτησης για ιστοσελίδες που προσφέρουν δωρεάν online μαθήματα. Αν κάποιος ενδιαφέρεται και το ψάξει θ’ ανακαλύψει ότι δεν είναι και λίγοι αυτοί οι οργανισμοί. Από μεγάλα πανεπιστήμια όπως το Massachusets Institute of Technology (MIT), μέχρι Ιστοσελίδες μικρών εκπαιδευτικών Οργανισμών ή και ιδιωτών. Σ’ ορισμένες περιπτώσεις μάλιστα η εκπαίδευση που προσφέρουν είναι ιδιαίτερα υψηλής ποιότητας και αφορά μια μεγάλη γκάμα θεμάτων όπως ξένες γλώσσες, μαθηματικά, φυσικοχημεία και φυσικά Πληροφορική. Θα στ…