uvedobles.com » Copy Paste

Copyright del creador en una web

dedavid — Wed, 11 May 2011 08:27:34 +0000

Bueno, esto es algo que publico como solución a un pequeño agravio que he tenido hoy y que he solucionado de un plumazo, nunca mejor dicho. Se trata del típico caso del cliente, que voy a anonimizar pues no viene a cuento, que no quiere ver el copyright del creador que ha montado su página web o aplicación web.

Os pongo en antecedentes sobre el cliente, tengo un cliente, buen pagador y mejor persona , pero relajado en exceso, en su empresa cuenta con varios cambios de personal que han incidido en explicar y reexplicar ya ha demasiadas personas como se deben hacer las cosas, tanto se ha relajado que ya estamos fuera de garantías, aún así me viene constantemente con cambios, algunos ridículos como el que os presento en este email y revisiones de un proyecto transcurridos más de 11 meses de la entrega, vaya, con tanto cambio y relajación que ya va colmando el vaso, la jarra y la cisterna, por buena fe se le presta servicio aún a sabiendas de que se están columpiando estudiaré una limitación seria en el tiempo una tarifa plana para evitar esas sensaciones de agobio.

Bueno, tras esa primera descarga hoy la cosa ha ido de la siguiente manera tras el email de un cliente en el que me invitaba, no de muy buenas formas sino de forma imperativa, todo hay que decirlo, a quitar los enlaces de una tienda virtual creada bajo ecoommerce.com hacia mi página web, es decir la página del creador de la aplicación.

Mi respuesta ha sido la siguiente:

Esto es así, no se puede modificar.

Escueta y la verdad crispada, para que ocultarlo. El me ha preguntado que ¿cómo es eso de que no se puede modificar? a lo que le he dado la siguiente respuesta

Pues eso, el programa que monta la web tiene una marca y en este caso tiene enlaces a su creador, el cliente puede eliminar, con sus medios, si así lo desea la marca, al igual que puedes eliminar con triquiñuelas el logo de arranque de Windows o arrancar el escudo de la marca de un vehículo, o la marca de un televisor.

Su respuesta a este email ha sido un : ok, no tenía importancia… hablando se entiende la gente, lo sabemos todos, pero ¿hace falta tener todas y cada una de nuestras acciones más aún cuando se trata de defender nuestros trabajos y con ello crecer?

¿La conclusión? Vosotros mismos, la mía pues para empezar creo la Categoría de “Gestión de clientes” en este blog, y ya os iré explicando

Páginas relacionadas con este artículo:

Logotipo HTML5

dedavid — Thu, 20 Jan 2011 07:38:03 +0000

La W3C le ha puesto logo a la implementación de HTML5, y no sólo se ha quedado hay, ha iconizado las diferentes tecnologías que van a integrar esta nueva normativa que va imperar sobre el HTML, la tecnología supuestamente llamada a ser una auténtico Flash Killer.

Los iconos de las tecnologías aquí:

Dependiendo de lo que uses en tu web puedes mostrar unos u otros logotipo, por este orden según la imagen: El primer icono hace referencia al uso de una estructura semántica HTML5, el segundo de que se usan bases de datos en cliente, el tercero que es multidispositivo, esto es que se ha cuidado para que se pueda acceder con PCs, tablets, móviles, etc. El cuarto icono hac referencia a que se usa conectividad con datos en tiempo real, los http request de antes, saltamos de línea y el icono de multimedia, es decir que esto lleva vídeo bajo HTML5, el segundo de la segunda nos informa que se hace uso de las 3D, a darle caña al Canvas. El tercero de la segunda que parece una flor, no! no es una flor nuclearizada significa que se trabaja duro en optimizarlo para ofrecer un cran rendimiento, y último, el más bonito a mi forma de entender la estética nos informa que aquí se usa CSS3.

Hoy me siento icónico los de la W3 incluso han colocado un generador del gráfico personalizado, esto es, seleccionas las tecnologías que implementas pulsas un botón y te escupen un código html que tras ser insertado en tu web mostrará, preferiblemente a pie de página lo hachetemelerocinco que tu eres.

¿Qué son las 09:00 de un día de enero del año 2011 y todavía no tienes tu pegatina HTML5?

