Artículos de la categoría ‘HTML / CSS’

Oferta de empleo: Programador Junior PHP+HTML

22 de diciembre de 2011
OFERTA DE TRABAJO YA CUBIERTA

Estamos buscando un programador Junior PHP+HTML. Estamos en pleno proceso de selección de candidatos.

Requisitos: Al menos 1 año de experiencoa en un puesto de programación PHP  y/o HTML+CSS. El candidato debe residir en Madrid.

Se encargaría de realizar funciones básicas de programación sobre distintos proyectos de creación de páginas web, bajo la supervisión de los analistas.

Se valorará conocimientos y experiencia en:

  • BBDD
  • Gestores de Contenido
  • WordPress
  • Javascript
  • Diseño gráfico

A todos los candidatos se les realizará un test técnico para poder valorar sus conocimientos en PHP, HTML y CSS.

Incorporación inmediata. Contrato a tiempo parcial o jornada completa.

Candidaturas: enviad un email a rrhh arroba sort.eu

Estamos buscando un programador Junior HTML con conocimientos en PHP.

Estamos en pleno proceso de selección de candidatos para un puesto de programación PHP y/o puro HTML+CSS+JS.

Doodle para el eclipse lunar en España

16 de junio de 2011

Hoy, 15 de junio, por la noche, hemos podido ver en casi toda España un eclipse lunar fantástico. Y aquí está Google con su maestría para sorprender a todos: un vídeo (en HTML5) de toda la transición de la sombra de la tierra sobre la superficie lunar, con unos cambios de tonalidades impresionantes.

96 aniversario del guitarrista de jazz Les Paul

9 de junio de 2011

Lo han programado en HTML5. Se puede tocar con el ratón o con el teclado (activándolo mediante el botón correspondiente). Me estoy refiriendo al  Doodle de Google de hoy. Una guitarra para conmemorar a uno de los mejores guitarristas de jazz de la historia: Les Paul, de nombre real Lester William Polsfuss, nacido el 9 de junio de 1915 en Nueva york.

A los músicos nos ha gustado mucho este Doodle, incluso ya he interpretado alguna melodía (eso sí, utilizando el teclado, porque a la guitarra “le faltarían algunas cuerdas” con el ratón). Una buena demostración de lo que podemos llegar a hacer con HTML5 (audio y video).

Sería bueno que los fabricantes de los navegadores hiciesen una apuesta seria por normalizar esta tecnología de última generación.

¿Podemos cargar cualquier tipo de letra en una web?

24 de febrero de 2011

La respuesta es Si, no es necesario que el usuario tenga instalado el tipo de letra ni que la web esté programada en Flash.

A continuación os describimos las instrucciones para realizarlo:

  1. Ir a una web que convierte nuestro tipo de letra a un formato que se puede usar en web.
  2. http://www.fontsquirrel.com/fontface/generator

    Esta pagina te genera el código css y las fuentes en un archivo . rar que te descarga.

    Hay que hacerlo una vez por cada estilo de la letra que queramos usar, por ejemplo, si usamos fuente normal y negrita generaremos el CSS 2 veces, una para la letra en negrita y otra para la normal.

    Vamos a ver un ejemplo para el tipo de letra Myriad Pro

    Ejemplo del css para la letra normal, el Font-weight: normal; lo define

    @font-face {

    font-family: ‘MyriadPro’;

    src: url(‘myriadpro-semibold-webfont.eot?’) format(‘eot’),

    url(‘myriadpro-semibold-webfont.woff’) format(‘woff’),

    url(‘myriadpro-semibold-webfont.ttf’) format(‘truetype’),

    url(‘myriadpro-semibold-webfont.svg#webfontJdGIerQQ’) format(‘svg’);

    font-weight: normal;

    font-style: normal;

    }

    Ejemplo del css para la letra negrita, el Font-weight: bold; lo define

    @font-face {

    font-family: ‘MyriadPro’;

    src: url(‘myriadpro-bold-webfont.eot?’) format(‘eot’),

    url(‘myriadpro-bold-webfont.woff’) format(‘woff’),

    url(‘myriadpro-bold-webfont.ttf’) format(‘truetype’),

    url(‘myriadpro-bold-webfont.svg#webfontYhHcrIrT’) format(‘svg’);

    font-weight: bold;

    font-style: normal;

    }

     

  3. Luego cargamos la letra en nuestra web de forma normal
  4. font-family:”MyriadPro”,Arial;

NOTA: en los 2 @font-face el Font-family: tiene que tener el mismo nombre, si no es así falla y lo ve como fuentes distintas, copiamos todo en nuestro css y listo.

Moisés Calviño

Ofertas de empleo en SORT – Becarios

17 de diciembre de 2010

En SORT tenemos especial vocación para la formación de nuevos especialistas a través de nuestro programa de becas en colaboración con diferntes universidades y academias españolas.
Tenemos amplia experiencia con la recepción y formación práctica de becarios; siempre contamos con 1 ó 2 becarios en nuestra plantilla, y las experiencias has sido muy siempre muy positivas para todos.
Ponemos a los becarios en contacto directo con proyectos reales, y con nuestro sistema de gestión (gestor de contenidos, crm, gestor documental, etc.) Content-SORT.
Buscamos los siguientes perfiles:

Diseñador Gráfico Web: Dentro de diseño gráfico existe una especialidad que está en pleno desarrollo: el Diseño Creativo Web, y que, para una buena formación, requiere tener experiencia en proyectos reales. Con conocimientos de PHP, HTML y CSS. Se encargaría de realizar funciones básicas de programación sobre distintos proyectos de creación de páginas web, bajo la supervisión de los analistas.

Programadores Junior: PHP, .NET, Java ó SAP.

Si estás interesado en unirte a nuestro equipo, ponte en contacto con la secretaría de tu Centro formativo (Universidad o Academia) o escribe a rrhh arroba sort punto eu

IE9 Beta, más rápido, más compatible

28 de septiembre de 2010

Hace unos días Microsoft hizo pública la nueva beta de su navegador, el IExplorer 9, descargable desde aquí.

Tras probarla en diversos ambientes típicos de navegación, ya podemos sacar algunas conclusiones sobre este nuevo producto.

Lo primero que llama la atención es el cambio en el aspecto general. Los de Redmond han querido dar mayor presencia a la zona de navegación, reduciendo al mínimo indispensable la barra superior e inferior. Por arriba, los menús han desaparecido, salvo que se cambien la configuración, y la barra a pie de ventana ha sido eliminada. Cuando hace falta informar de los enlaces sobre los que se pone el ratón, o del proceso de carga de una nueva página, se muestra una diminuta ventana inferior con la información, que desparece al terminar el proceso en curso. Además, han dado mucha mayor presencia al botón de Atrás, reduciendo el tamaño del de Adelante (que apenas se usa, realmente)

Pero a parte de cambios estéticos, el gran avance del IE9 es la rapidez. Por fin Microsoft ha dado un paso de gigante, haciendo que su nuevo navegador, no sólo se arranque en un tiempo record, sin apenas notarse actividad en el disco (contrariamente a la eterna espera que suponía arrancar el IE8) sino que los tiempos de ejecución y dibujado de las páginas se han reducido drásticamente. A los que estaban acostumbrados al navegador más rápido que hay actualmente, el Google Chrome, verán que el IE9 no tiene mucho que envidiarle. Si bien en los benchmarks realizados el Chrome sigue siendo el número 1 en rapidez en general, la distancia entre ambos se ha reducido al mínimo, hasta el punto de que de cara al usuario, apenas es apreciable la diferencia de velocidad. Entre otras mejoras, se ha incluido la aceleración hardware, aprovechando la potencia de las tarjetas gráficas cuando sea posible.

Otro punto que ha sido mejorado, por fin, es el de la compatibilidad. Los test de ACID le acercan a los niveles de compatibilidad de sus últimos competidores y la admisión de los nuevos estándares html5 y CSS3, hacen que el IE9 ya pueda considerarse dentro de los navegadores de última generación.

En resumen, un producto notablemente mejorado con respecto a sus versiones anteriores, con el que Microsoft pretende recuperar el terreno perdido en estos últimos años en el sector de los navegadores. Esperemos que la sana competencia entre todos ellos haga que mejoren cada día más.

Alberto Martín

Cómo mejorar el posicionamiento web en buscadores (SEO)

28 de julio de 2010

Un proyecto de mejora del posicionamiento web es bastante complejo y abarca muchas posibles acciones a tener en cuenta:

INDICADORES A GESTIONAR:

> Popularidad
- Nº de visitas. Que depende de:
* Público objetivo
* La Calidad de los contenidos
- Enlaces externos a la web
* Blogs
* Redes sociales
* Guías y directorios
* Buscadores
* Publicidad
> Técnico
- Metadatos HTML
* El Titulo
* Descripción
* Palabras clave
- Etiquetas HTML
* Encabezados
* Títulos de los elementos HTML
* Estilos
- Calidad del código HTML/CSS
- Accesibilidad
- Densidad de los Contenidos
- URLs amigables

Un proyecto serio y profesional se llevaría a cabo en 4 fases:

1. Plan de Marketing para Internet (en base a objetivos de negocio).
ENTREGABLE: Plan de acciones presupuestadas y planificadas en el tiempo
2. Ejecución de las Acciones Inmediatas (“Quick Wins”)
3. Ejecución de las Acciones a medio plazo, según el plan aprobado, y priorizado
4. Ciclo de Calidad: Seguimiento estadístico, análisis y mejoras

COSTE DEL PLAN DE MARKETING: depende del alcance del mismo, y la horquilla es inmensa en función de la complejidad de la empresa, que suele estar alineado, además, con la complejidad de la web o portal. Para tener una idea: estamos hablando entre 300€ para una micro pyme  ¡ y 100.000€ !, sólo para el plan de marketing para Internet.

Luego ya el coste de las acciones depende absolutamente de cada caso.

Crear una web con un gestor de contenidos

14 de junio de 2010

Hace ya tiempo que el proceso de creación de sitios web es algo bastante accesible para casi todo el mundo. Herramientas como FrontPage, Dreamweaver, o incluso el propio MsWord, etc, han facilitado mucho este proceso, por medio de herramientas gráficas de diseño.

Sin embargo, estas herramientas, en manos de personas no experimentadas tienen la limitación que supone no saber programar. Sin este conocimiento, la funcionalidad suele estar muy limitada, y sobre todo, la actualización de contenidos no es nada fácil.

Los gestores de contenidos web, como Content-SORT, vienen a cubrir este ewww.coroacapella.esspectro de necesidades.

Así, la web www.coroacapella.es, acaba de ser construida desde cero usando esta herramienta. El beneficio del uso de Content-SORT para su diseño y construcción ha sido doble.

Por una parte, en su creación sólo ha habido que programar dos scripts en php para extraer de manera excepcional unos datos de la BD del gestor. Todo lo demás, tanto en temas de diseño como sobre todo en funcionalidad, se ha realizado usando los wizards que el gestor proporciona. Siguiendo el método de diseño que proporciona Content-SORT, una persona sin apenas experiencia en la creación de páginas web, ha sido capaz, él solo, de llevar a cabo el proyecto de construcción del sitio en un tiempo muy reducido. Este método, que diferencia perfectamente y de manera modular todos los temas de diseño, funcionalidad y contenidos, aúna de una manera completamente integrada y en una única herramienta la gestión de estos tres elementos.

El resultado de www.coroacapella.es, que no pretende ser profesional desde el punto de vista del diseño estético, sí es sin embargo un ejemplo paradigmático de la facilidad en la gestión de los contenidos web. De esta manera, y como segundo gran beneficio, cualquier información que se muestra en dicha web es gestionable al 100% desde la consola de administración de Content-SORT. Así, cualquier miembro de la asociación a la que pertenece la web va a poder actualizar todos los datos que se presentan al público sin tener ningún conocimiento de programación o diseño web. Bastará con rellenar en formularios muy básicos los textos, fotos y en general, cualquier elemento de información que se quiera presentar, para que, en tiempo real, dichos cambios se reflejen en la nueva web. El motor de Content-SORT será el encargado de añadirle los estilos, ubicarlo en sus páginas correspondientes, aplicar el diseño y hacer que la web refleje inmediatamente los cambios. Todo ello, insisto, sin tocar una sola línea de código HTML, php, javascript, ni nada similar.

Aunque esta experiencia piloto pueda parecer muy simple dada la sencillez de la web creada, es sin embargo un ejemplo de la potencia que puede aportar en el mundo de la creación de sitios en Internet un gestor de contenidos como Content-SORT.

Alberto Martín

Cómo cambiar el diseño del cursor de tu web con estilos

30 de mayo de 2010

PON TU CURSOR SOBRE ESTE TEXTO PARA VER COMO CAMBIA EL DISEÑO

Si aplicáis este estilo del ejemplo, podréis modificar el cursor de vuestra web. Aquí va el código:
style=”cursor:url(http://www.content-sort.com/imagenes/cursor-fuego.cur);”

Esto sólo funciona con Internet Explorer y otros pocos navegadores web.
Estamos abiertos a vuestras sugerencias al respecto.

Cómo usar estilos CSS en correos electrónicos (email) con HTML

26 de mayo de 2010

¿Habéis intentado alguna vez maquetar y dar formato a un correo electrónico con HTML+hoja de estilos CSS?Email / correo electrónico
Entonces habréis sufrido las inclemencias de los clientes de correo, ya que no soportan las hojas de estilos externas; la solución es utilizar estilos CSS dentro de las etiquetas (inline).
Incluso algunos clientes de correo (por ejemplo, Lotus Notes) no son compatibles con XHTML.
Alguna otra perla: Outlook 2007 no admite imágenes de fondo.
A continuación vamos a ennumerar una serie de Recomendaciones para maquetar emails con HTML+CSS:

  • Usar HTML 3.2
  • Body compuesto por un único DIV
  • Ancho máximo 600 píxeles. Para los smartphones, 320px.
  • Utilizar tablas para maquetar
  • Anchos (width) en las celdas; no aplicar ancho a la tabla.
  • No utilizar porcentajes
  • No utilizar imágenes de fondo
  • Estilos dentro de las etiquetas

Por supuesto, es importante que completemos este artículo entre todos con vuestras experiencias y los clientes de correo más importantes del mercado. Todas vuestras sugerencias y recomendaciones a través de los comentarios las probaremos y si son buenas las añadiremos al artículo.