julio 2015 - Rackcode

Brython - Using Python in the frontend | Rackcode

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbMT4MDhJWFkemiXddtyfy5EhTzRcL_IAiYpGPxE8MpEFBwwqOUtY0lqW_galz2AaJZPs2p5hp_HXuPiyZlmnmqo_rRA0sj_jJv8UIKxZwRX4hvE8fg3IloYJTiT8nkY8UttCAcws-0j1H/s1600/Brython+posible+alternativa+a+JavaScript+-+Rackcode.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbMT4MDhJWFkemiXddtyfy5EhTzRcL_IAiYpGPxE8MpEFBwwqOUtY0lqW_galz2AaJZPs2p5hp_HXuPiyZlmnmqo_rRA0sj_jJv8UIKxZwRX4hvE8fg3IloYJTiT8nkY8UttCAcws-0j1H/s400/Brython+posible+alternativa+a+JavaScript+-+Rackcode.png" width="400" /></a></div>
<h2>
<span class="notranslate"> </span></h2>
<h2>
<span class="notranslate">Brython - Using Python in the frontend</span> </h2>
<br />
<span class="notranslate"> Oddly result you mention that python still a Backend language may be in the <b>frontend.</b></span> <span class="notranslate"> But it is not a mistake today Brython is a language that would come on the client side <b>(Frontend).</b></span> <br />
<br />
<span class="notranslate"> Simply because it could be a substitute for <b>JavaScript</b> but we believe can visit this site and <a href="https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com.mx&sl=es&tl=en&u=http://www.brython.info/&usg=ALkJrhh0SUh3rvaoIJI3XK4JR6U5ur0aRg">http://www.brython.info/</a> review the code and see for themselves that no code Javascript to see the Clock function.</span> <br />
<br />
<span class="notranslate"> <b>Brython</b> is designed to adopt <b>HTML5</b> environments with objects and <b>DOM</b> events, but the only problem that has been detected so far turns out to be slow, which we see in a while if improvement.</span> <br />
<br />
<span class="notranslate"> Would be great to put <b>JavaScript</b> hand or just work together but we hope the Starfish project more news soon.</span> <br />
<br />
<blockquote class="tr_bq">
<h3>
 <span class="notranslate"> And you will like to work with Python client side, tell us in the comments.</span> </h3>
</blockquote>
<br />
<span class="notranslate"> You can get more information on this link <a href="https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com.mx&sl=es&tl=en&u=https://github.com/brython-dev/brython/wiki/Brython-videos-and-talks&usg=ALkJrhgQPhyvp9cLDpUDhDEphhqlvTREsw" target="_blank">https://github.com/brython-dev/brython/wiki/Brython-videos-and-talks</a></span> <br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/BcDV9QUium4/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/BcDV9QUium4?feature=player_embedded" width="320"></iframe></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiapjL6qlAVvteIQVBcX4NpfZ3PdUeWkDwUql60FBlWYfyg6aSFJVxMK7YYp562FTaMzXnyMWW1bsC8aaz7Wnv1I1InOjJNubNqiIQTUZCxW7ELLQStbVnKcZ8GP6k5WATxBSa1bLXhyJI/s1600/Adblock.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="155" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiapjL6qlAVvteIQVBcX4NpfZ3PdUeWkDwUql60FBlWYfyg6aSFJVxMK7YYp562FTaMzXnyMWW1bsC8aaz7Wnv1I1InOjJNubNqiIQTUZCxW7ELLQStbVnKcZ8GP6k5WATxBSa1bLXhyJI/s640/Adblock.png" width="640" /></a></div>
<br />
<br />
<blockquote class="tr_bq">
<span class="notranslate"> <span style="-webkit-text-stroke-width: 0px; background-color: white; color: #333333; display: inline !important; float: none; font-family: Roboto, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">We
 also have technology blogs where you can find on issues of computer 
science, technology, books, courses, Backend, Frontend, UX, UI.</span></span> <span class="notranslate"> <span style="-webkit-text-stroke-width: 0px; background-color: white; color: #333333; display: inline !important; float: none; font-family: Roboto, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">Frequently we publish content on these sites.</span></span> <br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: Roboto, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" />
<span class="notranslate"> <a class="yt-uix-redirect-link" dir="ltr" href="https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com.mx&sl=es&tl=en&u=https://www.facebook.com/Rackcode.Oficial&usg=ALkJrhgw6Hm4ne0iZvalALQEzI4DdxviEA" rel="nofollow" style="-webkit-text-stroke-width: 0px; background: rgb(255, 255, 255); border: 0px; color: #167ac6; cursor: pointer; font-family: Roboto, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" target="_blank" title="https://www.facebook.com/Rackcode.Oficial">https://www.facebook.com/Rackcode.Oficial</a></span> <br />
<span class="notranslate"> <a class="yt-uix-redirect-link" dir="ltr" href="https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com.mx&sl=es&tl=en&u=https://www.facebook.com/Backend.y.Frontend.Profesional&usg=ALkJrhhmdP382DEZZjwVatRGGVlHyB8Rnw" rel="nofollow" style="-webkit-text-stroke-width: 0px; background: rgb(255, 255, 255); border: 0px; color: #167ac6; cursor: pointer; font-family: Roboto, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" target="_blank" title="https://www.facebook.com/Backend.y.Frontend.Profesional">https://www.facebook.com/Backend.y.Frontend.Profesional</a></span> <br />
<span class="notranslate"> <a class="yt-uix-redirect-link" dir="ltr" href="https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com.mx&sl=es&tl=en&u=https://www.facebook.com/educandolaweb&usg=ALkJrhjiQGjmksCy9lFFrRzCC8bT-J_nZQ" rel="nofollow" style="-webkit-text-stroke-width: 0px; background: rgb(255, 255, 255); border: 0px; color: #167ac6; cursor: pointer; font-family: Roboto, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" target="_blank" title="https://www.facebook.com/educandolaweb">https://www.facebook.com/educandolaweb</a></span> <br />
<span class="notranslate"> <a class="yt-uix-redirect-link" dir="ltr" href="https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com.mx&sl=es&tl=en&u=https://www.facebook.com/alonsosilence&usg=ALkJrhg-RC5uFYY2FfqKZkR7iGrwC7867Q" rel="nofollow" style="-webkit-text-stroke-width: 0px; background: rgb(255, 255, 255); border: 0px; color: #167ac6; cursor: pointer; font-family: Roboto, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" target="_blank" title="https://www.facebook.com/alonsosilence">https://www.facebook.com/alonsosilence</a></span> <br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: Roboto, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" />
<span class="notranslate"> <a class="yt-uix-redirect-link" dir="ltr" href="https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com.mx&sl=es&tl=en&u=http://www.frontend-backend-profesional.info/&usg=ALkJrhixPDIUWLTPMKFu13INKVyXgB6cYQ" rel="nofollow" style="-webkit-text-stroke-width: 0px; background: rgb(255, 255, 255); border: 0px; color: #167ac6; cursor: pointer; font-family: Roboto, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" target="_blank" title="http://www.frontend-backend-profesional.info/">http://www.frontend-backend-profesional.info/</a></span> <br />
<span class="notranslate"> <a class="yt-uix-redirect-link" dir="ltr" href="https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com.mx&sl=es&tl=en&u=http://www.rackcode.info/&usg=ALkJrhiwPAfIfnvh5epjp6-A1dKNuGcfIA" rel="nofollow" style="-webkit-text-stroke-width: 0px; background: rgb(255, 255, 255); border: 0px; color: #167ac6; cursor: pointer; font-family: Roboto, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" target="_blank" title="http://www.rackcode.info/">http://www.rackcode.info/</a></span> <br />
<span class="notranslate"> <a class="yt-uix-redirect-link" dir="ltr" href="https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com.mx&sl=es&tl=en&u=http://educandolaweb.blogspot.mx/&usg=ALkJrhhUwyFsAiu37HIA5EJKtGs610sIqg" rel="nofollow" style="-webkit-text-stroke-width: 0px; background: rgb(255, 255, 255); border: 0px; color: #167ac6; cursor: pointer; font-family: Roboto, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" target="_blank" title="http://educandolaweb.blogspot.mx/">http://educandolaweb.blogspot.mx/</a></span> <br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: Roboto, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" />
<span class="notranslate"> <span style="-webkit-text-stroke-width: 0px; background-color: white; color: #333333; display: inline !important; float: none; font-family: Roboto, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">We
 also have Facebook groups where experts from around the world share in 
our blog content Frontend, Backend Server Management and 
Entrepreneurship Startups and I invite you to join.</span></span> <br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: Roboto, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" />
<span class="notranslate"> <a class="yt-uix-redirect-link" dir="ltr" href="https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com.mx&sl=es&tl=en&u=https://www.facebook.com/groups/rackcode&usg=ALkJrhgK_-LwOGSwZuhyXAry8r2BXjQNVw" rel="nofollow" style="-webkit-text-stroke-width: 0px; background: rgb(255, 255, 255); border: 0px; color: #167ac6; cursor: pointer; font-family: Roboto, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" target="_blank" title="https://www.facebook.com/groups/rackcode">https://www.facebook.com/groups/rackcode</a></span> <br />
<span class="notranslate"> <a class="yt-uix-redirect-link" dir="ltr" href="https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com.mx&sl=es&tl=en&u=https://www.facebook.com/groups/comunidad.startups.emprendimiento.rackcode/&usg=ALkJrhgIRQADBfiZ37wNAfpOagP1PxVcDQ" rel="nofollow" style="-webkit-text-stroke-width: 0px; background: rgb(255, 255, 255); border: 0px; color: #167ac6; cursor: pointer; font-family: Roboto, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" target="_blank" title="https://www.facebook.com/groups/comunidad.startups.emprendimiento.rackcode/">https://www.facebook.com/groups/comunidad.startups.emprendimiento.rackcode/</a></span> <br />
<span class="notranslate"> <a class="yt-uix-redirect-link" dir="ltr" href="https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com.mx&sl=es&tl=en&u=https://www.facebook.com/groups/comunidad.sysadmin.rackcode/&usg=ALkJrhgqjzqYI2C59su3wIybdlRbvr-1uQ" rel="nofollow" style="-webkit-text-stroke-width: 0px; background: rgb(255, 255, 255); border: 0px; color: #167ac6; cursor: pointer; font-family: Roboto, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" target="_blank" title="https://www.facebook.com/groups/comunidad.sysadmin.rackcode/">https://www.facebook.com/groups/comunidad.sysadmin.rackcode/</a></span> <br />
<span class="notranslate"> <a class="yt-uix-redirect-link" dir="ltr" href="https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com.mx&sl=es&tl=en&u=https://www.facebook.com/groups/Comunidad.Backend.Rackcode/&usg=ALkJrhhh6K00B_uatkcmjmzVrxATQZQRWw" rel="nofollow" style="-webkit-text-stroke-width: 0px; background: rgb(255, 255, 255); border: 0px; color: #167ac6; cursor: pointer; font-family: Roboto, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" target="_blank" title="https://www.facebook.com/groups/Comunidad.Backend.Rackcode/">https://www.facebook.com/groups/Comunidad.Backend.Rackcode/</a></span> <br />
<span class="notranslate"> <a class="yt-uix-redirect-link" dir="ltr" href="https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com.mx&sl=es&tl=en&u=https://www.facebook.com/groups/Comunidad.Frontend.Rackcode/&usg=ALkJrhh92ovBspGZJj4Q8SwZFQZm_pPrnw" rel="nofollow" style="-webkit-text-stroke-width: 0px; background: rgb(255, 255, 255); border: 0px; color: #167ac6; cursor: pointer; font-family: Roboto, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" target="_blank" title="https://www.facebook.com/groups/Comunidad.Frontend.Rackcode/">https://www.facebook.com/groups/Comunidad.Frontend.Rackcode/</a></span> <span style="-webkit-text-stroke-width: 0px; background-color: white; color: #333333; display: inline !important; float: none; font-family: Roboto, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"><span class="Apple-converted-space"> </span></span> </blockquote>

Brython - Using Python in the frontend | Rackcode

Brython - Using Python in the frontend Oddly result you mention that python still a Backend language may be in the frontend. Bu...

+ Leer más »

Construyendo Github Pages - Rackcode

<h2>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikErkzlr4Rgw-IsYejyqA4voCmlgXDaMqC7iD6a5hc_a0Y0Ut77gwIEooHkJ_LWd_vfypZpGJVrtR8wWyDUUF0LPYFIJfWh1TMub8A5SunVdf1zY0E3dfTKmWgF0iazxzkbJPfyG1DKWg/s1600/Construyendo+Github+Pages.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="427" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikErkzlr4Rgw-IsYejyqA4voCmlgXDaMqC7iD6a5hc_a0Y0Ut77gwIEooHkJ_LWd_vfypZpGJVrtR8wWyDUUF0LPYFIJfWh1TMub8A5SunVdf1zY0E3dfTKmWgF0iazxzkbJPfyG1DKWg/s640/Construyendo+Github+Pages.png" width="640" /></a></div>
Construyendo Github Pages - @Rackcode y @Huixcospartan</h2>
<br />
Github nos permite subir una pagina haciendo uso de un repositorio especial y con una configuracion sencilla. En este articulo veremos como se hace la configuracion para tener nuestra propia GithubPage.<br />
<br />
Construyendo GithubPages con <a class="g-profile" href="https://plus.google.com/109478713410531797272" target="_blank">+Hector Campos Alonso</a> y  <a class="g-profile" href="https://plus.google.com/114928864007683023740" target="_blank">+Rackcode.info</a> <span id="goog_88514788"></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/biBBnq0T2W8/0.jpg" frameborder="0" height="366" src="https://www.youtube.com/embed/biBBnq0T2W8?feature=player_embedded" width="520"></iframe></div>
<br />
<blockquote class="tr_bq">
Si te gusto el video compartelo</blockquote>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFDpcYJTnt8LEBK2cbInSMdW0_VR6qXefNZ6DL05f-ZxV-x2irxbUye1PZQZl8tEOpkihGmKi1RE-f7tHQ9o7WtjC6LnBzPIQFkSkd-I_cUVVpV_z6TnyQCtUCC1ycmPFs-cKItfax7dI/s1600/Adblock.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="156" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFDpcYJTnt8LEBK2cbInSMdW0_VR6qXefNZ6DL05f-ZxV-x2irxbUye1PZQZl8tEOpkihGmKi1RE-f7tHQ9o7WtjC6LnBzPIQFkSkd-I_cUVVpV_z6TnyQCtUCC1ycmPFs-cKItfax7dI/s640/Adblock.png" width="640" /></a></div>
<br />
<blockquote class="tr_bq">
<br />
<span style="-webkit-text-stroke-width: 0px; background-color: white; color: #333333; display: inline !important; float: none; font-family: Roboto, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">Tambien contamos con Blogs de Tecnologia en donde puedes encontrar sobre temas de informatica, tecnologia, Libros, Cursos, Backend, Frontend, UX, UI. Frecuentemente publicamos contenido en estos sitios.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: Roboto, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" />
<a class="yt-uix-redirect-link" dir="ltr" href="https://www.facebook.com/Rackcode.Oficial" rel="nofollow" style="-webkit-text-stroke-width: 0px; background: rgb(255, 255, 255); border: 0px; color: #167ac6; cursor: pointer; font-family: Roboto, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" target="_blank" title="https://www.facebook.com/Rackcode.Oficial">https://www.facebook.com/Rackcode.Oficial</a><br />
<a class="yt-uix-redirect-link" dir="ltr" href="https://www.facebook.com/Backend.y.Frontend.Profesional" rel="nofollow" style="-webkit-text-stroke-width: 0px; background: rgb(255, 255, 255); border: 0px; color: #167ac6; cursor: pointer; font-family: Roboto, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" target="_blank" title="https://www.facebook.com/Backend.y.Frontend.Profesional">https://www.facebook.com/Backend.y.Frontend.Profesional</a><br />
<a class="yt-uix-redirect-link" dir="ltr" href="https://www.facebook.com/educandolaweb" rel="nofollow" style="-webkit-text-stroke-width: 0px; background: rgb(255, 255, 255); border: 0px; color: #167ac6; cursor: pointer; font-family: Roboto, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" target="_blank" title="https://www.facebook.com/educandolaweb">https://www.facebook.com/educandolaweb</a><br />
<a class="yt-uix-redirect-link" dir="ltr" href="https://www.facebook.com/alonsosilence" rel="nofollow" style="-webkit-text-stroke-width: 0px; background: rgb(255, 255, 255); border: 0px; color: #167ac6; cursor: pointer; font-family: Roboto, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" target="_blank" title="https://www.facebook.com/alonsosilence">https://www.facebook.com/alonsosilence</a><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: Roboto, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" />
<a class="yt-uix-redirect-link" dir="ltr" href="http://www.frontend-backend-profesional.info/" rel="nofollow" style="-webkit-text-stroke-width: 0px; background: rgb(255, 255, 255); border: 0px; color: #167ac6; cursor: pointer; font-family: Roboto, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" target="_blank" title="http://www.frontend-backend-profesional.info/">http://www.frontend-backend-profesional.info/</a><br />
<a class="yt-uix-redirect-link" dir="ltr" href="http://www.rackcode.info/" rel="nofollow" style="-webkit-text-stroke-width: 0px; background: rgb(255, 255, 255); border: 0px; color: #167ac6; cursor: pointer; font-family: Roboto, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" target="_blank" title="http://www.rackcode.info/">http://www.rackcode.info/</a><br />
<a class="yt-uix-redirect-link" dir="ltr" href="http://educandolaweb.blogspot.mx/" rel="nofollow" style="-webkit-text-stroke-width: 0px; background: rgb(255, 255, 255); border: 0px; color: #167ac6; cursor: pointer; font-family: Roboto, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" target="_blank" title="http://educandolaweb.blogspot.mx/">http://educandolaweb.blogspot.mx/</a><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: Roboto, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" />
<span style="-webkit-text-stroke-width: 0px; background-color: white; color: #333333; display: inline !important; float: none; font-family: Roboto, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">Tambien contamos con Grupos de Facebook donde expertos en distintas partes del mundo comparten en nuestro blog contenido de Frontend, Backend, Administracion de Servidores y Startups y Emprendimiento los invito a que se unan.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: Roboto, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" />
<a class="yt-uix-redirect-link" dir="ltr" href="https://www.facebook.com/groups/rackcode" rel="nofollow" style="-webkit-text-stroke-width: 0px; background: rgb(255, 255, 255); border: 0px; color: #167ac6; cursor: pointer; font-family: Roboto, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" target="_blank" title="https://www.facebook.com/groups/rackcode">https://www.facebook.com/groups/rackcode</a><br />
<a class="yt-uix-redirect-link" dir="ltr" href="https://www.facebook.com/groups/comunidad.startups.emprendimiento.rackcode/" rel="nofollow" style="-webkit-text-stroke-width: 0px; background: rgb(255, 255, 255); border: 0px; color: #167ac6; cursor: pointer; font-family: Roboto, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" target="_blank" title="https://www.facebook.com/groups/comunidad.startups.emprendimiento.rackcode/">https://www.facebook.com/groups/comunidad.startups.emprendimiento.rackcode/</a><br />
<a class="yt-uix-redirect-link" dir="ltr" href="https://www.facebook.com/groups/comunidad.sysadmin.rackcode/" rel="nofollow" style="-webkit-text-stroke-width: 0px; background: rgb(255, 255, 255); border: 0px; color: #167ac6; cursor: pointer; font-family: Roboto, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" target="_blank" title="https://www.facebook.com/groups/comunidad.sysadmin.rackcode/">https://www.facebook.com/groups/comunidad.sysadmin.rackcode/</a><br />
<a class="yt-uix-redirect-link" dir="ltr" href="https://www.facebook.com/groups/Comunidad.Backend.Rackcode/" rel="nofollow" style="-webkit-text-stroke-width: 0px; background: rgb(255, 255, 255); border: 0px; color: #167ac6; cursor: pointer; font-family: Roboto, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" target="_blank" title="https://www.facebook.com/groups/Comunidad.Backend.Rackcode/">https://www.facebook.com/groups/Comunidad.Backend.Rackcode/</a><br />
<a class="yt-uix-redirect-link" dir="ltr" href="https://www.facebook.com/groups/Comunidad.Frontend.Rackcode/" rel="nofollow" style="-webkit-text-stroke-width: 0px; background: rgb(255, 255, 255); border: 0px; color: #167ac6; cursor: pointer; font-family: Roboto, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" target="_blank" title="https://www.facebook.com/groups/Comunidad.Frontend.Rackcode/">https://www.facebook.com/groups/Comunidad.Frontend.Rackcode/</a><span style="-webkit-text-stroke-width: 0px; background-color: white; color: #333333; display: inline !important; float: none; font-family: Roboto, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"><span class="Apple-converted-space"> </span></span><br />
<span style="-webkit-text-stroke-width: 0px; background-color: white; color: #333333; display: inline !important; float: none; font-family: Roboto, arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"><span class="Apple-converted-space"> </span></span> 
</blockquote>