Corre!!!! http://www.w3.org/html/logo/

Páginas relacionadas con este artículo:

Uso de las webfonts de Google

dedavid — Thu, 16 Dec 2010 11:25:36 +0000

Hoy vamos a jugar un poquito con las fantanbulosas webfonts de Mr. Google

¿Qué que son las webfonts?

Eso se lo preguntas a Google. http://code.google.com/apis/webfonts/

¿Cómo funcionan?

Para usarlas debes incluir cada fuente tipografía webfont que quieras usar en la sección header del HTML con un:

Luego en la hoja de estilo de tu página la debes definir, recuerda también tirar de segundas opciones, tal como lo reflejamos aquí, aria o cualquier tipografía “serif” esto es más que nada porque hay navegadores viejos o paratos como el iPad on iOS 3.x a los que se le atragantan las Webfonts.

font-family: 'Orbitron', arial, serif;

¿Dónde previsualizarlas?

Supongo que como a mi, te interesa ver de forma rápida que fuentes hay por la red, que pinta hacen y tal para poderlas meter en tu página o blog, pues bien los chicos y chicas de Google te las muestran en la siguiente dirección:

http://code.google.com/webfonts

¿Dónde comparar las Google Fonts?

Como el visualizador de Google es quizá demasiado escueto te recomendamos otro que está algo mejor, no mucho, pero algo es algo dijo un geek cuando se encontró un byte en la sopa…

http://www.fontcomparer.com/

¿Donde estamos usando ya webfonts?

Nosotros hemos empezado a incorporarlas en un proyecto en el que estamos trabajando basado en ecOOmmerce.com nuestro software de tiendas virtuales.

Páginas relacionadas con este artículo:

CSS Reset

dedavid — Tue, 14 Dec 2010 08:37:22 +0000

Bueno hoy algo sencillito, un CSS reset de los de copipastear, es totalmente free y open source, yo por respeto al autor “Eric Meyer” dejo su referencia, pero si lo necesitais para un proyecto comercial lo podeis quitar sin tenerlo que refreir ni nada, a pedir de boca. Aquí va:

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

Páginas relacionadas con este artículo:

Plantillas de páginas web con HTML5

dedavid — Sun, 05 Dec 2010 22:52:09 +0000

Te traemos una plantilla bajo HTML5 lista para usar, tienes dos opciones una a 2 columnas, la típica con el tradicional menús superior y menú lateral y otra de tres columnas, algo más moderna y aprovechable en su distribución. Si bien fuera de blogs y a nivel de empresa siempre defenderé el formato de a 2, porque facilita la asimilación de contenidos.

La demo de la plantilla de 2 columnas:

http://www.webdezign.co.uk/blog/html5-examples/2col/

La descarga de la plantilla HTML5 a dos columnas:

http://www.webdezign.co.uk/blog/html5-examples/2col.zip

La demo de la plantilla de 3 columnas:

http://www.webdezign.co.uk/blog/html5-examples/3col/

La descarga de la plantilla HTML5 a 3 columnas:

http://www.webdezign.co.uk/blog/html5-examples/3col.zip

Páginas relacionadas con este artículo:

Editor HTML para textareas muy configurable

dedavid — Fri, 22 Oct 2010 07:40:42 +0000

Asombroso es lo que hacen algunos cracks a sus 22 años, hoy os traemos nic edit, un editor HTML 100% free, es decir es de los pocos editores HTML que puedes colocar en cualquier aplicación web sustituyendo a un area de texto o tag textarea para que en este se pueda introducir formato HTML, repetimos, puedes usarlo en tu web personal o en cualquier proyecto aunque este sea comercial, porque amigo, los CKeditor y compañía no son aptos para proyectos comerciales, por ejemplo para una tienda de comercio electrónico no puedes usarlo, a menos que pagues la licencia.

Nic Edit es altamente configurable además de ser bastante ligero, ahora bien, puede que alguno le eche en falta la posibilidad de creación de tablas, pues estas por ejemplo en las fichas de productos de una tienda online son a veces necesarias y NicEdit no las soporta.

Desde la propia página web del autor puedes seleccionar aquello que quieres que soporte el editor, para que se te genere el archivo .js a medida y comprimido.

