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

Αναρτήσεις

Προβολή αναρτήσεων από Ιούνιος, 2013

Καταπληκτική Css Βιβλιοθήκη Για Δημιουργία Κουμπιών – Buttons

Το Buttonsείναι μια βιβλιοθήκη CSS για τη δημιουργία εξαιρετικά προσαρμόσιμων, ευέλικτων και σύγχρονων web κουμπιών.
Είναι χτισμένο με Sass + Compass και έχει την υποστήριξη για τετράγωνα, στρογγυλά ή κυκλικά κουμπιά που μπορεί να είναι επίπεδα ή όχι και με προσαρμοσμένα εφέ (όπως λάμψη).
Τα μεγέθη, τα χρώματα, τα αποτελέσματα και οι γραμματοσειρές που χρησιμοποιούνται μπορούν όλα να αλλάξουν με τη βοήθεια των μεταβλητών και μπορεί να επεκταθεί εύκολα.
Υ.Γ. Κυκλοφορεί και μια Ruby Gem-friendly version Website:http://alexwolfe.github.io/Buttons/
Download:https://github.com/alexwolfe/Buttons

ΠΗΓΗ

Δες τις αλλαγές που συμβαίνουν στο Wikipedia σε πραγματικό χρόνο

Ένα νέο πολύ ενδιαφέρον project που αφορά το Wikipedia έκανε την εμφάνιση του, το οποίο προβάλει σε έναν παγκόσμιο χάρτη όλες τις αλλαγές που πραγματοποιούνται στη διαδικτυακή εγκυκλοπαίδεια σε πραγματικό χρόνο. Κάθε φορά που κάποιος χρήστης προσθέτει ή επεξεργάζεται ένα άρθρο, ένα μικρό κυκλάκι που αναβοσβήνει εμφανίζεται στην τοποθεσία του στο χάρτη. Λίγο πιο κάτω βρίσκεται τοποθετημένο ένα text box που περιέχει περισσότερες πληροφορίες όπως link για το άρθρο, γλώσσα, πόλη και χώρα από όπου πραγματοποιήθηκε η αλλαγή. Προς το παρόν το εργαλείο αφορά την αγγλική, ρωσική, γερμανική, ισπανική, ινδονησιακή, ιαπωνική και γαλλική έκδοση του Wikipedia και παρέχει επιλογή για προβολή όλων ή μερικών από αυτές. Ενδεικτικά αναφέρουμε ότι στην αγγλική Wikipedia πραγματοποιούνται κατά μέσο όρο 500 αλλαγές κάθε 33 δευτερόλεπτα. To Wikipedia Recent Changes Map θα βρείτε εδώ.
ΠΗΓΗ

Social: facebook, google+, twitter και rss

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


Αντιγραφή τον παρακάτω κώδικα:



<style>
@charset "utf-8";
/* CSS Document */
/* ---------- FoulsCode.blogspot.gr ---------- */

