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

Αναρτήσεις

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

Θες να με αντιγράψεις; Βάλε και την πηγή

Ένα ξυπνώ script που κάθε φορα που κάνουν αντιγραφή από το blog σας και όταν κάνουν επικόλληση θα εμφανίζεται η πηγή του blog σας!

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

Επικολλήστε πριν από  </body>

<script type="text/javascript">
if(document.location.protocol==&#39;http:&#39;){
 var Tynt=Tynt||[];Tynt.push(&#39;a8Kw0GrZ8r4kpuadbi-bpO&#39;);Tynt.i={&quot;ap&quot;:&quot;Πηγή:&quot;};
 (function(){var s=document.createElement(&#39;script&#39;);s.async=&quot;async&quot;;s.type=&quot;text/javascript&quot;;s.src=&#39;http://foulsblog.xtgem.com/foulscode-stopcopy.txt.js&#39;;var h=document.getElementsByTagName(&#39;script&#39;)[0];h.parentNode.insertBefore(s,h);})();
}
</script>



Τρόποι Για Να Είναι Ο Σχεδιασμός Σας Πιο Αποδοτικός

Σαν δημιουργικοί άνθρωποι που είναι, οι σχεδιαστές έχουν την τάση να σκαλίζουν το έργο του σχεδιασμού και δεν συνειδητοποιούν πόσο χρόνο χρειάζεται να σπαταλάνε όταν παραλείπουν να αναπτύξουν συνεπείς και οργανωμένες μεθόδους εργασίας. Αν και φαίνεται να πηγαίνει ενάντια στην δημιουργική σκέψη, όταν αυτές οι συνήθειες γίνουν μέρος της ρουτίνας σας, δεν εξυπηρετούν κανέναν σκοπό. Επιπλέον, καθεμία από αυτές τις συνήθειες έκανε την εργασία σας ταχύτερη, ευκολότερη και πιο αποτελεσματική. Επενδύστε Στον Καλύτερο Δυνατό Εξοπλισμό Το hardware που είχαμε μόλις πριν από λίγα χρόνια είναι πιο αργό και λιγότερο αποτελεσματικό από ό, τι υπάρχει σήμερα. Είναι δύσκολο να αναγκάσετε τον εαυτό σας να το αντικαταστήσετε, αλλά αυτό είναι που σας κοστίζει ώρες κατά τη διάρκεια της εβδομάδας από την χρονική του υστέρηση (lag time). Κάθε λεπτό που περιμένετε έναν αργό επεξεργαστή είναι ένα λεπτό που δεν είστε παραγωγικός, και τα λεπτά αυτά αθροίζονται. Δεδομένου ότι κάθε μία από αυτές τις ώρες είναι παραγ…

Πρόσφατες δημοσιεύσεις Widget Για Blogger

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


<!-- foulscode.blogspot.gr -->
<script style='text/javascript' src='https://widcraft.googlecode.com/svn/recent-posts-with-titles-only.js'></script>
<script>
var numposts = 20;
var showpostdate = false;
var showpostsummary = false;
var standardstyling = true;
</script>
<div class="scrollableContainer">
  <div class="scrollingArea">
<script src='/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts'></script>
<hr />
<div style="text-align:center;">Powered By: <a href="http://foulscode.blogspot.gr/2013/04/widget-blogger.html" rel="nofollow" target="_blank" >foulscode</a></div>
</div></div>
<style>
div.scrollableContainer {
    width: 100%;
    border: 1px solid #999;
    overflow:hidden;
}
  div.scrollingArea {
    height: 240…

Πλαίσιο αναζήτησης CSS3 Σκούρο

Πλαίσιο αναζήτησης CSS3


Ένα πλαίσιο αναζήτησης που όταν κάνετε κλικ ανοίγει εμπνευσμένο από την apple.com
Απλά αντιγράψτε και επικολλήστε τον παρακάτω κώδικα στο HTML


<style type="text/css">/* foulscode.blogspot.gr */
#search{padding:0}#search input[type="text"]{background:url(http://2.bp.blogspot.com/-Q-Ejkmx-Ki4/Teem3RZlpqI/AAAAAAAAA40/_p6u9Xpgs7c/s20/Search-icon.png) no-repeat 5px 5px #fcfcfc; border:1px solid #ddd; font:bold 12px Arial,Helvetica,Sans-serif; color:#888; width:210px; padding:6px 15px 6px 35px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; text-shadow:0 2px 3px rgba(0,0,0,0.1); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.15) inset; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.15) inset; box-shadow:0 1px 3px rgba(0,0,0,0.15) inset; -webkit-transition:all .7s ease 0s; -moz-transition:all .7s ease 0s; -o-transition:all .7s ease 0s; transition:all .7s ease 0s}#search input[type="text"]:focus{ width:300px}/* foulscode.bl…

Customizing Facebook Like Box Widget

Ένα Widget για το facebook διαφορετικό από τα αλλα για το blog και το site σας!

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



<style>
/* foulscode */
.facebookOuter {
width: 280px;
height: 150px;
border-radius: 3px;
position: relative;
background-color:#f4f4f4;
padding:5px 10px 15px 0;
}
.facebookOuter, .facebookOuter:before, .facebookOuter:after {
background: #f4f4f4;
border: 1px solid #ccc;
}
.facebookOuter:before, .facebookOuter:after {
content: "";
position: absolute;
bottom: -3px;
left: 2px;
right: 2px;
height: 1px;
border-top: none;
}
.facebookOuter:after {
left: 4px;
right: 4px;
bottom: -5px;
box-shadow: 0 0 2px #ccc;
}
.facebookInner {
height:155px;
overflow:hidden;
}
/* foulscode.blogspot.gr */
</style>
<div class="facebookOuter" style="float:left;">
<div class="facebookInner">
  <div class="fb-like-box"
      data-width="300" data-height="179"
      data-href="https://www.facebook.com/pages/Fouls-Code/54816492186388…

Σελιδοδείκτες χρηστών για το WordPress

Το plugin User Bookmarks για το wordpress είναι ενα ολοκληρωμένο σύστημα που δίνει την δυνατότητα στους χρήστες να αποθηκεύουν τα αγαπημένα τους posts σε μια προσωπική λίστα σελιδοδεικτών. To plugin είναι  φτιαγμένο σε  ajax και είναι όμορφο και απλό στη χρήση. Είναι χρήσιμη προσθήκη τόσο για τους κατασκευαστές ιστοσελίδων που επιθυμούν να δώσουν extra λειτουργικότητα στο web site τους όσο και στους ειδικούς για την προώθηση ιστοσελίδων αφού τα bookmarks είναι χρήσιμα στις seo προσπάθειες σας. ΔυνατότητεςΕπιτρέπει σε συνδεδεμένους χρήστες να αποθηκεύσουν στα bookmarks τις αγαπημένες τους δημοσιεύσεις.Οι αγαπημένες δημοσιεύσεις υπάρχουν σε λίστα.Οι χρήστες μπορούν να επεξεργαστούν τη λίστα αυτή.3 widgets περιλαμβάνονταιBookmark Links για προσθήκη / αφαίρεση απο συνδεδεμένους χρήστεςUser Bookmarks List οπου εμφανίζονται τα bookmarks των συνδεδεμένων χρηστώνΛίστα δημοφιλέστερoυ περιεχομένου της ιστοσελίδας σας3 short codes περιλαμβάνονταιBookmark Links για προσθήκη / αφαίρεση απο συνδεδεμέ…

Προτεινόμενα Post από CSS, jQuery (Πορτοκαλί)

Το έκανα σε πορτοκαλι πειράζοντας το css για τα ταιριάζει το χρώμα με το blog μπορείτε να το κάνετε ότι χρώμα θέλετε!


Προτεινόμενα Post από CSS, jQuery
Αντιγραφή επικόλληση τον κώδικα:
<style scoped="" type="text/css">/* foulscode.blogspot.gr */#slides *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#slides ul,#slides li{padding:0;margin:0;list-style:none;position:relative}#slides ul{height:250px}#slides li{width:49.9%;height:100%;position:absolute;display:none}#slides li:nth-child(1), #slides li:nth-child(2), #slides li:nth-child(3), #slides li:nth-child(4){display:block}#slides li:nth-child(1){left:0;top:0}#slides li:nth-child(2){left:50.1%;width:24.8%;height:49.8%}#slides li:nth-child(3){left:75.2%;width:24.8%;height:49.8%}#slides li:nth-child(4){left:50.1%;top:50.2%;height:49.9%}#slides a{display:block;width:100%;height:100%;overflow:hidden}#slides img{display:block;width:100%;height:100%;border:0;padding:4px;background-colo…

Simple Css3 Drop Down Navigation Bar For blog

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



<style>
/* The CSS Code for the menu starts here foulscode.blogspot.gr */
.btrix_menu,.btrix_menu ul,.btrix_menu li,.btrix_menu a {
 margin: 0;
 padding: 0;
 border: none;
 outline: none;
}
.btrix_menu {
 height: 40px;
 width: 525px;
 background: #4c4e5a;
 background: -webkit-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
 background: -moz-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
 background: -o-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
 background: -ms-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
 background: linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
}
.btrix_menu li {
 position: relative;
 list-style: none;
 float: left;
 display: block;
 height: 40px;
}
.btrix_menu li a {
 display: block;
 padding: 0 14px;
 margin: 6px 0;
 line-height: 28px;
 text-decoration: none;
 border-left: 1px solid #393942;
 border-right: 1px solid #4f5058;
 font-family: Helvetica, Arial, sans-serif;
 fon…

Η ψυχολογία της απόδοσης στο Web

Έρευνες έχουν δείξει πως η απογοήτευση των χρηστών αυξάνετε όταν οι χρόνοι φόρτωσης μιας ιστοσελίδας υπερβαίνει τα 8 με 10 δευτερόλεπτα, χωρίς να έχει υπάρξει ανάδραση. Νεότερα στοιχεία δείχνουν ότι οι χρήστες με ευρυζωνική σύνδεση στο internet, έχουν λιγότερες ανοχές στις καθυστερήσεις φόρτωσης των ιστοσελίδων από τους χρήστες που έχουν ποιο αργές γραμμές. Μια τεράστια έρευνα διαπίστωσε πως το 33% των χρηστών με ευρυζωνική σύνδεση στο Internet είναι απρόθυμοι να περιμένουν περισσότερο από τέσσερα δευτερόλεπτα για μια ιστοσελίδα, ενώ το 43% των χριστών με ποιο αργές γραμμές σύνδεσης στο Internet δεν περιμένουν για περισσότερο από 6 δευτερόλεπτα. Σε μια μελέτη του 2004, η Fioan Nah διαπίστωσε πως ο μέσος χρόνος αναμονής για συνδέσμους που δεν λειτουργούσαν έφτασε τα 5 με 8 δευτερόλεπτα. Μια γραμμή προόδου σε αντίστοιχους υπέρ-συνδέσμους, ανέβασε τον ανεκτό χρόνο αναμονής στα 38 δευτερόλεπτα. Στη συνέχεια, με επόμενες προσπάθειες σε συνδέσμους που δεν λειτουργούσαν ο μέσος χρόνος αναμο…

HTML5 & HTML 4+ – Όλες οι ετικέτες

Σήμερα άρχισα να κάνω μια σύντομη σύγκριση των ετικετών της HTML 4+ με τις ετικέτες της HTML5 έτσι ώστε να μπορέσω να δω ποιες είναι οι διαφορές από ετικέτα σε ετικέτα, ποιες ετικέτες έχουν κληρονομηθεί από την HTML 4+ και ποιες νέες ετικέτες υπάρχουν που δεν υπήρχαν στις προηγούμενες εκδόσεις. Έτσι μετά από αρκετή ώρα συγκρίσεων, συγκέντρωσα μια λίστα με όλες τις ετικέτες που υπάρχουν στην HTML 4+ και στην HTML5




ΕτικέταΠεριγραφήHTML 4+HTML 5<comment>Ορίζει ένα σχόλιο✓✓<DOCTYPE>Ορίζει τον τύπου του εγγράφου✓✓<a>Ορίζει ένα υπέρ-σύνδεσμο✓✓<abbr>Ορίζει μια συντομογραφία✓✓<acronym>Ορίζει μια ακρώνυμο✓<address>Ορίζει ένα στοιχείο διεύθυνσης