tag:blogger.com,1999:blog-52482476562243700682024-03-14T05:46:32.570-07:00Hacker of the WebAnonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.comBlogger42125tag:blogger.com,1999:blog-5248247656224370068.post-420783019905582732014-07-13T19:11:00.002-06:002014-07-13T20:40:00.376-06:00CSS3: Media Queries, tu sitio web dinamicoDespués de mucho tiempo lejos de mi estimado blog, estoy de regreso con algunas propuestas nuevas, poco a poco estaré haciendo algunos cambios. Claro que después de haberlas probado extensamente en mi blog de pruebas. Pero por ahora aquí les dejo algunas opciones que se pueden utilizar en cuanto a la maquetación en nuestro sitio web, en esta ocasión hablaremos de la regla @media, que podemos Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com5tag:blogger.com,1999:blog-5248247656224370068.post-7605957738431268872011-07-09T19:45:00.005-06:002011-07-10T07:13:17.685-06:00Background o Fondo de página aleatorioQue pasa cuando diseñamos varios fondos para nuestro sitio y no nos decidimos por cual colocar, para esas situaciones tenemos dos opciones: escoger una imagen de fondo y resignarnos o podemos utilizar un sistema que coloque varios fondos de manera aleatoria.
El concepto consiste en que cada vez que alguien ingrese en nuestra página web le aparezca una imagen de fondo diferente. Imágen que es Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com13tag:blogger.com,1999:blog-5248247656224370068.post-13418199407963553902011-07-07T17:11:00.004-06:002011-07-07T17:26:42.726-06:00Nueva interfaz de Blogger abierta al público!De útima hora acaban de enviarnos la información nuestros amigos de Blogger in Draft, donde nos comentan que la interfaz de Blogger que presentábamos aquí en santyweb el día de ayer, ya esta activada en todas los usuarios:
Un movimiento anticipado por parte de Blogger, si te interesa probar la futura interfaz del servicio mas importante de blogging solamente tienes que ingresar a Blogger in Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com5tag:blogger.com,1999:blog-5248247656224370068.post-57617864178004617832011-07-06T19:47:00.000-06:002014-07-13T18:29:49.294-06:00Blogger se rediseña igual que Google PlusHace unas semanas habíamos explorado a fondo la nueva interfaz de Blogger pero con el nuevo lanzamiento de Google+ la mayoría de los servicios de Google se han rediseñado para embonar con la interfaz de Google+, y como podemos ver Blogger no fue la excepciónY Blogger no fue la excepción, incluso rediseñaron el rediseño que aún no salía al público en general. Pero aquí en santyweb les traemos un Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com7tag:blogger.com,1999:blog-5248247656224370068.post-89675607839394596732011-07-04T20:23:00.002-06:002015-02-07T16:42:57.706-07:00CSS3: Propiedad Transition, crea animaciones solo con CSSPara nosotros los creadores de la magia en internet, los que hacemos posible que los internautas pasen un buen (o mal) rato navegando por internet, para nosotros que siempre estamos tratando de llevar lo mejor a nuestros amigos lectores, hay una buena noticia. Gracias a los ultimos desarrollos del lenguaje CSS podremos ofrecer una mejor experiencia en nuestros sitios con el menor esfuerzo.
EstaAnonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com18tag:blogger.com,1999:blog-5248247656224370068.post-19901264763517747212011-07-01T09:01:00.004-06:002011-07-04T21:01:14.881-06:00CSS3: Cambiar color de fondo dinámicamenteAhora seguimos creando estas animaciones con CSS3 puro. En la categoría de CSS3 puedes ver todas las nuevas propiedades que tiene la tercera versión del CSS. Esta vez veremos como cambiar el color de fondo de cualquier elemento de nuestra página web. Aqui el ejemplo:
Texto de ejemplo
Muy pocos sitios web utilizaban este tipo de efectos con Javascript, debido a la dificultad del Javascript para Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com6tag:blogger.com,1999:blog-5248247656224370068.post-49149491032863687232011-06-27T16:41:00.001-06:002011-07-04T21:01:14.882-06:00CSS3: Agrandar imágenes ó texto al pasar el mouseEn esta ocasión explicaré como crear un elegante efecto con CSS3 para las imágenes, texto o cualquier parte de tu sitio web o blog. Se trata de hacer que cuando el mouse de nuestras visitas pasen por encima de alguna imagen o texto, se agrande animadamente, un ejemplo lo explica mejor:
Este mismo efecto es el que puedes ver en la cabecera de Santyweb y se ve bastante bien, tanto que, podría Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com13tag:blogger.com,1999:blog-5248247656224370068.post-26130421645985285522011-06-18T12:43:00.001-06:002011-06-18T15:52:54.293-06:00Google quiere eliminar el botón "Voy a tener suerte"
El buscador mas utilizado en Internet no conforme con el minimalista diseño de su producto principal, ahora pretende quitar uno de esos botones míticos. Uno de esos botones que escribieron historia con este gran proyecto universitario.
Según un blog no oficial de Google, esto se trata de un experimento que esta realizando el gigante de Internet, rediseñando una nueva página inicial que no Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com1tag:blogger.com,1999:blog-5248247656224370068.post-37396551521008625082011-06-17T18:21:00.002-06:002011-07-04T21:01:14.883-06:00CSS3: Anima todos los enlaces en tu BlogLos enlaces en una página web no siempre son bonitos, claro que se puede cambiar esto con un que otro efecto con pesados algoritmos Javsacript. Pero sin duda CSS3 es la manera mas rápida y facil de lograr crear un efecto con los enlaces en nuestro blog, mira un ejemplo:
Un enlace
Se ve bastante bien, solo necesitamos de CSS3 y lo mejor de todo es que Firefox, Chrome y Opera soportan esta Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com7tag:blogger.com,1999:blog-5248247656224370068.post-89656454368896497542011-06-12T13:45:00.003-06:002011-06-12T13:48:28.925-06:00CSS3: Reflejos en imágenes, elementos y objetosSeguimos hablando de las nuevas propiedades que tendrá el CSS3 y ahora toca el turno a una propiedad que nos permite crear un efecto de reflejo a cualquier elemento de nuestro blog o sitio web. Solo con una linea de código tendremos un espectacular efecto reflejo.
Los navegadores que soportan este efecto son Chrome y Safari. Así que extremen sus precauciones al utilizar este efecto, usenlo Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com0tag:blogger.com,1999:blog-5248247656224370068.post-14052665746418930162011-06-10T18:09:00.014-06:002011-07-06T17:27:28.709-06:00El nuevo diseño/interfaz de Blogger a fondo!Hace algunos días estábamos explorando Blogger in Draft como cualquier usuario nuevo de la plataforma y nos encontramos con la grata sorpresa de tener activado ya en nuestra cuenta la nueva interfaz de Blogger. Esta nueva interfaz que nos dieron a conocer en marzo pretende terminar con aquel diseño que ha tenido Blogger desde sus comienzos en 1999, acabando por fin con esos bordes cafés Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com7tag:blogger.com,1999:blog-5248247656224370068.post-60515833418743134272011-06-10T17:09:00.001-06:002011-06-11T00:01:15.595-06:00Blogger: Agregar un favicon al BlogDesde el blog oficial de Blogger in Draft nos llega la noticia oficial: ahora en Blogger es posible agregar nuestro propio favicon personalizado!. Esto sin tener que sobrescribir el icono de Blogger, que en muchísimas ocasiones no va con nuestro diseño y acaba por quitarle esa esencia de profesionalismo que buscamos ponerle a nuestro sitio personal:
Antes de ir al procedimiento de colocar Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com0tag:blogger.com,1999:blog-5248247656224370068.post-19270906263248807462011-06-09T07:58:00.002-06:002011-06-09T08:08:04.133-06:00Blogger: Plantillas para moviles, en todos los blogsDesde diciembre de 2010, Blogger había introducido unas plantillas para optimizar nuestros blogs en los teléfonos móviles. Y como suele suceder con las nuevas caracteristicas en Blogger in Draft, hasta ahora había tenido problemas de compatibilidad en algunos móviles.
Pero hace unas pocas horas se graduó de estado "Draft" y al parecer se graduó con honores, pues la característica esta activada Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com3tag:blogger.com,1999:blog-5248247656224370068.post-84763789027744944842011-06-08T22:38:00.001-06:002011-06-08T22:38:37.642-06:00Tiempo de carga en blog o sitio webHoy toca hablar acerca de el tiempo de carga en un sitio web, algo fundamental para que los lectores o usuarios de algún sitio web se lleven una experiencia de usuario positiva navegando por nuestro sitio consiguiendo que permanezcan mas tiempo en él y quizás lo mas valioso: posibles recomendaciones con amigos.
Reducir el tiempo de carga como estrategia SEO
Siendo así una estupenda estrategia Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com4tag:blogger.com,1999:blog-5248247656224370068.post-68483724917815046542011-06-03T05:58:00.004-06:002011-07-04T21:01:14.884-06:00CSS3: Rotar/Girar elementos al pasar mouse o ratonAlguna vez en toda tu vida de webmaster o diseñador web, ¿te imaginaste que algún día podrías utilizar CSS para crear una animación?. Yo tampoco(si la respuesta fue no xD) pero ahora es posible, gracias a CSS3 y a sus nuevas características podemos fácilmente prescindir de flash u otras tecnologías.
El CSS desde la llegada de su tercera versión, ha dejado de ser unas simples reglas para Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com12tag:blogger.com,1999:blog-5248247656224370068.post-77472037719911658552011-05-31T20:36:00.001-06:002011-06-01T14:50:18.051-06:00CSS3: Efecto 3D en TextoUna de los puntos fuertes de este mejorado CSS3, es sin duda y entre otras cosas el aspecto del texto. Ya que mediante esta herramienta, podemos fácilmente manipular el aspecto del texto sin necesidad de utilizar imágenes. Por ejemplo, aplicar un efecto 3D en algún texto:
Esto se logra gracias a la nueva propiedad 'text-shadow' que ya es soportada oficialmente en CSS3, es decir, que es Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com7tag:blogger.com,1999:blog-5248247656224370068.post-73138435539919551022011-05-25T03:23:00.003-06:002011-05-25T10:12:09.147-06:00Generadores de CSSCuando empezamos por primera vez a sambutirnos en este lenguaje tan abstracto. Al final del día termina por abrumarnos tantas propiedades que podemos modificar a cada elemento de una página web.
Es por eso que surgen este tipo de generadores, que nos permiten ovlidarnos de los códigos para manipular algunas propiedades CSS mediante interfaces visuales.
De entre los generadores mas populares Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com2tag:blogger.com,1999:blog-5248247656224370068.post-76043391605064716192011-05-23T21:01:00.000-06:002011-05-23T21:01:23.276-06:00CSS: Imagenes con pie de fotoAgregar imágenes en nuestro sitio o blog, es algo sencillo. Pero al tratar de colocarle un texto descriptivo a la imagen la tarea se complica bastante. En especial cuando se quiere que el texto permanezca junto con la imagen, ya sea por debajo o por arriba.
Es por eso que a lo largo de esta entrada veremos un sencillo pero útil recurso con el cual podremos agregar imágenes en nuestro sitio/Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com7tag:blogger.com,1999:blog-5248247656224370068.post-11186347443896292552011-01-23T06:30:00.003-07:002011-07-08T15:01:38.724-06:00CSS3: Interesantes gradientesEl CSS es una herramienta que todos o al menos la mayoría de los Bloggers debemos o deberíamos de conocer o almenos los fundamentos. Ya que nos permite darle a nuestro web/blog el estilo que prefiramos de un manera sencilla.
En esta entrada explicaremos como podemos utilizar en nuestros blog los gradientes que se han agregado en CSS3. Si no eres muy experimentado con el CSS no temas, que aquí Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com2tag:blogger.com,1999:blog-5248247656224370068.post-87598338757602227862011-01-22T01:57:00.004-07:002011-01-22T02:16:06.610-07:00WebFonts: Usar cualquier tipografia en nuestra webMuchas veces los diseñadores o webmasters, al realizar un diseño o modificación a nuestra página web casi siempre nos topamos con elegir el tipo de fuente para determinadas áreas de nuestro diseño sin que nuestros visitantes se sientan incómodos leyendo nuestros posts o noticias.
Pero después de elegir la que mejor se adapta a nuestro diseño, sin sobrecargar la vista. Nos llevamos la sorpresa Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com4tag:blogger.com,1999:blog-5248247656224370068.post-30978497202358618672010-12-28T08:07:00.003-07:002011-06-13T12:52:13.032-06:00Buscadores de iconosUna cosa imprescindible para todo diseñador o webmaster, es sin lugar a dudas encontrar(o si se puede crear) iconos de buena calidad y variedad. Para esto la mayoría de nosotros requeriremos mucho tiempo y esfuerzo en lograr encontrar el icono perfecto para el diseño de nuestra página web.
En momentos críticos como el que acabo de describir sería como caído del cielo algo así como un Google Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com4tag:blogger.com,1999:blog-5248247656224370068.post-32539053129135052232010-02-01T11:38:00.004-07:002010-02-06T13:54:50.308-07:00Blogger: Sustituir el nombre de las etiquetas por imagenesSi te molesta que en cada entrada se muestren las etiquetas en forma de texto, por estética o por lo que quieras, sencillamente podrías hacer que cada etiqueta, en vez de mostrar su nombre en texto, mostrara una imagen relacionada con ella. Es decir, si tienes de etiqueta algo así como "noticias", en vez de que tu entrada muestre "noticias" en la parte de las etiquetas muestre un periódico, Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com9tag:blogger.com,1999:blog-5248247656224370068.post-34899388159970627642010-01-30T06:00:00.006-07:002010-01-30T18:22:46.870-07:00Gadgets visibles o no. solo en páginas individuales Aunque las páginas individuales o estáticas de Blogger, que acaban de aparecer, aún están en borrador o fase de prueba. podemos jugar un poco con estas para que luzcan un poco diferentes a las páginas de las entradas. Algo que cambiaría la apariencia de las páginas estáticas seria mostrar u ocultar gadgets.Es decir, que el gadget será exclusivo para las páginas estáticas y por lo tanto no Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com5tag:blogger.com,1999:blog-5248247656224370068.post-71323400510958159692009-10-31T09:40:00.006-07:002009-10-31T11:16:54.968-07:00Nuevas barras de navegacion de BloggerMuchísimos usuarios de Blogger la ocultan, ya sea por que no combina con los colores de nuestros diseños o por que se vea mas profesional. A los programadores de Blogger se les prendió el foco y nos traen dos nuevos colores de navbar: Estos colores son el Claro Transparente y el Oscuro Transparente.Así esta barra podrá amoldarse perfectamente a cualquier color o imagen de fondo. La funcionalidad Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com0tag:blogger.com,1999:blog-5248247656224370068.post-34094132809382220582009-10-12T21:00:00.001-06:002009-10-12T21:08:46.589-06:00CSSTXT; Manipular el estilo de tus textos Herramienta que permite manipular de manera muy sencilla las diversas propiedades que tiene un texto por defecto en CSS. Esta forma de manipular estilos CSS es tan sencilla que cualquier persona puede lograr los efectos que quiera en cuestión de algunos minutos.En la página dan los códigos fuente CSS que el usuario va creando conforme manipula los controles. Con lo que para colocar esos estilos Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com17