@import url(http://weloveiconfonts.com/api/?family=zocial);
/* zocial */
[class*="zocial-"]:before {
  font-family: 'zocial', sans-serif;
}
/* ---------- GENERAL ---------- */

a { text-decoration: none; }
ul {
list-style: none;
margin: 0;
padding: 0;
}
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after {
content: "";
display: table;}
.clearfix:after { clear: both; }
.container {
display: block;
height: 64px;
left: 50%;
margin: -32px 0 0 -128px; /* -(height / 2) & -(width / 2) */
position: absolute;
top: 50%;
width: 256px;
}
/* ---------- Action Bar ---------- */
.action-bar li {
float: left;
}
.action-bar a {
-webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, .5);
box-shadow: inset 0 -2px rgba(0, 0, 0, .5);
color: #e7e7e7;
disp…

10 λόγοι για τους οποίους μπορεί να έχετε ένα αποτυχημένο site…

Ξεκινώντας αυτό το θέμα ας ξεκαθαρίσουμε από την αρχή ότι τα Site  δεν αποτυγχάνουν αλλά οι άνθρωποι…Αν νομίζετε ότι για όλα φταίει η ιστοσελίδα σας (ή o Web developer σας) τότε προτείνω να ξανασκεφτείτε  τους πραγματικούς λόγους που έχετε ένα αποτυχημένο site. Ίσως  να περιμένετε θαύματα να συμβούν με το καινούργιο σας site. Πιθανόν να έχετε μία στάση  «χτίστο και θα έρθουν”.  Αν νομίζετε ότι μπορείτε απλά να κατασκευάσετε μια ιστοσελίδα που θα προσελκύσει μαγικά τους ανθρώπους να την  επισκέπτονται, τότε κάνετε πολύ μεγάλο λάθος. Αυτή δυστυχώς  είναι μία πεποίθηση του 90% των ιδιοκτητών ιστοσελίδων στο διαδίκτυο σήμερα. Η τοποθέτηση του  site σας στην κορυφή των μηχανών αναζήτησης απαιτεί πολλή δουλειά, στρατηγικές link building, μάρκετινγκ με βάση το περιεχόμενο, social media δικτύωση, και  στρατηγικές μάρκετινγκ για τις μηχανές αναζήτησης.Έχετε περιορισμένο καλό περιεχόμενο, που σημαίνει ότι δεν αφιερώνετε το χρόνο να γράψετε αυθεντικό και μοναδικό περιεχόμενο. Οι περισσότεροι άνθρ…

CSS Flatly menu

Ένα κάθετο menu. Για να το εφαρμόσετε στο blog/site σας κάντε αντιγραφή επικόλληση τον παρακάτω κώδικα.


<style>
@import url(http://weloveiconfonts.com/api/?family=entypo);
@import url(http://fonts.googleapis.com/css?family=Alef);
/* foulscode */
[class*="entypo-"]:before { font-family: 'entypo', sans-serif }
*{-webkit-font-smoothing:antialiased;}
body {
    background: url();
    /*foulscode.blogspot.gr*/
    -webkit-background-size: 160px;
    -moz-background-size: 160px;
    -o-background-size: 160px;
    background-size: 160px;
    font-family: Alef;
}
#nav {
    width: 180px;
    margin: 100px auto;
}
ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 180px;
}
ul a {
    display: block;
    width: 100%;
    height: 44px;
    background: #E7533C;
    color: #fafafa;
    text-decoration: none;
    text-align: left;
    line-height: 2;
    padding-left: 10px;
    font-size: 1.4em;
    border-bottom: 3px solid #cc4531;
}
ul a span {
    float: right;
    display: block;
    margin: …

Background για το site/blog σας

Μια σειρά με όμορφα Background.



Cross scratches
Subtle Zebra 3D
Fake luxury
Dark Geometric
Blu Stripes
Classy Fabric
HIXS Evolution

Για να αποκτήσετε ένα Background από τα παραπάνω κάντε αποθήκευση ( Αποθήκευση εικόνας ως) 

Το cloud computing είναι Παγίδα, Προειδοποιεί ο Ιδρυτής του GNU Richard Stallman

Τα Web-based προγράμματα, δηλαδή τα διαδικτυακά προγράμματα, όπως το Gmail της Google θα αναγκάσουν τους ανθρώπους να αγοράσουν κλειδωμένα, ιδιόκτητα συστήματα που θα κοστίζουν όλο και περισσότερο με την πάροδο του χρόνου, μας εξηγεί ο ακτιβιστής του Ελεύθερου Λογισμικού.
Ο Richard Stallman, με τον μοναδικό τρόπο που έχει για να σχολιάζει, είπε στην εφημερίδα The Guardian:
Η ανοησία του cloud computing είναι χειρότερη από την έννοια που έχει ο όρος της λέξης βλακεία. Είναι μια διαφημιστική εκστρατεία μάρκετινγκ. Η ιδέα της χρήσης web-based προγραμμάτων, όπως το Gmail της Google, είναι χειρότερη από ό,τι η βλακεία, σύμφωνα με τον κορυφαίο υποστηρικτή του Ελεύθερου Λογισμικού.
Το Cloud computing, που, για να ανταποκριθεί στις ανάγκες σας, η ισχύς του διοχετεύεται μέσω του Διαδικτύου, αντί να προέρχεται από έναν επιτραπέζιο υπολογιστή, έχει κερδίσει πολύ χρήμα τα τελευταία χρόνια.
Οι μεγάλες εταιρείες του Διαδικτύου και της τεχνολογίας, συμπεριλαμβανομένης της Google, της Mic…

Oι κανόνες του διαδικτύου-Rules of the Internet

Kαι μια Ελληνική απόδοση τους, από το: educandus.forumotion.com

Καλώς ήρθατε στο internet.
Εδώ μέσα, δεν αρέσετε σε κανένα.

Θα σας προσβάλουμε, θα σας γελοιοποιήσουμε, θα σας χρησιμοποιήσουμε και γενικότερα, θα σας βγάλουμε την Παναγία. Και όταν θα αντιδράσετε λέγοντας "να πάτε στο διάολο κ...παιδαράδες, άμα σας βρω έξω θα σας ...αμήσω - θα σας σκίσω - θα σας πεθάνω στο ξύλο" ...εμείς θα γελάσουμε... Θα γελάσουμε δυνατά γιατί απλά, δεν καταλαβαίνετε. Και μετά θα σας τσατίσουμε κι άλλο, όσο πιο πολύ γίνεται με σκοπό να αντλήσουμε γέλιο από την κωμικοτραγική ύπαρξη σας...

Θα σας κρίνουμε και το αποτέλεσμα θα είναι ότι είστε ανάξιοι. Θα λάβετε το βάπτισμα του πυρός. Εννοείτε ότι δεν πρόκειται να σταματήσουμε μέχρι να καταλάβετε πού είστε.

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

Css Only Menus 1

Μετά από πολύ καιρό το πρώτο θέμα με μια σειρά από menu που θα βάζο κατά διαστήματα.


Αντιγραφή επικόλληση τον παρακάτω κώδικα:
 <style>
/* foulscode.blogspot.gr */
#menu a, #menu a:visited {
  text-align:center;
  text-decoration:none;
  color:#000;
  display:block;
  width:7em;
  height:1.2em;
  border:0.5em solid #fff;
  }
#menu a:hover {
  color:#fff;
  background-color:#b2ab9b;
  border-color:#dfd7ca #b2ab9b;
  }
/* foulscode.blogspot.gr */
</style>
<div id="menu">
  <a href="URL">TITLE</a>
  <a href="URL">TITLE</a>
  <a href="URL">TITLE</a>
  <a href="URL">TITLE</a>
  <a href="URL">TITLE</a>
</div>
LIVE DEMO

Αντικαταστήστε τα μαρκαρισμένα γράμματα και κάντε αποθήκευση.