Construyendo Github Pages - Rackcode

Construyendo Github Pages - @Rackcode y @Huixcospartan Github nos permite subir una pagina haciendo uso de un repositorio especial y co...

+ Leer más »

Frameworks de JavaScript para Frontend

<div class="separator" style="clear: both; text-align: center;">
<a href="http://plavatvornica.com/wp-content/uploads/2014/09/backend-developer-at-plava-tvornica.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="272" src="http://plavatvornica.com/wp-content/uploads/2014/09/backend-developer-at-plava-tvornica.jpg" width="640" /></a></div>
<h2>
Frameworks de Javascript para Frontend</h2>
Los <b>frameworks </b>de <b>Javascript </b>proveen de funcioanlidades genericas para ser utilizadas para desarrollar aplicaciones de la manera mas rapida,modular y seniclla posible. Aunque en su mayoria los <b>frameworks</b> proveen de componentes para cumplir con determinadas funciones que son:<br />
<ul>
<li>Compativilidad</li>
<li>Comunicacion Asincrona (Ajax)</li>
<li>Manipulacion del DOM</li>
<li>Validacion de Formularios</li>
<li>Efectos Visuales</li>
<li>Almacenamiento Client-side</li>
<li>Manejo de JSON</li>
<li>Manejo de Eventos</li>
<li>Estructuras MVC</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.ingebits.com/blog/wp-content/uploads/2015/04/javascript_logo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="190" src="http://www.ingebits.com/blog/wp-content/uploads/2015/04/javascript_logo.png" width="400" /></a></div>
<br />
<ul>
</ul>
<h4>
Entre los que podemos destacar </h4>
<ul>
<li>Backbone.js</li>
<li>Ember.js</li>
<li>Knockout.js</li>
<li>Angular.js</li>
<li>Jquery</li>
<li>MooTools</li>
<li>ExtJs</li>
<li>Prototype</li>
<li>Scriptaculous</li>
<li>Dojo Toolkit</li>
<li>YUI</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-fScrnOpgwfo/VV2xIVH2gOI/AAAAAAAADD0/sMghIg-vuFo/s1600/JavaScript-Frameworks.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="123" src="http://2.bp.blogspot.com/-fScrnOpgwfo/VV2xIVH2gOI/AAAAAAAADD0/sMghIg-vuFo/s1600/JavaScript-Frameworks.jpg" width="400" /></a></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFDpcYJTnt8LEBK2cbInSMdW0_VR6qXefNZ6DL05f-ZxV-x2irxbUye1PZQZl8tEOpkihGmKi1RE-f7tHQ9o7WtjC6LnBzPIQFkSkd-I_cUVVpV_z6TnyQCtUCC1ycmPFs-cKItfax7dI/s1600/Adblock.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="156" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFDpcYJTnt8LEBK2cbInSMdW0_VR6qXefNZ6DL05f-ZxV-x2irxbUye1PZQZl8tEOpkihGmKi1RE-f7tHQ9o7WtjC6LnBzPIQFkSkd-I_cUVVpV_z6TnyQCtUCC1ycmPFs-cKItfax7dI/s640/Adblock.png" width="640" /></a></div>
<br />
<ul>
</ul>

Frameworks de JavaScript para Frontend

Frameworks de Javascript para Frontend Los frameworks de Javascript proveen de funcioanlidades genericas para ser utilizadas para desarr...

+ Leer más »

12 Frameworks de CSS que debes conocer si eres Frontend

<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="404" src="http://s3.amazonaws.com/prod.word/images/655/original.jpg?1365808666" width="640" /></div>
<h2>
12 Frameworks que debes conocer si quieres ser  Frontend</h2>
Los <b>frameworks </b>de <b>CSS </b>nos ahorran las tareas basicas a la hora de trabajar con tareas basicas en las hojas de estilo. Debido a que los frameworks se componen de varios archivos con declaraciones pre-establecidas.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="124" src="https://ihatetomatoes.net/wp-content/uploads/2013/08/img_css-frameworks.jpg" width="320" /></div>
<br />
<b>Boostrap </b>es un framework que fue desarrollado por los creadores de <b>Twitter</b>, este <b>framework </b>provee de una serie de funcionalidades asi como maquetas amplias, ademas de contar con funcionalidades de<br />
JavaScript lo que hace de este framework uno de los mas completos.<br />
<br />
<b>Foundation </b>es un poco similar a <b>Boostrap </b>pero este framework esta mas orientado a las paginas web, es una opcion que resulta mas sencilla de implementar a diferencia de <b>Boostrap</b>,  este framework esta en constante actualizacion. Un <b>framework </b>que hay que considerar.<br />
<br />
<b>Ink </b>cuenta con un diseño moderno, ademas de contar con una serie de funcionalidades tanto en <b>CSS3</b> como en JavaScript un framework que no le envidia nada a los demas.<br />
<br />
<b>Ivory </b>a diferencia de los demas este <b>framework </b>se centra en los <b>CSS </b>basicos para la maquetacion de columnas, por lo que carece del uso de JavaScript. <br />
<br />
<b><span style="font-size: large;">De los cuales podemos destacar  
</span></b><br />
<ul><b><span style="font-size: large;">
    </span></b>
<li><h3>
BluePrint</h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://es.learnlayout.com/images/blueprint.jpg" /></div>
<h3>
 </h3>
</li>
<li><h3>
UnSemantic</h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://es.learnlayout.com/images/unsemantic.png" /></div>
<h3>
 </h3>
</li>
<li><h3>
BlueTrip</h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://es.learnlayout.com/images/bluetrip.jpg" /></div>
<h3>
 </h3>
</li>
<li><h3>
Elasticss</h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://es.learnlayout.com/images/elasticss.jpg" /></div>
<h3>
 </h3>
</li>
<li><h3>
Boostrap</h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://es.learnlayout.com/images/bootstrap.jpg" /></div>
<h3>
 </h3>
</li>
<li><h3>
Gumby Framework</h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://es.learnlayout.com/images/gumby.jpg" /></div>
<h3>
 </h3>
</li>
<li><h3>
SUSY</h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://es.learnlayout.com/images/susy.jpg" /></div>
<h3>
 </h3>
</li>
<li><h3>
Kube</h3>
<h3>
 <div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://es.learnlayout.com/images/kube.png" /></div>
</h3>
</li>
<li><h3>
GroundworkCSS</h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://es.learnlayout.com/images/groundwork.gif" /></div>
<h3>
 </h3>
</li>
<li><h3>
Semantic UI</h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://es.learnlayout.com/images/semantic_ui.png" /></div>
<h3>
 </h3>
</li>
<li><h3>
Pure CSSPure CSS</h3>
<h3>
 <div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://es.learnlayout.com/images/logo_pure.png" /></div>
</h3>
<h3>
 </h3>
</li>
</ul>
<blockquote class="tr_bq">
En conclusion es importante que antes de comenzar con nuestros proyectos es importante hacer un analisis de estos frameworks 
tanto en los estilos, tipografias, colores de los cuales pueden aportar a tu proyecto.</blockquote>

12 Frameworks de CSS que debes conocer si eres Frontend

12 Frameworks que debes conocer si quieres ser Frontend Los frameworks de CSS nos ahorran las tareas basicas a la hora de trabajar con ...

+ Leer más »

Paginas para descargar gratis imágenes de excelente calidad

<div class="separator" style="clear: both; text-align: center;">
<a href="http://cdn.nubelo.com/blog/wp-content/uploads/2015/04/dise%C3%B1adorgrafico.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="330" src="http://cdn.nubelo.com/blog/wp-content/uploads/2015/04/dise%C3%B1adorgrafico.jpg" width="640" /></a></div>
<h2>
Paginas para descargar gratis imágenes de excelente calidad</h2>
<br />Los bancos de imágenes gratuitos son un tesoro codiciado por diseñadores, y hoy vamos a listar algunas paginas que ofrecen imágenes gratuitas de alta calidad que podremos utilizar en nuestros proyectos.<br />
<h4>
Recuerda comentar abajo algunas que mas te gusten para enriquecer esta lista. Ahora comencemos con la lista:</h4>
<br />
<a href="http://bossfight.co/" target="_blank">Boss Fight</a> Este sitio cuenta con imágenes clasificas por comida, tecnologia, gente, animales, edificios entre otras cosas, lo que nos gusta de este sitio es la posibilidad que tiene para realizar busquedas entre las colecciones de fotos con las que cuentan además de la continuidad con la que las publican. Una muy buena pagina y con un diseño muy bueno.<br /><br />
<a href="http://realisticshots.com/" target="_blank">Realistic Shots</a> este sitio ofrece una extensa coleccion de imágenes que se actualizan cada semana, además de que todas estas imágenes tienen licencia libre (CC0).<br /><br /><a href="http://mmt.li/" target="_blank">MMT </a>este sitio nos muestra enormes y maravillosas fotos que podemos utilizar para uso comercial y personal debido a que estas cuentan con la licencia libre (CC0). <br /><br />
<a href="https://unsplash.com/" target="_blank">Unsplash</a> es un sitio donde fotografos presentan su trabajo, presentan muchas imágenes de excelente calidad.<br /><br />
<a href="http://www.gratisography.com/" target="_blank">Gratisography</a> este sitio nos ofrece un gran numero de fotografias que son actualizadas cada 10 dias, las cuales podemos hacer uso de ellas en nuestros proyectos personales o comerciales. Uno de los sitios que mas nos gustan por su diseño y versatilidad que ofrece, una recomendacion si quieres fotografias de calidad.<br /><br /><a href="http://startupstockphotos.com/" target="_blank">Startup Stock Photos</a> este sitio es el que mas nos gusta de la lista porque no hay menus, no hay busquedas porque no las requieres simplemente tienes que ir bajando el mouse y nos mostrara una lista de fotos muy buenas que podremos utilizar en nuestros articulos y demas proyectos "Recomendado completamente".<br /><br /><a href="http://www.splitshire.com/" target="_blank">SplitShire </a>este sitio ofrece una gran variedad de fotografias que no son mas que el trabajo arduo de fotografos, es una pagina donde puedes encontrar fotografias muy buenas aunque tambien cuentan con una version de pago la cual te ofrece fotos todos los dias por un costo de 20 USD al año.<br /><br /><a href="http://freenaturestock.com/" target="_blank">Free Nature Stock</a> en este sitio como podemos ver por su nombre ofrece una variedad de fotos de naturaleza de muy buena calidad.<br /><br /><a href="https://twitter.com/JayMantri" target="_blank">Jay Mantri</a> es un sitio de un fotografo especializado que publica 7 fotos cada semana de una calidad muy buena aunque el unico problema que encontramos es que no podemos realizar una busqueda por categoria.<br /><br /><a href="http://fancycrave.com/" target="_blank">FancyCrave</a> es un sitio que nos muestra las <b>fotos </b>a modo de blog lo que permite que la actualizacion de las fotos con mucha frecuencia.<br /><br /><br />
<blockquote class="tr_bq">
<h3>
Comenta abajo cuales son tus bancos de datos favoritos o cuales faltan en esta lista.</h3>
</blockquote>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://blog.cooperatize.com/wp-content/uploads/2015/05/Designer.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="225" src="http://blog.cooperatize.com/wp-content/uploads/2015/05/Designer.jpg" width="400" /></a></div>
<br />

Paginas para descargar gratis imágenes de excelente calidad

Paginas para descargar gratis imágenes de excelente calidad Los bancos de imágenes gratuitos son un tesoro codiciado por diseñadores, y ...

+ Leer más »

5 simple utilities that every web designer should use

<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.vmgdesign-studio.com/wp-content/uploads/2013/11/plan_feeowl.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="228" src="http://www.vmgdesign-studio.com/wp-content/uploads/2013/11/plan_feeowl.png" width="640" /></a></div>
<h2>
5 simple utilities that every web designer should use</h2>
The resources of a web designer help facilitate both design and utilities have selected five this time to design that will help you save time in your daily tasks.<br /><br />List of Utilities for design<br /><br /><a href="https://resizeappicon.com/" target="_blank">Resizeappicon </a>allows us uploading a square logo and specify the size, plus you can download them in different sizes at the same time a very useful tool if you need to export our logos to mobile devices or other uses.<br /><br /><a href="http://firesize.com/" target="_blank">Firesize </a>this product allows us to alter the size of your images, this is a very useful tool, because if we have a picture of great proportions suppose 2000x1200 with http://rackcode.como.mx/img/Rackcode.png address is application allows us to have a version of different sizes 200x100 for example allowing us to have a lighter version of our images. A utility that can save us.<br /><br /><a href="http://www.rackcode.info/2015/07/5-free-icons-sites-every-designer-knows.html" target="_blank">Free icons</a> is important that when we started having multimedia content we have collected in our previous post a number of sites where you can find free icons of excellent quality.<br /><br /><a href="https://buffer.com/pablo" target="_blank">I Paul</a> is a page where you can design simple banners with a background image and main and secondary text. Very good tool that allows us to quickly share via social networks and also download the same image created. Recommended excellent tool to make use of it.<br /><br /><br /><a href="http://vectormagic.com/home" target="_blank">VectorMagic </a>this site allows us transforms vector images that have almost perfect which helps us when we enlarge the images without losing much quality.<br /><br />
<blockquote class="tr_bq">
These were some of the utilities for designers, if you know any comments below are your favorite and why.</blockquote>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2gLh3A97IK57l3MJlwufFgC5lSAyW9Z2zFuaZ4iDdpLtV4zMStjN-XeVL23DD3RVGStC636XTzHJA5k-tMMp-J2P2-MlTCW4sXgF00syFj-cCRgZ_DEXIpcCqz7zkMBRLBKeoo9n0EmFA/s1600/Escribe-tus-ideas-y-deja-que-tu-mente-siga-trabajando.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2gLh3A97IK57l3MJlwufFgC5lSAyW9Z2zFuaZ4iDdpLtV4zMStjN-XeVL23DD3RVGStC636XTzHJA5k-tMMp-J2P2-MlTCW4sXgF00syFj-cCRgZ_DEXIpcCqz7zkMBRLBKeoo9n0EmFA/s1600/Escribe-tus-ideas-y-deja-que-tu-mente-siga-trabajando.jpg" width="400" /></a></div>
<br />

5 simple utilities that every web designer should use

5 simple utilities that every web designer should use The resources of a web designer help facilitate both design and utilities have se...

+ Leer más »

Pagine per scaricare immagini di qualità eccellente

<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.indole.es/files/img/estudio/33.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="http://www.indole.es/files/img/estudio/33.jpg" width="400" /></a></div>
<h2>
Pagine per scaricare immagini di qualità eccellente  </h2>
Banche immagini gratuite sono un tesoro ambito da designer, e oggi ci elencherà alcuni siti che offrono gratuitamente immagini di alta qualità che possono essere utilizzate nei nostri progetti.<br /><br />Ricordatevi di commentare qui sotto alcuni che ti piace di arricchire questa lista. Ora cominciamo con l'elenco:<br /><br /><br /><a href="http://bossfight.co/" target="_blank">Boss Fight Questo</a> sito ha classificare immagini di cibo, tecnologia, le persone, gli animali, gli edifici, tra le altre cose, quello che ci piace di questo sito è la capacità che ha di effettuare ricerche dalle collezioni di foto che hanno anche continuità con che ha pubblicato. Un ottimo prodotto e ottimo design.<br /><br />
<a href="http://realisticshots.com/" target="_blank">Shots </a>realistici questo sito offre una vasta collezione di immagini che vengono aggiornate ogni settimana, in aggiunta a tutte queste immagini sono licenza libera (CC0).<br /><br />
<a href="http://mmt.li/" target="_blank">MMT </a>questo sito mostra le immagini enormi e meraviglioso che possiamo utilizzare per uso commerciale e personale perché questi sono concessi in licenza libera (CC0).<br />
<br /><a href="https://unsplash.com/" target="_blank">Unsplash </a>è un luogo dove i fotografi espongono le loro opere, presenti molte immagini di eccellente qualità.<br /><br />
<a href="http://www.gratisography.com/" target="_blank">Gratisography </a>questo sito offre un gran numero di fotografie che vengono aggiornati ogni 10 giorni, che possono farne uso nei nostri progetti personali o commerciali. Uno dei siti ci piace il suo design e la versatilità offerto una raccomandazione, se si desidera fotografie di qualità.<br /><br /><a href="http://startupstockphotos.com/" target="_blank">Avvio Similari Questa</a> sito è quello che ci piace dalla lista perché non ci sono i menu, non ha prodotto risultati di ricerca perché non richiedono solo andare giù il mouse e ci mostrano una lista di buoni colpi che usiamo nei nostri articoli e altri progetti "pienamente raccomandato" rating.<br /><br /><a href="http://www.splitshire.com/" target="_blank">SplitShire </a>questo sito offre una serie di fotografie che non sono altro che il duro lavoro di fotografi, si tratta di una pagina in cui è possibile trovare molto buone fotografie, ma hanno anche una versione a pagamento, che offre foto ogni giorno per un costo di 20 USD per anno.<br /><br /><a href="http://freenaturestock.com/" target="_blank">Natura Stock Libera</a> su questo sito come si può vedere dal suo nome offre una varietà di foto naturalistiche di qualità molto buona.<br /><br /><a href="https://twitter.com/JayMantri" target="_blank">Jay Mantri</a> è un sito specializzato fotografo che pubblica 7 foto alla settimana di ottima qualità, ma l'unico problema che abbiamo trovato è che non siamo in grado di fare una ricerca per categoria.<br /><br /><a href="http://fancycrave.com/" target="_blank">FancyCrave</a> è un sito che mostra le foto come un blog che permette l'aggiornamento delle foto spesso.<br /><br /><br />
<blockquote class="tr_bq">
Commenti qui sotto sono i vostri preferiti o banche dati che mancano in questa lista.</blockquote>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bajio.delasalle.edu.mx/oferta/images/1_12_1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="181" src="http://bajio.delasalle.edu.mx/oferta/images/1_12_1.jpg" width="400" /></a></div>
<br />

Pagine per scaricare immagini di qualità eccellente

Pagine per scaricare immagini di qualità eccellente Banche immagini gratuite sono un tesoro ambito da designer, e oggi ci elencherà alc...

+ Leer más »

5 utilidades sencillas que todo diseñador web debería usar

<div class="separator" style="clear: both; text-align: center;">
<a href="https://static.tiendy.com/shops/animum/uploads/lateral_01_inicio-dise%C3%B1o-grafico-en-malaga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="388" src="https://static.tiendy.com/shops/animum/uploads/lateral_01_inicio-dise%C3%B1o-grafico-en-malaga.jpg" width="640" /></a></div>
<h2>
5 utilidades sencillas que todo diseñador web debería usar </h2>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />Los recursos de un diseñador web ayudan a facilitar tanto el diseño, y hemos seleccionado 5 utilidades en esta ocasión para diseño que permitirán ayudarte a ahorrar tiempo en tus tareas diarias. <br /><br />Lista de Utilidades para diseño <br /><br /><a href="https://resizeappicon.com/" target="_blank">Resizeappicon </a>nos permite lo posibilidad de subir un logo cuadrado y especificar el tamaño, además de poder descargarlos en distintos tamaños al mismo tiempo una herramienta muy útil si necesitamos exportar nuestros logos a dispositivos móviles o para otros usos.<br /><br /><a href="http://firesize.com/" target="_blank">Firesize </a>esta pagina nos permite alterar el tamaño de nuestras imágenes, esta es una herramienta muy útil, debido a que si tenemos una imagen de proporciones grandes supongamos 2000x1200 con una dirección http://rackcode.como.mx/img/Rackcode.png esta aplicación nos permite tener una versión de tamaños distintos por ejemplo 200x100 lo que permite que tengamos una versión mas ligera de nuestras imágenes. Una utilidad que nos puede salvar.<br /><br /><a href="http://www.wirin.es/userfiles/images/iconos-android.png" target="_blank">Iconos Gratuitos</a> es importante que cuando iniciamos tener contenido multimedia hemos recopilado en nuestro anteriores post una serie de sitios en los que puedes encontrar iconos gratuitos de excelente calidad.<br /><br /><a href="https://buffer.com/pablo" target="_blank">Pablo</a>, es una pagina donde puedes diseñar banners simples con una imagen de fondo y texto principal y secundario. Muy buena herramienta que nos permite compartir rápidamente a través de las redes sociales y también descargar la misma imagen creada. Excelente herramienta recomendada para que hagan uso de ella.<br /><br /><a href="http://vectormagic.com/home" target="_blank">Vectormagic </a>este sitio nos permite trasforma imágenes que tengamos en vectores casi perfectos lo que nos ayuda cuando queremos agrandar las imágenes sin perder tanta calidad. <br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.indole.es/files/img/estudio/33.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="http://www.indole.es/files/img/estudio/33.jpg" width="400" /></a></div>
<br />
<blockquote class="tr_bq">
Estas fueron algunas de las Utilidades para Diseñadores, si conoces alguna comenta abajo cuales son tus preferidas y porque.</blockquote>
<br />

5 utilidades sencillas que todo diseñador web debería usar

5 utilidades sencillas que todo diseñador web debería usar Los recursos de un diseñador web ayudan a facilitar tanto el diseño, y hemo...

+ Leer más »

صفحات لتحميل الصور من نوعية ممتازة

<h2>
صفحات لتحميل الصور من نوعية ممتازة<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.serdel.es/imagenes/empresa-dise%C3%B1o-web-alicante-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="203" src="http://www.serdel.es/imagenes/empresa-dise%C3%B1o-web-alicante-1.jpg" width="400" /></a></div>
</h2>
البنوك الصور الحرة هي كنز مطمعا من قبل المصممين، واليوم سنقوم بسرد بعض المواقع التي تقدم مجانا صور عالية الجودة والتي يمكن استخدامها في مشاريعنا.<br />
<br />
تذكر أن التعليق أدناه بعض أن كنت ترغب في إثراء هذه القائمة. الآن دعونا نبدأ مع القائمة:<br />
<br />
<a href="http://twitter.com/bossfightco">http://twitter.com/bossfightco</a> -<a href="http://bossfight.co/" target="_blank"> http://bossfight.co/</a><br />
مدرب حارب يحتوي هذا الموقع على تصنيف الصور عن طريق الغذاء، والتكنولوجيا، والناس والحيوانات والمباني من بين أمور أخرى، ما نحب حول هذا الموقع هو القدرة لديها لإجراء عمليات بحث عن مجموعات من الصور التي لديها أيضا الاستمرارية التي نشرت. منتج جيد جدا وجيد جدا تصميم.<br />
<br />
<a href="http://www.twitter.com/realisticshots">http://www.twitter.com/realisticshots</a> - <a href="http://realisticshots.com/">http://realisticshots.com/</a><br />
لقطات واقعية هذا الموقع يقدم مجموعة واسعة من الصور التي يتم تحديثها أسبوعيا، بالإضافة إلى كل هذه الصور لديهم رخصة حرة (CC0).<br />
<br />
<a href="http://mmt.li/">http://mmt.li/</a> - <a href="https://twitter.com/mmtstock">https://twitter.com/mmtstock</a><br />
MMT هذا الموقع يعرض الصور الضخمة والرائعة التي يمكننا استخدامها لأغراض تجارية وشخصية لأن هذه مرخصة مجانا (CC0).<br />
<br />
<a href="https://unsplash.com/">https://unsplash.com/</a> - <a href="https://twitter.com/unsplash">https://twitter.com/unsplash</a><br />
Unsplash هو المكان الذي يحمل المصورين عملهم والحاضر العديد من الصور من نوعية ممتازة.<br />
<br />
<a href="http://www.gratisography.com/">www.gratisography.com</a> - <a href="https://twitter.com/bellsdesign">https://twitter.com/bellsdesign</a><br />
Gratisography هذا الموقع يوفر عددا كبيرا من الصور التي يتم تحديثها كل 10 يوما، والتي يمكن الاستفادة منها في مشاريعنا الشخصية أو التجارية. واحد من مواقع نود تصميمه وبراعة تقديم توصية إذا كنت تريد صورا عالية الجودة.<br />
<br />
<a href="http://startupstockphotos.com/">http://startupstockphotos.com/</a><br />
بدء التشغيل ألبوم الصور هذا الموقع هو واحد نحب من القائمة بسبب عدم وجود القوائم، أية نتائج البحث لأنها لا تتطلب فقط أن يذهب إلى أسفل الماوس وتظهر لنا قائمة من الطلقات الجيدة التي نستخدمها في مقالاتنا وغيرها مشاريع "أوصى تماما" التصنيف.<br />
<br />
<a href="http://www.splitshire.com/">http://www.splitshire.com/</a><br />
SplitShire هذا الموقع يقدم مجموعة متنوعة من الصور التي ليست أكثر من العمل الشاق من المصورين، بل هو الصفحة حيث يمكنك العثور على صور جيدة جدا ولكن لديها أيضا النسخة المدفوعة والتي تقدم صورة كل يوم لمدة بتكلفة 20 USD سنويا.<br />
<br />
<a href="http://freenaturestock.com/">http://freenaturestock.com/</a><br />
مجانا طبيعة الأوراق المالية على هذا الموقع كما يمكننا أن نرى باسمه ويقدم مجموعة متنوعة من صور طبيعة ونوعية جيدة جدا.<br />
<br />
<a href="https://twitter.com/JayMantri">https://twitter.com/JayMantri</a><br />
جاي مانتري هو موقع متخصص مصور الذي ينشر 7 صور كل أسبوع من نوعية جيدة جدا ولكن المشكلة الوحيدة التي وجدت هي أننا لا يمكن أن تجعل البحث حسب الفئة.
<br />
<br />
<a href="http://fancycrave.com/">http://fancycrave.com/</a><br />
FancyCrave هو الموقع الذي يظهر في الصور كما بلوق السماح التحديث من الصور في كثير من الأحيان.<br />
<br />
<blockquote class="tr_bq">
التعليقات أدناه هي المفضلة لديك أو بنوك المعلومات التي تعاني من نقص في هذه القائمة.</blockquote>

صفحات لتحميل الصور من نوعية ممتازة

صفحات لتحميل الصور من نوعية ممتازة البنوك الصور الحرة هي كنز مطمعا من قبل المصممين، واليوم سنقوم بسرد بعض المواقع التي تقدم مجانا صور عا...

+ Leer más »

5 einfache Hilfsprogramme, dass jeder Web-Designer verwenden sollten

<div class="separator" style="clear: both; text-align: center;">
<a href="https://static.tiendy.com/shops/animum/uploads/lateral_02_master-dise%C3%B1o-grafico-en-malaga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="232" src="https://static.tiendy.com/shops/animum/uploads/lateral_02_master-dise%C3%B1o-grafico-en-malaga.jpg" width="400" /></a></div>
<h2>
5 einfache Hilfsprogramme, dass jeder Web-Designer verwenden sollten</h2>
<br />
Die Ressourcen eines Web-Designer Hilfe erleichtern sowohl Design und Versorgungsunternehmen haben fünf diesmal nach Design, das Ihnen helfen, Zeit in Ihre täglichen Aufgaben zu sparen wird ausgewählt.<br />
<h4>
Liste der Dienstprogramme für Design</h4>
<a href="https://resizeappicon.com/" target="_blank">Resizeappicon</a> erlaubt uns das Hochladen einer quadratischen Logo und geben Sie die Größe, plus können sie in verschiedenen Größen gleichzeitig laden Sie ein sehr nützliches Werkzeug, wenn Sie unsere Logos auf mobile Geräte oder andere Anwendungen exportieren müssen.<br /><br />
<a href="http://firesize.com/" target="_blank">Firesize </a>Dieses Produkt ermöglicht es uns, die Größe der Bilder ändern, ist dies ein sehr nützliches Werkzeug, weil, wenn wir ein Bild von großen Proportionen annehmen 2000x1200 mit http://rackcode.como.mx/img/Rackcode.png Adresse Anwendung ermöglicht es uns, eine Version von unterschiedlicher Größe 200x100 beispielsweise ermöglicht es uns, eine leichtere Version unserer Bilder haben. Ein Dienstprogramm, das uns retten kann.<br /><br /><a href="http://www.rackcode.info/2015/07/5-sitios-para-descargar-iconos-y-imagenes-gratuitos.html" target="_blank">Kostenlose Icons</a> ist wichtig, dass, als wir anfingen, die Multimedia-Inhalte, die wir in unseren früheren Post eine Reihe von Websites, wo Sie kostenlose Icons von ausgezeichneter Qualität finden gesammelt.<br /><br />
<a href="https://buffer.com/pablo" target="_blank">Paul</a> ist eine Seite, wo man einfache Banner mit einem Hintergrundbild und Haupt- und Nebentextentwurf. Sehr gutes Werkzeug, das uns, um schnell über soziale Netzwerke und laden Sie das gleiche Bild erstellt werden kann. Empfohlene hervorragendes Werkzeug, um davon Gebrauch zu machen.<br /><br /><a href="http://vectormagic.com/home" target="_blank">VectorMagic</a> Diese Website ermöglicht es uns verwandelt Vektor-Bilder, die nahezu perfekt, was uns hilft, wenn wir die Bilder zu vergrößern, ohne viel Qualität zu verlieren haben.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.indole.es/files/img/estudio/35.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="http://www.indole.es/files/img/estudio/35.jpg" width="400" /></a></div>
<br />
<blockquote class="tr_bq">
Dies waren einige der Dienstprogramme für Designer, wenn Sie wissen, keine Kommentare unten sind Ihre Lieblings und warum.</blockquote>

5 einfache Hilfsprogramme, dass jeder Web-Designer verwenden sollten

5 einfache Hilfsprogramme, dass jeder Web-Designer verwenden sollten Die Ressourcen eines Web-Designer Hilfe erleichtern sowohl Design ...

+ Leer más »

Pages to download images of excellent quality

<div class="separator" style="clear: both; text-align: center;">
<a href="http://es.themeyourself.com/wp-content/uploads/2013/06/banco-de-imagenes.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="244" src="http://es.themeyourself.com/wp-content/uploads/2013/06/banco-de-imagenes.jpg" width="640" /></a></div>
<h2>
Pages to download images of excellent quality</h2>
<br />
Banks free images are a treasure coveted by designers, and today we will list some sites offering free high quality images that can be used in our projects.<br />
<h4>
Remember to comment below some that you like to enrich this list. Now let's start with the list:</h4>
<br />
<br />
<a href="http://bossfight.co/" target="_blank">Boss Fight</a> This site has classify images by food, technology, people, animals, buildings among other things, what we like about this site is the ability it has to perform searches from the collections of photos that have also continuity with which published. A very good product and very good design.<br /><br /><a href="http://realisticshots.com/" target="_blank">Realistic Shots</a> this site offers an extensive collection of images that are updated weekly, in addition to all these images have free license (CC0).<br /><br />
<a href="http://mmt.li/" target="_blank">MMT</a> this site shows huge and wonderful pictures that we can use for commercial and personal use because these are licensed free (CC0).<br /><br />
<a href="https://unsplash.com/" target="_blank">Unsplash</a> is a place where photographers exhibit their work, present many images of excellent quality.<br /><br />
<a href="http://www.gratisography.com/" target="_blank">Gratisography </a>this site offers a large number of photographs which are updated every 10 days, which can make use of them in our personal or commercial projects. One of the sites we like its design and versatility offered a recommendation if you want quality photographs.<br />
<br />
<a href="http://startupstockphotos.com/" target="_blank">Startup Stock Photos</a> This site is the one we like from the list because there are no menus, no search results because they do not require just have to go down the mouse and show us a list of good shots that we use in our articles and others projects "fully recommended" rating.<br />
<br />
<a href="http://www.splitshire.com/" target="_blank">SplitShire </a>this site offers a variety of photographs that are nothing more than the hard work of photographers, it is a page where you can find very good photographs but also have a paid version which offers photos every day for a cost of 20 USD per year.<br />
<br /><a href="http://freenaturestock.com/" target="_blank">Free Nature Stock</a> on this site as we can see by its name offers a variety of nature photos of very good quality.<br />
<br /><a href="https://twitter.com/JayMantri" target="_blank">Jay Mantri</a> is a site specialized photographer who publishes 7 photos each week of a very good quality but the only problem we found is that we can not make a search by category.<br />
<br /><a href="http://fancycrave.com/" target="_blank">FancyCrave</a> is a site that shows the photos as a blog allowing the update of the photos often.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://okhosting.com/wp-content/uploads/2014/09/disenadora-grafica-guadalajara.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="266" src="http://okhosting.com/wp-content/uploads/2014/09/disenadora-grafica-guadalajara.jpg" width="400" /></a></div>
<br />
<blockquote>
Comments below are your favorites or data banks which are lacking in this list.</blockquote>

Pages to download images of excellent quality

Pages to download images of excellent quality Banks free images are a treasure coveted by designers, and today we will list some sites ...

+ Leer más »

Descarga 15 libros gratuitos aprender a programar

<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.ehidra.es/wp-content/uploads/sites/2/2015/01/slide-1-08.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src="http://www.ehidra.es/wp-content/uploads/sites/2/2015/01/slide-1-08.jpg" width="640" /></a></div>
<h2>
Descarga 15 libros gratuitos aprender a programar</h2>
<br />
<a href="http://farm1.static.flickr.com/76/217152678_20343ec61b.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="240" src="http://farm1.static.flickr.com/76/217152678_20343ec61b.jpg" width="320" /></a>Ademas de aprender a programar por diferentes recursos que encontramos en la web en video hay tambien recursos literarios que podemos utilizar y que estan totalmente a nuestra disposicion por ser gratis.<br />
<br />
Los libros digitales son uno de los recursos de la web que hay en abundancia, pero no todos son recomendados, debido al cierto grado de complejidad, conocimiento y nivel que pueden presentar al lector.<br />
<br />
Entonces entremos en materia los libros que vamos a presentar recursos literarios que estan enfocados en la programacion basica pero con un grado de calidad que pocos tienen, lo que nos permitira a los que son novatos y a los expertos aprender algo nuevo o reforzar conocimientos. Por ultimo todos estos libros estan en ingles por lo que tendras que hacer un esfuerzo extra si no dominas el idioma.<br />
<br />
<ol>
<li><a href="http://htdp.org/" target="_blank">Como diseñar Programas - How to Design Programs </a></li>
<li><a href="http://programmer.97things.oreilly.com/wiki/index.php/Contributions_Appearing_in_the_Book" target="_blank">97 cosas que todo programador deberia saber  </a></li>
<li><a href="http://infolab.stanford.edu/~ullman/focs.html" target="_blank">Fundamentos de Ciencias de la Computacion -  </a><a href="http://infolab.stanford.edu/~ullman/focs.html" target="_blank">Foundations of Computer Science</a></li>
<li><a href="http://www.computingbook.org/" target="_blank">Introduccion a la Computacion Informatica - Introduction to Computing </a></li>
<li><a href="http://producingoss.com/" target="_blank">Producciendo Software OpenSource - Producing Open Source Software</a></li>
<li><a href="http://thecodelesscode.com/contents" target="_blank">El codigo sin Codigo - The Codeless Code</a></li>
<li><a href="http://www.aosabook.org/en/index.html" target="_blank">La arquitectura de las aplicaciones Open Source - The Architecture of Open Source Applications </a></li>
<li><a href="http://openmymind.net/FoundationsOfProgramming.pdf" target="_blank">Fundamentos de Programación - Foundations Of Programming</a></li>
<li><a href="http://natureofcode.com/book/" target="_blank">La naturaleza del código - The Nature of Code </a></li>
<li><a href="http://dreamsongs.com/Files/PatternsOfSoftware.pdf" target="_blank">Patrones de software - Patterns of Software</a></li>
<li><a href="http://regex.learncodethehardway.org/book/" target="_blank">Aprende Regex de la manera difícil - Learn Regex The Hard Way </a></li>
<li><a href="http://codingintro.com/" target="_blank">La pequeña introducción a la programación - The Little Introduction To Programmin </a></li>
<li><a href="http://openbookproject.net/thinkcs/python/english3e/" target="_blank">Cómo pensar como un Científico de la Computación - How to Think Like a Computer Scientist</a></li>
<li><a href="http://www.cse.buffalo.edu/faculty/atri/courses/coding-theory/book/" target="_blank">Teoría de códigos esencial - Essential Coding Theory</a><i> </i></li>
<li><a href="http://www.itmaybeahack.com/homepage/books/nonprogrammer.html" target="_blank"> Desarrollando habilidades en programación - Building Skills in Programming</a><i></i></li>
</ol>
<blockquote class="tr_bq">
Estos han sido algunos de los libros que consideo puedes aprender a programar y que son gratuitos comentados cuales son tus libros preferidos de programacion o cual nos recomiendas.</blockquote>
<br />

