Kατεβάσετε την εφαρμογή android του blog! DownLoad

FoulsCode: 2011-17

Translate

Πρόσφατα Σχόλια

Σύνολο αναρτήσεων

share menu: Twitter, Facebook, Gplus, Dribble

Written By Greek Port on Σάββατο, 30 Νοεμβρίου 2013 | Νοεμβρίου 30, 2013




Ένα αναδιπλωμένο 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{
            opacity: 1;
        }
        .icon-menu{
            font-size: 2.6rem;
        }
        span{
            display: block;
            position: absolute;
            left: 4px;
            top: 5px;
            padding: 2px 5px;
            -webkit-transition: all .25s ease-in-out;
            -moz-transition: all .25s ease-in-out;
         }
         label:hover{
            background: #f66;
         }
        #button-menu:checked ~ label span{
            -webkit-transform : rotate(90deg);
            -moz-transform : rotate(90deg);
            top: 5px;
            left: 4px;
        }
        #button-menu:checked ~ label{
            opacity: 1;
        }
        nav{
            width: 295px;
            background: #414141;
            margin-left: -398px;
            margin-top:  -57px;
            -webkit-transition : all .25s ease-in-out;
            -moz-transition : all .25s ease-in-out;
        }
        menu{
            width: 295px;
            list-style: none;
        }
        li{
            float: left;
        }
        a{
            display: block;
            padding: 13px 25px;
            color : #fff;
            opacity: .28;
        }
   
        #button-menu:checked ~ nav {
            margin-left: 54px;
        }
        li:hover{
            background: #272822;
        }
        li:hover a:after{
            visibility: visible;
            font-size: 30px;
        }
        a:hover{
            opacity: 1;
            -webkit-transition : all .25s ease-in-out;
            -moz-transition : all .25s ease-in-out;
        }
        a[class*='icon-']:after{
            display: block;
            content: '';
            position: absolute;
            left: 368px;
            top: 11px;
            visibility: hidden;
            font-family: 'Kite One';
        }
        a.icon-twitter:after{
            content: 'Twitter';
        }
        a.icon-facebook:after{
            content: 'Facebook';
        }
        a.icon-gplus:after{
            content: 'Gplus';
        }
        a.icon-gplus:before{
            content: '\f0d5';
        }
        a.icon-dribble:after{
            content: 'Dribble';
            left: 337px;
            padding : 0 30px 0 30px;          
        }
        a.icon-dribble:before{
            content: '\f17d';
        }
        span:before{
            content: '\f0c9';
        }
/* foulscode.blogspot.gr */
</style>
<link rel="stylesheet"  href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.1/css/font-awesome.min.css" />
<input type="checkbox" id="button-menu"  />
        <label for="button-menu" title='share button'>
            <span class='icon-menu'></span>
        </label>
       
 <nav>
   <menu>  
        <li>
           <a href="URL" class='icon-twitter'></a>
        </li>  
        <li>
           <a href="URL" class='icon-facebook'></a>
        </li>  
        <li>
           <a href="URL" class='icon-gplus'></a>
        </li>  
        <li>
           <a href="URL" class='icon-dribble'></a>
        </li>  
        <div class="badboy"></div>
    </menu>
 </nav>


DEMO LIVE


Αν θέλετε να αφαιρέσετε πχ το Dribble αφαιρέστε  το
 <li>
           <a href="URL" class='icon-dribble'></a>
        </li>

Και αφού αντικαταστήσετε τα URL είστε έτοιμη για να κάνετε αποθήκευση.

Νοεμβρίου 30, 2013 | 0 σχόλια | Διαβάστε περισσότερα

Δημιουργήστε Εύκολα 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


ΠΗΓΉ
Νοεμβρίου 30, 2013 | 0 σχόλια | Διαβάστε περισσότερα

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



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



Όλα τα στοιχεία είναι διαθέσιμα ως PNG (32 * 32px, 64px 64 * και 128 * 128px), AI, EPS, PSD και SVG.
Και, είναι ελεύθερα να χρησιμοποιηθούν για προσωπικά ή εμπορικά έργα.





ΠΗΓΉ
Νοεμβρίου 30, 2013 | 0 σχόλια | Διαβάστε περισσότερα

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

Written By Greek Port on Παρασκευή, 29 Νοεμβρίου 2013 | Νοεμβρίου 29, 2013



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


<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: block;  position: relative;  transform: scale(1.15) translateZ(0);}ul.social-links .social-icon a:hover {  transform: scale(1.15) translateZ(0);}ul.social-links .social-icon a span {  display: block;  float: left;  width: 1em;  height: 4em;  overflow: hidden;  margin: 0;  line-height: 1.1;  padding: 0;  font-size: 1.4em;  position: relative;}ul.social-links .social-icon a span:nth-child(1) {  text-align: right;  position: absolute;}ul.social-links .social-icon a span:nth-child(1) i {  display: block;  margin-top: .55em;  margin-left: .35em;  color: #fff;}ul.social-links .social-icon a span:nth-child(2) {  text-align: left;  margin-left: 0em;  width: 40%;  position: relative;  margin: 0 0em 0 1em;  text-align: left;  z-index: 2;}ul.social-links .social-icon a span:nth-child(2) i {  margin-top: .55em;  margin-left: -.65em;  display: block;  color: #ccc;}ul.social-links .social-icon.twitter {  background-color: #00cdf8;  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #00cdf8), color-stop(50%, #00bdda));  background-image: -webkit-linear-gradient(left, #00cdf8 50%, #00bdda 50%);  background-image: linear-gradient(to right,#00cdf8 50%, #00bdda 50%);}ul.social-links .social-icon.twitter a {  left: .74em;  top: .25em;}ul.social-links .social-icon.twitter span:nth-child(2) i {  color: #fef1e0;}ul.social-links .social-icon.facebook {  background-color: #6e8cca;  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #6e8cca), color-stop(50%, #5389c9));  background-image: -webkit-linear-gradient(left, #6e8cca 50%, #5389c9 50%);  background-image: linear-gradient(to right,#6e8cca 50%, #5389c9 50%);}ul.social-links .social-icon.facebook a {  left: 1.09em;  top: .2em;}ul.social-links .social-icon.facebook span:nth-child(1) {  margin-left: -.25em;}ul.social-links .social-icon.facebook span:nth-child(2) {  margin-left: .74em;}ul.social-links .social-icon.facebook span:nth-child(2) i {  color: #c2ecf8;}ul.social-links .social-icon.dribbble {  background-color: #e6659d;  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #e6659d), color-stop(50%, #be639c));  background-image: -webkit-linear-gradient(left, #e6659d 50%, #be639c 50%);  background-image: linear-gradient(to right,#e6659d 50%, #be639c 50%);}ul.social-links .social-icon.dribbble a {  left: .80em;  top: .25em;}ul.social-links .social-icon.dribbble span:nth-child(1) {  margin-left: -.08em;}ul.social-links .social-icon.dribbble span:nth-child(2) {  margin-left: .92em;}ul.social-links .social-icon.dribbble span:nth-child(2) i {  color: #d9e9f8;}ul.social-links .social-icon.behance {  background-color: #07a2e5;  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #07a2e5), color-stop(50%, #0395e2));  background-image: -webkit-linear-gradient(left, #07a2e5 50%, #0395e2 50%);  background-image: linear-gradient(to right,#07a2e5 50%, #0395e2 50%);}ul.social-links .social-icon.behance a {  left: .80em;  top: .25em;}ul.social-links .social-icon.behance span:nth-child(1) {  margin-left: -.06em;}ul.social-links .social-icon.behance span:nth-child(2) {  margin-left: .92em;}ul.social-links .social-icon.behance span:nth-child(2) i {  color: #75e3fe;}ul.social-links .social-icon.youtube {  background-color: #e23c48;  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #e23c48), color-stop(50%, #b83c47));  background-image: -webkit-linear-gradient(left, #e23c48 50%, #b83c47 50%);  background-image: linear-gradient(to right,#e23c48 50%, #b83c47 50%);}ul.social-links .social-icon.youtube a {  left: .80em;  top: .15em;}ul.social-links .social-icon.youtube span:nth-child(1) {  margin-left: -.06em;}ul.social-links .social-icon.youtube span:nth-child(2) {  margin-left: .92em;}ul.social-links .social-icon.youtube span:nth-child(2) i {  color: #d1e5ec;}ul.social-links .social-icon.linkedin {  background-color: #4495c0;  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #4495c0), color-stop(50%, #447fa7));  background-image: -webkit-linear-gradient(left, #4495c0 50%, #447fa7 50%);  background-image: linear-gradient(to right,#4495c0 50%, #447fa7 50%);}ul.social-links .social-icon.linkedin a {  left: .80em;  top: .11em;}ul.social-links .social-icon.linkedin span:nth-child(1) {  margin-left: -.06em;}ul.social-links .social-icon.linkedin span:nth-child(2) {  margin-left: .92em;}ul.social-links .social-icon.linkedin span:nth-child(2) i {  color: #f4dbe1;}ul.social-links .social-icon.skype {  background-color: #00cff7;  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #00cff7), color-stop(50%, #01c7f8));  background-image: -webkit-linear-gradient(left, #00cff7 50%, #01c7f8 50%);  background-image: linear-gradient(to right,#00cff7 50%, #01c7f8 50%);}ul.social-links .social-icon.skype a {  left: .80em;  top: .2em;}ul.social-links .social-icon.skype span:nth-child(1) {  margin-left: -.06em;}ul.social-links .social-icon.skype span:nth-child(2) {  margin-left: .92em;}ul.social-links .social-icon.skype span:nth-child(2) i {  color: #94f0ff;}ul.social-links .social-icon.pinterest {  background-color: #f34256;  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #f34256), color-stop(50%, #ca3f56));  background-image: -webkit-linear-gradient(left, #f34256 50%, #ca3f56 50%);  background-image: linear-gradient(to right,#f34256 50%, #ca3f56 50%);}ul.social-links .social-icon.pinterest a {  left: .80em;  top: .25em;}ul.social-links .social-icon.pinterest span:nth-child(1) {  margin-left: -.06em;}ul.social-links .social-icon.pinterest span:nth-child(2) {  margin-left: .92em;}ul.social-links .social-icon.pinterest span:nth-child(2) i {  color: #d9fbfd;}
h1 {  font-weight: 300;  text-shadow: -0.05em 0.05em #d6d7dc, -0.08em 0.08em #95a5a6;  color: #34495e;  width: 100%;  height: 2em;  float: left;  text-align: center;  font-family: "Sintony", Helvetica, sans-serif;}
.mention {  width: 100%;  height: 2em;  float: left;  text-align: center;  font-family: "Sintony", Helvetica, sans-serif;}.mention h3, .mention h1 {  width: 60%;  display: block;  margin: 2em auto;  font-weight: 300;  text-shadow: -0.1em 0.1em #d6d7dc, -0.11em 0.11em #95a5a6;  color: #34495e;}.mention h3 a, .mention h1 a {  color: #2980b9;}
.social-links:hover .social-icon:not(:hover) {  opacity: 0.6;}/* foulscode.blogspot.gr */</style><ul class="social-links">  <li class="social-icon twitter">    <a href="URL">      <span><i><span class="ico entypo-twitter"></span></i></span>      <span><i><span class="ico entypo-twitter"></span></i></span>    </a>  </li>  <li class="social-icon facebook">    <a href="URL"><span><i><span class="ico entypo-facebook"></span></i></span><span><i><span class="ico entypo-facebook"></span></i></span></a>  </li>  <li class="social-icon dribbble">        <a href="URL"><span><i><span class="ico entypo-dribbble"></span></i></span><span><i><span class="ico entypo-dribbble"></span></i></span></a>  </li>  <li class="social-icon behance">        <a href="URL"><span><i><span class="ico entypo-behance"></span></i></span><span><i><span class="ico entypo-behance"></span></i></span></a>  </li>  <li class="social-icon youtube">        <a href="URL"><span><i><span class="ico zocial-youtube"></span></i></span><span><i><span class="ico zocial-youtube"></span></i></span></a>  </li>  <li class="social-icon linkedin">    <a href="URL"><span><i><span class="ico entypo-linkedin"></span></i></span><span><i><span class="ico entypo-linkedin"></span></i></span></a>  </li>  <li class="social-icon skype">    <a href="URL"><span><i><span class="ico entypo-skype"></span></i></span><span><i><span class="ico entypo-skype"></span></i></span></a>  </li>  <li class="social-icon pinterest">    <a href="URL"><span><i><span class="ico entypo-pinterest"></span></i></span><span><i><span class="ico entypo-pinterest"></span></i></span></a>  </li></ul>



DEMO LIVE


Αφού πρώτα αντικαταστήσετε τα URL μπορείτε να κάνετε αποθήκευση.


Νοεμβρίου 29, 2013 | 0 σχόλια | Διαβάστε περισσότερα

Ένας 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) { top:  40%; -webkit-animation:fifth   3.5s infinite; animation:fifth   3.5s infinite; }
div:nth-child(6) { top:37.5%; -webkit-animation:sixth   3.5s infinite; animation:sixth   3.5s infinite; }
div:nth-child(7) { top:  35%; -webkit-animation:seventh 3.5s infinite; animation:seventh 3.5s infinite; }
div:nth-child(8) { top:32.5%; -webkit-animation:eighth  3.5s infinite; animation:eighth  3.5s infinite; }
div:nth-child(9) { top:  30%; -webkit-animation:ninth   3.5s infinite; animation:ninth   3.5s infinite; }
@keyframes first {
  98%     { top:  50%; }
  3%      { top:  50%; }
  50%     { top: -37%; }
  50.001% { top: 125%; }
}
@keyframes second {
  98.5%   { top:47.5%; }
  3.5%    { top:47.5%; }
  50%     { top: -38%; }
  50.001% { top: 125%; }
}
@keyframes third {
  99%     { top:  45%; }
  4%      { top:  45%; }
  50%     { top: -40%; }
  50.001% { top: 125%; }
}
@keyframes fourth {
  99.5%   { top:42.5%; }
  4.5%    { top:42.5%; }
  50%     { top: -41%; }
  50.001% { top: 125%; }
}
@keyframes fifth {
  0%      { top:  40%; }
  5%      { top:  40%; }
  50%     { top: -43%; }
  50.001% { top: 125%; }
}
@keyframes sixth {
  0.5%    { top:37.5%; }
  5.5%    { top:37.5%; }
  50%     { top: -44%; }
  50.001% { top: 125%; }
}
@keyframes seventh {
  1%      { top:  35%; }
  6%      { top:  35%; }
  50%     { top: -45%; }
  50.001% { top: 125%; }
}
@keyframes eighth {
  1.5%    { top:32.5%; }
  6.5%    { top:32.5%; }
  50%     { top: -47%; }
  50.001% { top: 125%; }
}
@keyframes ninth {
  2%      { top:  30%; }
  7%      { top:  30%; }
  50%     { top: -48%; }
  50.001% { top: 125%; }
}
@-webkit-keyframes first {
  98%     { top:  50%; }
  3%      { top:  50%; }
  50%     { top: -37%; }
  50.001% { top: 125%; }
}
@-webkit-keyframes second {
  98.5%   { top:47.5%; }
  3.5%    { top:47.5%; }
  50%     { top: -38%; }
  50.001% { top: 125%; }
}
@-webkit-keyframes third {
  99%     { top:  45%; }
  4%      { top:  45%; }
  50%     { top: -40%; }
  50.001% { top: 125%; }
}
@-webkit-keyframes fourth {
  99.5%   { top:42.5%; }
  4.5%    { top:42.5%; }
  50%     { top: -41%; }
  50.001% { top: 125%; }
}
@-webkit-keyframes fifth {
  0%      { top:  40%; }
  5%      { top:  40%; }
  50%     { top: -43%; }
  50.001% { top: 125%; }
}
@-webkit-keyframes sixth {
  0.5%    { top:37.5%; }
  5.5%    { top:37.5%; }
  50%     { top: -44%; }
  50.001% { top: 125%; }
}
@-webkit-keyframes seventh {
  1%      { top:  35%; }
  6%      { top:  35%; }
  50%     { top: -45%; }
  50.001% { top: 125%; }
}
@-webkit-keyframes eighth {
  1.5%    { top:32.5%; }
  6.5%    { top:32.5%; }
  50%     { top: -47%; }
  50.001% { top: 125%; }
}
@-webkit-keyframes ninth {
  2%      { top:  30%; }
  7%      { top:  30%; }
  50%     { top: -48%; }
  50.001% { top: 125%; }
}
/* foulscode.blogspot.gr */
</style>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>



Και μετά αποθήκευση.

Για τυχόν απορίες αφήστε το σχολειό σας!



Νοεμβρίου 29, 2013 | 0 σχόλια | Διαβάστε περισσότερα

Google Web Designer



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




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

ΠΗΓΉ
Νοεμβρίου 29, 2013 | 0 σχόλια | Διαβάστε περισσότερα

Big Brother ΚΑΙ το WordPress (?)

Written By Greek Port on Πέμπτη, 28 Νοεμβρίου 2013 | Νοεμβρίου 28, 2013



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

Ο Sean Michael Kerner ασχολήθηκε με το όλο θέμα σε άρθρο του στο eWeek:

Η τακτική των αυτόματων ενημερώσεων σε μια server-side τεχνολογία, όπως το WordPress, θα μπορούσε να είναι ακόμα και επικίνδυνη δεδομένου ότι, δυνητικά, θα μπορούσε να επηρεάσει τα αμέτρητα plug-ins ή την υποκείμενη τεχνολογία του site.
Ο Matt Bergin, σύμβουλος ασφαλείας της CORE Security, δήλωσε στο eWEEK ότι προκύπτουν δύο καίρια ζητήματα με τις αυτόματες ενημερώσεις:
Οι αυτόματες ενημερώσεις είναι ένα πολύ καλό και παλιό κόλπο που χρησιμοποιούσαμε προκειμένου να παρακολουθούμε την κίνηση του δικτύου, δημιουργώντας συνθήκες man-in-the-middle και, σε πραγματικό χρόνο, κατά τη διάρκεια των αυτόματων ενημερώσεων των Windows «φορτώναμε» malicious payloads.
Το δεύτερο ζήτημα που ανακύπτει είναι η σταθερότητα. Το να επιτρέπονται αυτόματες ενημερώσεις, ποτέ δεν ήταν και τόσο καλή ιδέα.


Ωστόσο,οι προγραμματιστές του WordPress, πιστεύουν ότι το σύστημα είναι σταθερό και ασφαλές.
Όπως έγραψε σε κάποιο blog ο Andrew Nacin, προγραμματιστής του WordPress:

Οι ιστοσελίδες που τρέχουν ήδη το WordPress 3.7 έχουν κάνει πάνω από 110.000 ενημερώσεις χωρίς ούτε ένα σοβαρό πρόβλημα καθώς, χάρη σε μια σειρά από μέτρα ελέγχου που έχουμε λάβει, οι ενημερώσεις είναι πολύ πιο αξιόπιστες.
Άλλωστε, αυτά που γίνονται αυτόματα όπως η ενημέρωση κάποιου plugin ασφαλείας ή κάποιας δευτερεύουσας έκδοσης του WordPress, συνεπάγονται απλά τη λήψη και αντιγραφή μερικών μόνο αρχείων.


Τα καλά νέα, είναι ότι, προς το παρόν, οι αυτόματες ενημερώσεις κάνουν update μόνο κάποιες διορθώσεις bugs. Για παράδειγμα, η τρέχουσα έκδοση 3.7.1 θα ενημερωθεί αυτόματα με την 3.7.2. Αλλά όταν βγει η 3.8.0, πιθανότατα να καταστήσει πολλά plugins ακατάλληλα για χρήση.
Επίσης, τα θέματα και τα plugins ενημερώνονται προαιρετικά μόνον, δηλαδή είναι opt-in.

Τα άσχημα νέα, είναι ότι παρ’ όλες τις γνώσεις τους, οι τύποι του WordPress δεν τα κατάφεραν (εδώ, σε κάμποσες δημοσιεύσεις, υπάρχει και ένα ερωτηματικό) να προσφέρουν έναν εύκολο τρόπο για να απενεργοποιείτε αυτήν τη λειτουργία.
Με λίγα λόγια, δεν υπάρχει κανένας τρόπος για να ενεργοποιήσετε τις αυτόματες ενημερώσεις μέσα από το πάνελ (dashboard). Μπορούν να απενεργοποιηθούν μόνο με την επεξεργασία των ρυθμίσεων των αρχείων και οι επιλογές που δίνονται δεν είναι και ιδιαίτερα σαφείς ως προς τι πρέπει να κάνετε. Και κανονικά, μη γελιόμαστε, θα έπρεπε να είναι απλούστατο να τις απενεργοποιήσει κάποιος.
Όπως λέει και το Foss Force -από όπου και το άρθρο- κατά τη γνώμη μας, αυτό δεν είναι καλό, δεδομένου ότι παίρνει τον έλεγχο από τον χρήστη, ιδίως όταν οι χρήστες αυτοί έχουν κάπως πιο περιορισμένες τεχνικές δεξιότητες.
Δεν θα είχαμε κανένα απολύτως πρόβλημα με αυτό το χαρακτηριστικό και ούτε και θα δημιουργούνταν θέμα, εάν δινόταν η δυνατότητα να απενεργοποιηθούν εύκολα οι αυτόματες ενημερώσεις μέσω του interface. Κάτι που, δυστυχώς, δεν έγινε.

Περισσότερες πληροφορίες, όσον αφορά την απεγκατάστασή τους, μπορείτε να βρείτε στην ιστοσελίδα του WordPress και στο άρθρο The definitive guide to disabling auto updates in WordPress 3.7.

Σίγουρα το θέμα, θα έχει συνέχεια˙ όπως βλέπει ο καθένας, συνέχεια βγαίνουν στον αέρα διάφορες τακτικές και μέθοδοι, οι οποίες όλες, έχουν ως τελικό αποτέλεσμα την παρακολούθηση των ανθρώπων.
Ποιοι λένε την αλήθεια, ποιοι έχουν υποκύψει, ίσως το μάθουμε σύντομα, ίσως όχι, μα σίγουρα οι αποκαλύψεις θα συνεχίζουν να έρχονται βροχή, καθώς είναι ολοφάνερο πως υπάρχουν αλληλοσυγκρουόμενα συμφέροντα…

ΠΗΓΉ
Νοεμβρίου 28, 2013 | 1 σχόλια | Διαβάστε περισσότερα

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

Written By Greek Port on Τετάρτη, 27 Νοεμβρίου 2013 | Νοεμβρίου 27, 2013

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

edX.org

Στον οργανισμό edX συνεργάζονται μερικά από τα μεγαλύτερα Πανεπιστήμια του κόσμου όπως τα δύο που αναφέραμε παραπάνω (MIT και Harvard) καθώς και το Τεχνικό Πανεπιστήμιο του Μονάχου, το Berkeley, το Cornell, το Κρατικό Πανεπιστήμιο της Αυστραλίας και άλλα πολλά. Στο Portal του οργανισμού υπάρχει πλήρης κατάλογος με τα τρέχοντα αλλά και παλαιότερα μαθήματα καθώς και από ποιο πανεπιστήμιο υποστηρίζονται αυτά. Για γενικότερες πληροφορίες σχετικά με τον οργανισμό επισκεφτείτε την ιστοσελίδα του τσεκάροντας το λογότυπο που ακολουθεί.
edx
Ειδικότερα αν σας ενδιαφέρουν μαθήματα επάνω στο Computer Science & Engineering από τα Πανεπιστήμια MIT και Harvard μπορείτε ν’ ανατρέξετε στις ιστοσελίδες τους τσεκάροντας το αντίστοιχο λογότυπο:
MIT_open
Harvard
Τα μαθήματα των Πανεπιστημίων (αν και όχι πάντα) συνήθως έχουν συγκεκριμένες ημερομηνίες έναρξης και λήξης. Για όσους θέλουν κάτι σε πιο ελεύθερο στυλ, υπάρχουν σελίδες που προσφέρουν δωρεάν online μαθήματα τα οποία ο ενδιαφερόμενος μπορεί να ξεκινήσει όποτε θέλει και να συνεχίσει με τον δικό του ρυθμό.
udacity
Μια πολύ ενδιαφέρουσα σελίδα είναι το udacity.com. Με κεντρικό άξονα των μαθημάτων της το computer science αλλά και άλλα θέματα όπως το design, την ψυχολογία, τα μαθηματικά κλπ, η ιστοσελίδα προσφέρει μια γκάμα μαθημάτων που απευθύνονται σε άτομα κάθε επίπεδο. Τα μαθήματα περιλαμβάνουν παρουσιάσεις βίντεο, με διάφορα interactive κουίζ και ασκήσεις, καθώς σημειώσεις σε μορφή PDF. Απλά κάνετε έναν λογαριασμό και επιλέγετε το χώρο που σας ενδιαφέρει περισσότερο. Περαιτέρω πληροφορίες καθώς και τον κατάλογο των μαθημάτων μπορείτε να πάρετε στην ιστοσελίδα τους.
w3schools
Με την προτροπή “Learn to Create Websites” λειτουργεί μια αρκετά αξιόλογη σελίδα στην οποία μπορείτε να μάθετε web development. Στην συγκεκριμένη σελίδα θα βρείτε δωρεάν tutorials για HTML & HTML 5, CSS & CSS 3, JavaScript, PHP, SQL, XML, ASP καθώς και τα πιο προχωρημένα μαθήματα για Web Services (WSDL, SOAP, RSS και RDF) και για Web Building (Web Browsers, Web Certification, Web Hosting, TCP/IP, W3C και Web Quality). Η σελίδα περιλαμβάνει θεωρητικό μέρος και πρακτικές ασκήσεις που μπορείτε να κάνετε στον ενσωματωμένο σ’ αυτήν “Try it Yourself Editor”. Επίσης προσφέρει ένα πρόγραμμα με εξετάσεις και πιστοποιήσεις για όσους ενδιαφέρονται, μόνο που αυτό δεν είναι δωρεάν στοιχίζει γύρω στα 95$. Να τονίσω εδώ ότι οι εξετάσεις αυτές δεν είναι υποχρεωτικές, παρά απευθύνονται σε όσους επιθυμούν να πιστοποιήσουν την γνώση που απόκτησαν. Τα πιστοποιητικά της σχολής είναι αναγνωρισμένα σε περισσότερα από 100 Πανεπιστήμια και Σχολές Παγκοσμίως. Για περισσότερες πληροφορίες δεν έχετε παρά να επισκεφτείτε την σχετική ιστοσελίδα.
linux_foundation
Ενδιαφέρον παρουσιάζει και το Linux Foundation το οποίο κοντά στις κανονικές κι επι πληρωμή τάξεις προσφέρει και κάποια δωρεάν tutorials και webminars για θέματα προγραμματισμού και ανάπτυξης, system administration κλπ. Λεπτομέρειες και πληροφορίες γενικά για το Linux Foundation βρίσκετε στην ιστοσελίδα του.
Ειδικότερα για τα δωρεάν tutorials και webminars στο link που ακολουθεί.
mva
Για να προφτάσουμε τις “κακές γλώσσες” που θα πουν ότι είμαστε μονόπλευροι, αναφέρουμε ότι αντίστοιχα δωρεάν μαθήματα προσφέρει και η Microsoft με το Microsoft Virtual Academy. Τα θέματα που έχει απευθύνονται είτε σε απλούς χρήστες είτε σε επαγγελματίες της Πληροφορικής όπως Τεχνικούς, Προγραμματιστές και Administrators. Έχει να κάνει είτε με τα προϊόντα της Microsoft όπως πχ Windows 8, Office 2013, PowerShell, Server 2012, SQL Server, Azure κλπ,  είτε με γλώσσες προγραμματισμού, Web Development, Virtualization κλπ. Πληροφορίες στη σελίδα της Microsoft Virtual Academy.
Άφησα για το τέλος μια σελίδα με το όνομα IT eBooks όπου μπορείτε να κατεβάσετε δωρεάν e-books για θέματα Πληροφορικής από μεγάλους εκδοτικούς οργανισμούς όπως η O’Reilly, Cisco, Microsoft Press, Wiley κα. Υπάρχουν βιβλία Πληροφορικής για όλα τα θέματα και τα επίπεδα στις πιο τελευταίες εκδόσεις τους. Δεν έχετε παρά να εισάγετε στην μηχανή αναζήτησης αυτό που χρειάζεστε και θα σας βγάλει έναν κατάλογο από τα διαθέσιμα βιβλία. Μπορείτε να επιλέξετε όποια θέλετε και να τσεκάρετε αν είναι αυτό που ζητάτε μιας και έχει την δυνατότητα να το διαβάσετε online. Αν το βιβλίο σας ενδιαφέρει μπορείτε να το κατεβάσετε σε PDF μορφή. Επισκεφτείτε την ιστοσελίδα για περισσότερες λεπτομέρειες.
Κλείνοντας θα θελα να ενημερώσω ότι όλα τ’ ανωτέρω είναι στην Αγγλική Γλώσσα. Επειδή δεν έχουν όλοι οι φίλοι κι αναγνώστες το αναγκαίο επίπεδο σ’ αυτήν την γλώσσα, αλλά έχουν την διάθεση να μάθουν κάτι παραπάνω, αν κάποιος από σας γνωρίζει κάτι αντίστοιχο Ιστοσελίδα ή Εκπαιδευτικό Οργανισμό με μαθήματα ή βιβλία στα Ελληνικά θα χαιρόμασταν πολύ να το αναρτήσει με σχόλιο.
updates_b
Από έναν φίλο της σελίδας έλαβα ένα link στο οποίο έχει κάνει μια θαυμάσια συλλογή από διευθύνσεις στο Διαδίκτυο που μπορείτε ν’ απευθυνθείτε για διάφορα μαθήματα δωρεάν!! Για όποιον ενδιαφέρεται μπορεί να πάει στο Greek Open Science Blog και συγκεκριμένα στο link:
http://greekopenscience.wordpress.com/
Από το φίλο Δημήτρη Σ. ήρθε και μια σελίδα με web seminar του Εθνικού Μετσόβειου Πολυτεχνείου που αφορά την αναπτυξη web εφαρμογων.

Νοεμβρίου 27, 2013 | 2 σχόλια | Διαβάστε περισσότερα
 
berita unik