Slide content sin JavaScript

Mar 19th

Posted by miguelsumaran in Programación

No comments

Navegando por la nube encontré un Slide Content, que funciona sin necesidad JavaScript, esto es posible gracias a Css y Html.

Para realizar este Slide Content, se debe usar la propiedad CSS, overflow, el cual es soportado por navegadores como: Internet explorer, Mozilla, Opera, Chrome y Safari.

El código Html esta compuesto por uls y divs, que hacen posible que Slide Content funcione:

HTML:
  1. <div id="content-slider">
  2. <ul id="content-slider-inside">
  3.     <li id="one">1</li>
  4.     <li id="two">2</li>
  5.     <li id="three">3</li>
  6.     <li id="four">4</li>
  7.     <li id="five">5</li>
  8. </ul>
  9. </div>
  10. <ul id="navigation">
  11.     <li><a href="#one">1</a></li>
  12.     <li><a href="#two">2</a></li>
  13.     <li><a href="#three">3</a></li>
  14.     <li><a href="#four">4</a></li>
  15.     <li><a href="#five">5</a></li>
  16. </ul>

Y este es el código CSS necesario para hacer funcionar este Slide content

CSS:
  1. #content-slider {
  2. width: 650px;
  3. overflow: hidden;
  4. height: 300px;
  5. }
  6.  
  7. #content-slider-inside {
  8. list-style: none;
  9. height: 320px;   // these 3 lines
  10. overflow: scroll;   // help Opera
  11. overflow-y: hidden; // behave
  12. }
  13.  
  14. #content-slider-inside li {
  15. width: 650px;
  16. height: 300px;
  17. }

Más información | Ejemplo

Iphone: prohibido en Microsoft

Mar 17th

Posted by miguelsumaran in Tecnologia

No comments

Los trabajadores de Microsoft, están con temor de usar el famoso aparato de Apple, debido a la ira de  Steve Ballmer, el director ejecutivo de la compañía, este temor se inicia el pasado septiembre cuando en una reunión de todos los trabajadores en un estadio de Seattle un trabajador de la firma intentó utilizar un iPhone para tomarle una foto a Ballmer durante su discurso. Ballmer, arrebató el iPhone de las manos del empleado, lo colocó en el suelo y fingió pisarlo en frente de los miles de trabajadores de Microsoft.

Ya me imagino a los trabajadores de Microsoft ocultando rápidamente sus Iphone, por temor a otro ataque de ira, de parte de Ballmer, por qué, según los mismos trabajadores de Microsoft cerca de 10.000 trabajadores accedieron a su correo electrónico profesionales a través de Iphones, esto hace ver la preferencia del Iphone entre los mismos trabajadores de Microsoft.

Este ataque de ira se debe a la rivalidad que existen, entre Microsoft y Apple quienes compiten por el dominio tanto en Software --Windows, Mac OS-- como en Hardware --Zune, iPod--.

Más información: The Wall Street Journal

,

Internet Explorer 9 preview para desarrolladores

Mar 17th

Posted by miguelsumaran in Tecnologia

No comments

Microsoft en su blog MSDN, acaba de lanzar una versión preview, para desarrolladores de Internet Explorer 9, donde se puede leer novedades, como la implementación de HTML5 y mejoras significativas en cuanto a la aceleración de Hardware.

También podemos encontrar el uso de un nuevo motor de JavaScript, "Chakra". El cual mejora el rendimiento de este nuevo navegador de Microsoft. Y si hablamos de estándares, logro conseguir 55 de 100 en el test ACID3, según aparece en su blog.

Es así como Microsoft, con esta nueva versión de Internet Explorer 9, se une a navegadores como Firefox 3.5, Opera, Safari 4 y Chrome que ya cuenta con soporte para html5.

Importante: No funciona en Windows xp

Descargar Internet Explorer 9

,

Contador al estilo Twitter con Jquery

Mar 17th

Posted by miguelsumaran in Programación

No comments

Como realizar tu contador de caracteres al estilo Twitter, para implementarlo, utilice JQuery un framework de Javascript, muy conocido, el plugin Jquery Limit y CSS para realizar el estilo que tiene este contador en Twitter.

Como todo plugin jQuery debemos cargar los ficheros Javascript necesarios.

HTML:
  1. <script src="lib/jquery-1.4.2.min.js" type="text/javascript"></script>
  2. <script src="lib/jquery.limit-1.2.js" type="text/javascript"></script>
  3. <link rel="stylesheet" type="text/css" href="css/twitter.limit.css" />

la implementación con el plugin: Jquery Limit, es súper sencilla, solo basta incluir el siguiente código dentro del body de la pagina:

PHP:
  1. <script type="text/javascript">
  2. $(document).ready( function() {
  3.         $('#myTextarea').limit('140','#charsLeft');
  4. });
  5. </script>

Donde 140 es el numero de caracteres máximo, #charsLeft es el tag html donde irá el contador de caracteres y #myTextarea es el nombre del textarea donde se aplicara el conteo.

Ejemplo para verlo funcionando.

,

Twitter trabaja para entrar en China

Mar 16th

Posted by miguelsumaran in Tecnologia

No comments

Twitter estaría trabajando para que los usuarios Chinos puedan acceder al famoso Microblogging en su propio idioma, así informo Jack Dorsey quien es el padre de esta aplicación web en un panel de discusión en Nueva York.

Como se sabe Twitter se encuentra bloqueado en China por la censura que este país maneja en cuanto al uso de internet, Censura que también alcanza a Google quien ahora esta considerando seriamente si seguir trabajando en ese país.

Pero fueron las propias palabras de Jack Dorsey quien durante una discusión con  Ai Weiwei, quien es un famoso artista que está en contra de la posición de su gobierno dijo:

Yo diría que sí. Es sólo una cuestión de tiempo.

Esperemos que Twitter logre entrar a China, y si lo hiciera bajo que condiciones estaría entrando a este país. Condiciones que también tuvo que aceptar Google, que entre las cuales estaban la de filtrar ciertas búsquedas, que iban en contra del gobierno Chino.

,
12»