Descarga 15 libros gratuitos aprender a programar

Descarga 15 libros gratuitos aprender a programar Ademas de aprender a programar por diferentes recursos que encontramos en la web en v...

+ Leer más »

Preprocessors código CSS e sua função na web

<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="200" src="http://www.indole.es/files/img/estudio/38.jpg" width="400" /></div>
<h2 style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: Montserrat; font-size: 36px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 44px; margin: 10px 0px; orphans: auto; padding: 0px 0px 5px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<span class="notranslate" style="box-sizing: border-box; margin: 0px; padding: 0px;">Trabalhando com preprocessors<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">CSS</b></span></h2>
<span class="notranslate" style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">Um pré-processador<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">CSS</b><span class="Apple-converted-space"> </span>é uma ferramenta que nos permite escrever pseudo<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">CSS</b><span class="Apple-converted-space"> </span>que mais tarde se tornaria<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">CSS.</b></span><span style="-webkit-text-stroke-width: 0px; background-color: white; color: #484848; display: inline !important; float: none; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"><span class="Apple-converted-space"> </span></span><span class="notranslate" style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">Este pseudocódigo pode ser constituído pelas<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">variáveis, funções</b><span class="Apple-converted-space"> </span>e<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">operações.</b></span><span style="-webkit-text-stroke-width: 0px; background-color: white; color: #484848; display: inline !important; float: none; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"><span class="Apple-converted-space"> </span></span><span class="notranslate" style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">Que nos ajudam a gerenciar e otimizar<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">CSS,</b><span class="Apple-converted-space"> </span>a travez destas ferramentas fornecidos trabalho é feito de uma forma mais ordenada e rápida, permitindo economia de tempo e resultados facilmente.</span><span style="-webkit-text-stroke-width: 0px; background-color: white; color: #484848; display: inline !important; float: none; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"><span class="Apple-converted-space"> </span></span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" />
<span class="notranslate" style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">Por que é um<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">CSS</b><span class="Apple-converted-space"> </span>pré-processador é usado?</span><span style="-webkit-text-stroke-width: 0px; background-color: white; color: #484848; display: inline !important; float: none; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"><span class="Apple-converted-space"> </span></span><span class="notranslate" style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">A resposta é simples "Para escrever e manter mais rápido e com menos esforço código<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">CSS."</b><span class="Apple-converted-space"> </span>Como isso é feito?</span><span style="-webkit-text-stroke-width: 0px; background-color: white; color: #484848; display: inline !important; float: none; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"><span class="Apple-converted-space"> </span></span><br />
<span class="notranslate" style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">Através de uma organização de código.</span><span style="-webkit-text-stroke-width: 0px; background-color: white; color: #484848; display: inline !important; float: none; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"><span class="Apple-converted-space"> </span></span><span class="notranslate" style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">Os pré-processadores nos dar os seletores<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">CSS</b><span class="Apple-converted-space"> </span>capacidade Ealth com grande facilidade e poder envolve uma prestação de contas.</span><span style="-webkit-text-stroke-width: 0px; background-color: white; color: #484848; display: inline !important; float: none; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"><span class="Apple-converted-space"> </span></span><span class="notranslate" style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">Porque o assentamento traz muitos problemas ao executar qualquer manutenção neste mesmo código.</span><span style="-webkit-text-stroke-width: 0px; background-color: white; color: #484848; display: inline !important; float: none; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"><span class="Apple-converted-space"> </span></span><br />
<br />
<div class="separator" style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; clear: both; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; margin: 0px; orphans: auto; padding: 0px; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<img border="0" height="295" src="http://www.cssnewbie.com/wp-content/uploads/2015/01/css-organization.jpg" style="border: medium none; box-sizing: border-box; height: auto; margin: 0px; max-width: 100%; padding: 0px; vertical-align: middle;" width="400" /></div>
<br style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" />
<span class="notranslate" style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">Usando variáveis em<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">CSS.</b></span><span style="-webkit-text-stroke-width: 0px; background-color: white; color: #484848; display: inline !important; float: none; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"><span class="Apple-converted-space"> </span></span><span class="notranslate" style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">Como você sabe que é uma das principais deficiências do<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">CSS</b><span class="Apple-converted-space"> </span>como língua porque ele não permite que variáveis como em outras línguas, mas este é arrglado com o uso de variáveis com pré-processadores em vez de executar uma pesquisa e substituir uma cor a um grupo de elementos apenas definir uma variável com grande satisfação que o design.</span><span style="-webkit-text-stroke-width: 0px; background-color: white; color: #484848; display: inline !important; float: none; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"><span class="Apple-converted-space"> </span></span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" />
<span class="notranslate" style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">Reutilizar código.</span><span style="-webkit-text-stroke-width: 0px; background-color: white; color: #484848; display: inline !important; float: none; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"><span class="Apple-converted-space"> </span></span><span class="notranslate" style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">Depois de outras características variáveis dos problemas com<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">CSS</b><span class="Apple-converted-space"> </span>como uma língua não é o que nos permite reutilizar o código, o que fazer repetidas e às vezes cansada ao escrever<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">CSS,</b>mas os<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">mixins</b><span class="Apple-converted-space"> </span>seletores e<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">marcadores</b><span class="Apple-converted-space"> </span>permitem que você re-uso outros blocos de código de os benefícios da<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">pré-processadores.</b></span><span style="-webkit-text-stroke-width: 0px; background-color: white; color: #484848; display: inline !important; float: none; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"><span class="Apple-converted-space"> </span></span><br />
<div class="separator" style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; clear: both; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; margin: 0px; orphans: auto; padding: 0px; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<img border="0" height="267" src="http://www.nubelo.com/blog/wp-content/uploads/2013/05/preprocesadores_css.gif" style="border: medium none; box-sizing: border-box; height: auto; margin: 0px; max-width: 100%; padding: 0px; vertical-align: middle;" width="400" /></div>
<br style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" />
<br style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" />
<span class="notranslate" style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">Tornando as operações e funções.</span><span style="-webkit-text-stroke-width: 0px; background-color: white; color: #484848; display: inline !important; float: none; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"><span class="Apple-converted-space"> </span></span><span class="notranslate" style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">Sem dúvida, os pré-processadores têm alimentado a<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">CSS,</b><span class="Apple-converted-space"> </span>permitindo que as mesmas características que qualquer língua da web, é fazer operação ou implementar funções.</span><span style="-webkit-text-stroke-width: 0px; background-color: white; color: #484848; display: inline !important; float: none; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"></span><span class="notranslate" style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">Incluindo arquivos.</span><span style="-webkit-text-stroke-width: 0px; background-color: white; color: #484848; display: inline !important; float: none; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"><span class="Apple-converted-space"> </span></span><span class="notranslate" style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">Finalmente, a adição de arquivos a partir de fontes externas é uma opção muito útil permitindo segmentado em vários arquivos<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">css</b><span class="Apple-converted-space"> </span>manter nossa regra básica para ter um arquivo<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">mestre</b><span class="Apple-converted-space"> </span>e que incluem todos os outros, permitindo muitas coisas não se repitam.</span><span style="-webkit-text-stroke-width: 0px; background-color: white; color: #484848; display: inline !important; float: none; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"><span class="Apple-converted-space"> </span></span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" />
<span class="notranslate" style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">Os pré-processadores<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">CSS</b><span class="Apple-converted-space"> </span>tornaram-se uma das ferramentas<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">do fron-end</b><span class="Apple-converted-space"> </span>que os desenvolvedores usam para os seus projectos, os benefícios de fluxo, deixando de ser uma moda de ser uma técnica que não pode perder se você quer ser um profissional na indústria.</span><span style="-webkit-text-stroke-width: 0px; background-color: white; color: #484848; display: inline !important; float: none; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"><span class="Apple-converted-space"> </span></span><br />
<div class="separator" style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; clear: both; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; margin: 0px; orphans: auto; padding: 0px; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<img border="0" height="110" src="http://l4c.me/uploads/pre-procesadores-1385326266_full550.jpg" style="border: medium none; box-sizing: border-box; height: auto; margin: 0px; max-width: 100%; padding: 0px; vertical-align: middle;" width="320" /></div>
<br style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" />
<blockquote class="tr_bq" style="-webkit-text-stroke-width: 0px; background: rgb(243, 243, 243); border: 1px solid rgb(230, 230, 230); box-sizing: border-box; color: #6a6a6a; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; margin: 10px 0px 20px; orphans: auto; padding: 15px 20px 15px 55px; position: relative; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<span class="notranslate" style="box-sizing: border-box; margin: 0px; padding: 0px;">Que envolve aprender algumas preprocessors<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">CSS</b><span class="Apple-converted-space"> </span>que estão no mercado que são<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">menos, SASS</b><span class="Apple-converted-space"> </span>e nossa<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">STYLUS favorito.</b></span></blockquote>

Preprocessors código CSS e sua função na web

Trabalhando com preprocessors CSS Um pré-processador CSS é uma ferramenta que nos permite escrever pseudo CSS que mais tarde s...

+ Leer más »

Vorprozessoren CSS-Code und seine Funktion in der Bahn

<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="233" src="https://static.tiendy.com/shops/animum/uploads/lateral_02_master-dise%C3%B1o-grafico-en-malaga.jpg?fecha=20140806" width="400" /></div>
<h2 style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: Montserrat; font-size: 36px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 44px; margin: 10px 0px; orphans: auto; padding: 0px 0px 5px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<span class="notranslate" style="box-sizing: border-box; margin: 0px; padding: 0px;">Arbeiten mit<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">CSS</b><span class="Apple-converted-space"> </span>Präprozessoren</span></h2>
<span class="notranslate" style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">Ein<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">CSS-Präprozessor</b><span class="Apple-converted-space"> </span>ist ein Werkzeug, das uns pseudo<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">CSS CSS,</b><span class="Apple-converted-space"> </span>die später sein wird zu<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">schreiben.</b></span><span style="-webkit-text-stroke-width: 0px; background-color: white; color: #484848; display: inline !important; float: none; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"></span><span class="notranslate" style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">Dieser Pseudocode kann von<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">Variablen, Funktionen</b><span class="Apple-converted-space"> </span>und<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">Operationen bestehen.</b></span><span style="-webkit-text-stroke-width: 0px; background-color: white; color: #484848; display: inline !important; float: none; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"><span class="Apple-converted-space"> </span></span><span class="notranslate" style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">Die uns helfen, einfach zu verwalten und zu optimieren<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">CSS,</b><span class="Apple-converted-space"> </span>um travez dieser Lieferumfang Werkzeuge Arbeit in einer geordneten und schnelle Weise durchgeführt, so dass Zeitersparnis und Ergebnisse.</span><span style="-webkit-text-stroke-width: 0px; background-color: white; color: #484848; display: inline !important; float: none; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"><span class="Apple-converted-space"> </span></span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" />
<span class="notranslate" style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">Warum wird ein<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">CSS-Präprozessor</b><span class="Apple-converted-space"> </span>wird verwendet?</span><span style="-webkit-text-stroke-width: 0px; background-color: white; color: #484848; display: inline !important; float: none; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"><span class="Apple-converted-space"> </span></span><span class="notranslate" style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">Die Antwort ist einfach "So schreiben und schneller und mit weniger Aufwand<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">CSS-Code.</b><span class="Apple-converted-space"> </span>Aufrechtzuerhalten" Wie wird das erreicht?</span><span style="-webkit-text-stroke-width: 0px; background-color: white; color: #484848; display: inline !important; float: none; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"><span class="Apple-converted-space"> </span></span><br />
<span class="notranslate" style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">Durch eine Organisation des Codes.</span><span style="-webkit-text-stroke-width: 0px; background-color: white; color: #484848; display: inline !important; float: none; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"><span class="Apple-converted-space"> </span></span><span class="notranslate" style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">Die Pre-Prozessoren geben uns die Möglichkeit,<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">CSS-Selektoren</b>ESUNDHEIT mit großer Leichtigkeit und Leistung beinhaltet eine Rechenschaftspflicht.</span><span style="-webkit-text-stroke-width: 0px; background-color: white; color: #484848; display: inline !important; float: none; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"><span class="Apple-converted-space"> </span></span><span class="notranslate" style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">Da der Brut bringt viele Probleme bei der Durchführung von Wartungsarbeiten an diesem gleichen Code.</span><span style="-webkit-text-stroke-width: 0px; background-color: white; color: #484848; display: inline !important; float: none; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"><span class="Apple-converted-space"> </span></span><br />
<div class="separator" style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; clear: both; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; margin: 0px; orphans: auto; padding: 0px; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<img border="0" height="295" src="http://www.cssnewbie.com/wp-content/uploads/2015/01/css-organization.jpg" style="border: medium none; box-sizing: border-box; height: auto; margin: 0px; max-width: 100%; padding: 0px; vertical-align: middle;" width="400" /></div>
<br style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" />
<span class="notranslate" style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">Die Verwendung von Variablen in<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">CSS.</b></span><span style="-webkit-text-stroke-width: 0px; background-color: white; color: #484848; display: inline !important; float: none; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"><span class="Apple-converted-space"> </span></span><span class="notranslate" style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">Wie Sie wissen, es ist eines der wichtigsten Mängel der<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">CSS</b><span class="Apple-converted-space"> </span>als eine Sprache, weil sie nicht als Variablen in andere Sprachen zu ermöglichen, aber das ist arrglado mit der Verwendung von Variablen mit Präprozessoren statt der Suche und ersetzen Sie eine Farbe, um eine Gruppe von Elementen nur definieren eine Variable gibt große Zufriedenheit auf das Design.</span><span style="-webkit-text-stroke-width: 0px; background-color: white; color: #484848; display: inline !important; float: none; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"><span class="Apple-converted-space"> </span></span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" />
<span class="notranslate" style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">Wiederverwendung von Code.</span><span style="-webkit-text-stroke-width: 0px; background-color: white; color: #484848; display: inline !important; float: none; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"><span class="Apple-converted-space"> </span></span><span class="notranslate" style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">Nach anderen Variablen der Probleme mit<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">CSS</b><span class="Apple-converted-space"> </span>als eine Sprache ist nicht so dass wir den Code, der wiederholt machen und manchmal müde, beim Schreiben von<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">CSS</b><span class="Apple-converted-space"> </span>wieder<b style="box-sizing: border-box; font-weight: 700;">verwenden,</b><span class="Apple-converted-space"> </span>aber die Wähler<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">Mixins</b><span class="Apple-converted-space"> </span>und<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">Platzhaltern</b><span class="Apple-converted-space"> </span>können Sie wiederverwenden andere Codeblöcke der Vorteile der<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">Pre-Prozessoren.</b></span><span style="-webkit-text-stroke-width: 0px; background-color: white; color: #484848; display: inline !important; float: none; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"><span class="Apple-converted-space"> </span></span><br />
<br />
<div class="separator" style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; clear: both; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; margin: 0px; orphans: auto; padding: 0px; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<img border="0" height="428" src="http://www.nubelo.com/blog/wp-content/uploads/2013/05/preprocesadores_css.gif" style="border: medium none; box-sizing: border-box; height: auto; margin: 0px; max-width: 100%; padding: 0px; vertical-align: middle;" width="640" /></div>
<br style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" />
<br style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" />
<span class="notranslate" style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">Erstellen Operationen und Funktionen.</span><span style="-webkit-text-stroke-width: 0px; background-color: white; color: #484848; display: inline !important; float: none; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"><span class="Apple-converted-space"> </span></span><span class="notranslate" style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">Kein Zweifel, die pre-Prozessoren haben,<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">CSS,</b><span class="Apple-converted-space"> </span>indem es die gleichen Eigenschaften wie jeder Sprache der Bahn betrieben wird, ist, um den Betrieb zu tun oder implementieren Funktionen.</span><span style="-webkit-text-stroke-width: 0px; background-color: white; color: #484848; display: inline !important; float: none; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"><span class="Apple-converted-space"> </span></span><span class="notranslate" style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">Einschließlich Dateien.</span><span style="-webkit-text-stroke-width: 0px; background-color: white; color: #484848; display: inline !important; float: none; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"><span class="Apple-converted-space"> </span></span><span class="notranslate" style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">Schließlich wird die Zugabe von Dateien aus anderen Quellen ist eine sehr nützliche Option Lassen<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">css</b><span class="Apple-converted-space"> </span>Aufrechterhaltung unserer Grundregel, um eine<b style="box-sizing: border-box; font-weight: 700;">Master-Datei</b><span class="Apple-converted-space"> </span>und die alle anderen so viele Dinge, die nicht wiederholt werden müssen sind in mehrere Dateien segmentiert.</span><span style="-webkit-text-stroke-width: 0px; background-color: white; color: #484848; display: inline !important; float: none; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"><span class="Apple-converted-space"> </span></span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" />
<span class="notranslate" style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">Die<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">CSS-vor-Prozessoren</b><span class="Apple-converted-space"> </span>haben sich zu einem der<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">Fron-End-Tools,</b><span class="Apple-converted-space"> </span>die Entwickler verwenden für ihre Projekte, die Vorteile fließt, aufzuhören, eine Modeerscheinung sein, eine Technik, die man nicht verpassen, wenn Sie sein wollen ein Profi in der Branche.</span><span style="-webkit-text-stroke-width: 0px; background-color: white; color: #484848; display: inline !important; float: none; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;"><span class="Apple-converted-space"> </span></span><br />
<br />
<div class="separator" style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; clear: both; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; margin: 0px; orphans: auto; padding: 0px; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<img border="0" height="110" src="http://l4c.me/uploads/pre-procesadores-1385326266_full550.jpg" style="border: medium none; box-sizing: border-box; height: auto; margin: 0px; max-width: 100%; padding: 0px; vertical-align: middle;" width="320" /></div>
<br style="-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #484848; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;" />
<blockquote class="tr_bq" style="-webkit-text-stroke-width: 0px; background: rgb(243, 243, 243); border: 1px solid rgb(230, 230, 230); box-sizing: border-box; color: #6a6a6a; font-family: 'playfair display', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 23.1000003814697px; margin: 10px 0px 20px; orphans: auto; padding: 15px 20px 15px 55px; position: relative; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<span class="notranslate" style="box-sizing: border-box; margin: 0px; padding: 0px;">Was beinhaltet das Lernen einige<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">CSS</b><span class="Apple-converted-space"> </span>Präprozessoren, die auf dem Markt, die<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">weniger, SASS</b><span class="Apple-converted-space"> </span>und unser Lieblings<span class="Apple-converted-space"> </span><b style="box-sizing: border-box; font-weight: 700;">STYLUS sind.</b></span></blockquote>

Vorprozessoren CSS-Code und seine Funktion in der Bahn

Arbeiten mit CSS Präprozessoren Ein CSS-Präprozessor ist ein Werkzeug, das uns pseudo CSS CSS, die später sein wird zu sch...

+ Leer más »