Enlace: http://nicedit.com/

Páginas relacionadas con este artículo:

Recursos en HTML5 y CSS3

dedavid — Sun, 17 Oct 2010 18:18:17 +0000

Al rico recurso en HTML5 y CSS3:

HTML5 & CSS3 Resources for Designers
Updated: 2010-10-14 (new items highlighted below)
CSS3 Examples (including Media Queries)

http://thebox.maxvoltar.com/

http://hardboiledwebdesign.com

http://lostworldsfairs.com

http://www.informationarchitects.jp/

http://colly.com

http://hicksdesign.co.uk

http://jordandobson.com/better_rounded_border_demo/

http://www.designmadeingermany.de/magazin/5/

http://neography.com/experiment/circles/solarsystem/

http://neography.com/experiment/type1/

http://newadventuresconf.com/

http://maxvoltar.com/temp/nowplaying/

http://maxvoltar.com/sandbox/flipclock/

http://prandall.com/experimental/css3-backgrounds/

http://lab.simurai.com/css/umbrui/

http://trentwalton.com/css3/type/

HTML5 Examples (including Canvas)

http://www.chromeexperiments.com/

http://www.apple.com/html5/

http://www.apple.com/ipad/ready-for-ipad/

http://desandro.com/articles/close-with-canvas/

http://mezzoblue.github.com/PaintbrushJS/demo/

http://mugtug.com/sketchpad/

http://www.nihilogic.dk/labs/canvas2image/

http://www.rgraph.net/

http://videojs.com/

http://sublimevideo.net/

Tools, et al.

http://www.colorzilla.com/gradient-editor/

http://westciv.com/tools/

http://css3generator.com/

http://border-radius.com/

http://mothereffingtextshadow.com

http://modernizr.com/

http://selectivizr.com/

http://code.google.com/p/css3-mediaqueries-js/

http://code.google.com/p/ie7-js/

http://code.google.com/p/universal-ie6-css/

http://lessframework.com/

http://www.happyworm.com/jquery/jplayer/

http://macrabbit.com/cssedit/

http://html5reset.org/

http://html5boilerplate.com/

Otro slider o accordion pero este gratis

dedavid — Fri, 08 Oct 2010 07:27:41 +0000

Hace un par de días os hablé de un accordion o slider que es como a mi me gusta llamarlo para que lo implementes en tu web, pues bien aquel era branded, es decir con copyright a menos que pagases la licencia, pues na… que he buscao y buscao hasta encontrar uno con ciertas similitudes pero gratuito, también basado en jQuery.

Enlace: http://www.madeincima.eu/blog/jquery-plugin-easy-accordion/

Demo en: http://www.madeincima.eu/samples/jquery/easyAccordion/

Descarga: Slider gratuito (149)

Páginas relacionadas con este artículo:

Banderas de países en formato icono

dedavid — Thu, 07 Oct 2010 07:16:35 +0000

Os traemos listo para la descarga una estupendísima cole con más de 2400 banderas de países, en diferentes tamaños 16×16, 24×24, 48×48, y 64×64 no, no es la tabla del 8! son pixelazos

Todas en formato PNG para que hagáis de una vez por todas aplicaciones web multidioma, que ya toca!

No se vayan todavía señores, pues además… las tienes en formato 3D simulado, rollo embossed y shadow y en formato plano plano plano…

Ala… a pinchar y a descargar: Megacolección de banderas de paises (93)

Páginas relacionadas con este artículo:

Programar la descargar de un archivo

dedavid — Tue, 28 Sep 2010 09:54:39 +0000

Con este pequeño script o snipplet podrás aprender fácilmente como crear un archivo sh para Linux con el que podrás hacer que se descargue un archivo de forma recurrente de forma programada cada N segundos, en nuestro ejemplo cada 60 segundos.

La argumentación del comando WGET, a tu gusto, si bien puedes incluso programar subidas. Esto puede ir fenomenal para copias de seguridad o sincronización entre máquinas remotas. Dale a la bola para ver tu en que te lo puedes aplicar, el script a continuación;

while true; do

   wget 
   sleep 60
done

Páginas relacionadas con este artículo: