Expresando TI

Con mi limitado conjunto de habilidades con herramientas como Photoshop e Illustrator, honestamente puedo confesar que soy un desarrollador mejor que yo soy un diseñador. Pero mi experiencia con el núcleo (del lado del servidor) de desarrollo con Java / PHP / COBOL, ha sido una influencia muy positiva en mis habilidades de desarrollo de interfaz de usuario. Lo que quiero decir es, al mismo tiempo la creación de mis diseños, es decir, cada vez que hago el diseño, pienso en cómo el diseño puede ser la mejor convertida en HTML-CSS y mientras se hace el código HTML, CSS, le doy un pensamiento acerca de la tecnología back-end y hacer razonablemente seguro que el HTML se puede implementar fácilmente en el XSL bucles o fragmentos de código PHP, etc

En los últimos años, he sido arrojado a la cabeza en los diseños de los diseñadores de la interfaz de usuario que probablemente donot tienen ni idea de lo que es HTML o CSS. Todos estos años he estado pensando que iba a pedir demasiado, si tan sólo esperan que el diseñador, que está tratando de shov su "imposible de código de" diseño por mi garganta, para entender un poco lo que su diseño se convertiría en. Eso ayudaría a la derecha?

Entonces, me encontré con este post de hoy ... los diseñadores web que no se puede codificar ... Gracias Señor! Yo soy sólo uno de muchos que sienten lo mismo ... El artitle anterior es un poco un largo aliento .. pero vale la pena la lectura, cada palabra de ella.

Gracias Elliot Jay Stocks ... Me siento aliviada!

Aquí hay algunos extractos de artículo de Elliot .

Wow, qué día! Todo comenzó con un tweet poco y terminó con una discusión que parecía extenderse por toda la comunidad de diseño web entera. Al parecer, hay algunas opiniones muy fuertes celebradas sobre el tema de si los diseñadores web deberían ser capaces de código.
...
Por lo tanto, antes de entrar en esto, permítanme recapitular rápidamente lo que he dicho esta mañana en Twitter:

Honestamente, estoy sorprendido de que en 2010 todavía estoy cruzando los diseñadores de páginas web de los que no se puede codificar sus propios diseños. No hay excusa.

... Que debería haber sido un poco más específico en mi tweet. Yo estaba hablando de los diseñadores que no tienen ni el más básico de HTML y CSS habilidades para convertir un diseño plano en un sitio real. No es la gente que intencionalmente no opten por el código, los que no se puede. Y también me refiero sólo al código de front-end de aquí, por supuesto, es ridículo pensar que los diseñadores también deben ser increíbles back-end de los programadores ...

Nos 'web' diseños enviados en Illustrator, 300dpi, imposibles de código, sin consistencia / facilidad de uso.
~ Amy Mahón

Se está haciendo tarde y tengo que terminar con esto de alguna manera. Sé que habrá muchos que no están de acuerdo conmigo, y mi intención no es ofender ni molestar a nadie que no puede codificar, pero espero que algo de lo que he dicho refleja algunos de los puntos que siempre surgen cuando ahondar en este debate.

Al final del día, no me quita el sueño, que puede codificar y quién no. Estoy realmente sorprendido de encontrar tantos diseñadores que carecen de las habilidades de front-end, como yo pensaba que esto era una cosa del pasado.

También lea los comentarios, hubo alrededor de 320 comentarios, mientras escribo ... que vale la pena una lectura.
Por favor, leer el post completo aquí .. Elliot diseñadores web que no se puede codificar

• La Declaración de tipo de documento tiene que estar presente al principio de un documento que utiliza la sintaxis HTML. Opcionalmente, se puede utilizar dentro de la sintaxis XHTML, pero no es necesario. El documento XHTML no es necesario incluir el DOCTYPE ya que los documentos XHTML que se entregan con un adecuado tipo MIME XML y se procesan como XML por los navegadores, siempre se representan en ningún modo de peculiaridades.

• En XHTML, los nombres de etiquetas distinguen entre mayúsculas y minúsculas, y generalmente se definen para ser escrito en minúsculas. En HTML, sin embargo, los nombres de etiquetas distinguen entre mayúsculas y minúsculas y puede ser escrito en todos los casos en mayúsculas o mixta, a pesar de la convención más común es seguir con minúsculas. El caso de las etiquetas de inicio y el final no tiene que ser el mismo, pero siendo coherente hace que el limpiador mirada código.

BENEFICIOS DE USAR HTML

• Compatible con los navegadores existentes
• Los autores ya están familiarizados con la sintaxis
• La sintaxis de la indulgencia y el perdón significa que no habrá ningún usuario hostil " de la pantalla amarilla de la muerte "si un error accidental se desliza a través
• Sintaxis abreviada conveniente, por ejemplo, los autores pueden omitir algunas etiquetas y valores de atributos

BENEFICIOS DE USAR XHTML

• Estricta sintaxis XML invita a los autores a escribir marcado bien formado, que algunos autores pueden encontrar más fácil de mantener
• Se integra directamente con otros vocabularios XML, como SVG y MathML
• Permite el uso de procesamiento de XML, lo que algunos autores utilizan como parte de su edición y / o procesos de publicación

Ayer, después de que el tema me encontré con la CSS Reinicia en Google Chrome ... Pensé en cavar un poco más en el área de hojas de estilo del agente ...
Se han encontrado esta tabla de valores por defecto de las hojas de estilo CSS 2.1 User Agent ... (Para los que desconocen de lo que "Hojas de Estilo en User Agent" es seguir ¿Qué es el usuario las hojas de estilo del Agente (especificación) .

Para obtener una lista completa de CSS 2.1 User Agent Hojas de estilo por defecto , haga clic aquí

Ayer, como todos los demás "Día de la Marmota", yo estaba trabajando en algunos diseños de CSS / sin tablas. Todo iba bien en IE 7, 3 FF y Chrome, hasta las de repente, vi a unos márgenes de las Naciones Unidas-ignorable visto sólo en Google Chrome. Aunque es muy extraño y preocupando, era un tema nuevo bug / que yo había venido cruzando, no fue finalmente un poco de especia en mi trabajo mundano. Es triste (pero agradable) que lo arreglaron a los pocos minutos de la sonda ...

Básicamente, parecía que Google Chrome ignoró mi Restablece CSS (margin: 0px). En realidad, fue causado por la hoja de estilo del usuario (-webkit-padding-inicio: 40px). Así que la solución consistía en restablecer este estilo mediante el establecimiento de padding: 0 los elementos se portan mal.
Una buena manera de evitar que este problema ocurra a cualquier elemento es utilizar un mundial resto CSS de la siguiente manera

* {Margin: 0; padding: 0;}

¿Qué es el usuario las hojas de estilo del Agente (especificación)?
El siguiente fragmento está tomado de http://meiert.com/en/blog/20070922/user-agent-style-sheets/ enlace, seguimiento a leer más información sobre hojas de estilo del Agente

CSS 1 introduce la idea al afirmar que cada Agente de Usuario (UA, a menudo un "navegador web" o "cliente web") tendrá una hoja de estilo por defecto que presenta los documentos en un tiempo razonable - pero sin duda lo mundano - forma. CSS 2 dice que los agentes de usuario conformes deben solicitar una hoja de estilo por defecto (o comportarse como si lo hicieron) y que la hoja de un agente de usuario de estilo por defecto debe presentar los elementos del lenguaje del documento de manera que satisfaga las expectativas generales de presentación del lenguaje del documento; CSS 3 es probable que sea de la misma opinión.

Dado que las especificaciones de CSS dejar en manos de las implementaciones de la posibilidad de utilizar una "verdadera" hoja de estilos para la visualización predeterminada o no, no es sorprendente que usted no encuentra una hoja de estilo por defecto en la carpeta de instalación de cada navegador. A diferencia de Internet Explorer de Microsoft, así como la Opera, por ejemplo (y hasta donde yo sé), los navegadores Gecko, como Firefox y Netscape Navigator (busque "html.css"), sino también de Konqueror hacen bastante fácil de comprender su estilo predeterminado.

Otra vieja escuela complementaria de memoria ...

¿Por qué permitir windos.status?
Javascripts podía ser una pesadilla cuando usted tiene algo que depurar. Firefox tiene un addons útiles pocos, como eso es Firebug nos hace la vida fácil y también, el voto a favor de la técnica de depuración más popular en Javascript que ir a "alert ()". Anywaz! Hay pocos casos en que la adición de ALERTA se depura la mis-comportamiento, JavaScript es simplemente no es una buena idea. Por ejemplo! usted tiene el punto dragble cuya posición debe ser alertado .... NO NO NO! Dont do it! ... Usted acaba de recibir alertas infinitas o usted no será capaz realmente de su drap dragable. Bueno! Hay situaciones en las más buenas, en las que podría escribir los textos de depuración de la barra de estado, mucho más usful ... Créeme! Su experiencia!

IE por defecto a la izquierda que se escribe en la barra de estado del navegador utilizando la sintaxis "" algo para depurar 'window.status = ", pero Firefox no lo hace. Por lo tanto para permitir el cambio de estado de Windows, usted puede hacer cualquiera de las siguientes.

Abrir about: config en el navegador (tipo "about: config" esto en la barra de direcciones) y la búsqueda de
dom. disable_window_status_change. Cambiar a falso ... simplemente haga clic en la entrada para cambiar su estado.

O, alternativamente,

"Herramientas → Opciones → Contenido → Activar JavaScript / Avanzado → Cambiar el estado del texto de la barra"

Y también en cuenta que ... escribir en la barra de estado en el Javascript, el IE es sólo aceptable si se utiliza una sintaxis de estado a corto, es decir = 'un poco de texto de depuración ", pero en Firefox, usted tiene que utilizar en su totalidad es decir, la sintaxis window.status =' algo para depurar '

Google comienza a gente del movimiento rápidas para volcar IE6 ... Por usuarios escuchas IE6 con una ventana emergente en la carga de la página ... no puede ser una muy buena idea ... pero al ser un desarrollador de interfaz de usuario, tengo que formar parte de este vagón de la banda ... un navegador menos para que yo me preocupe Lo sentimos ... es egoísta! pero he incluir este javascript ... (pruebe esta página en IE6) ...
Hey! y en la nota más brillante ... Ver es una muestra de el poder de JavaScript .... incluso puede derribar a un gigante (o una vez lo fue)

ENTONCES ... Ayuda librar al mundo de IE6 con una línea de javascript!

http://code.google.com/p/sevenup/

Estoy tan emocionada por el creciente número de páginas vistas en mi blog, que me revise mis Google Analytics casi todos los días. Me di cuenta de que mi blog está siendo mencionado por los sitios en muchos otros idiomas y por la gente de todo el mundo. Tan agradable!!
Para hacer la vida un poco más fácil para mi barco visor de idiomas distintos del inglés, he añadido un widget de Google / plugin llamado "Global Translator".

El traductor Mundial dice que "se traduce automáticamente un blog en 41 idiomas diferentes, envolviendo cuatro diferentes motores de traducción en línea (motor de Google Traductor, motor de traducción de Babelfish, FreeTranslations.com, Promt)" ... si usted quiere agregar a su propia instalación de WordPress ... se echa un vistazo aquí http://www.nothing2hide.net/wp-plugins/wordpress-global-translator-plugin/

No estoy seguro, lo bueno que es la traducción pero sinceramente espero que ayuda a los desarrolladores de otros hacia fuera allí, que acaban de llegar a mi blog, sólo para ser decepcionados, que es en Inglés ....

Los enlaces son traductor en la parte inferior de la barra lateral ....

Aquí está otro pedazo pequeño de engaño Javascript que tenía que cavar a su alrededor porque la situación lo commaned. En uno de mis sitios web, he tenido esta situación en la que tuve que poner en práctica "windows.onload" dos veces. La primera cosa que vino a la mente una experiencia como la mía (tengo que decir honestamente que, desde que he estado utilizando frameworks de JavaScript y las bibliotecas, he olvidado de hacer las cosas simples por mi cuenta ... triste pero cierto), es el siguiente método ...

 window.onload = onloadfn1;
 window.onload = onloadfn2;
 window.onload = onloadfn3;
 etc ..

Lo siento decirlo, pero, este trabajo costumbre ... no quiero hablar sobre la ciencia ejecución de Javascript mucho ... pero de acuerdo a mi experiencia reciente, sólo la última función (onloadfn3) la mala voluntad se ejecuta realmente.

En situaciones normales, a diferencia de la mía (que voy a hablar un poco más tarde) ... puedes hacer lo siguiente para ejecutar funciones mutliple onload ....

O algo como esto

 doOnLoad function () {
         onloadfn1 ();
         onloadfn2 ();
         onloadfn3 ();
 }
 window.onload = doOnLoad;

Por mi situación actual, no puede utilizar cualquiera de los anteriores ...
¿Por qué tengo que llamar a windows.onload dos veces, en lugar que llamar a dos funciones dentro de una función onload sola? Aquí es rápido vistazo a mi declaración del problema ...

"Mis páginas del sitio se estructura como el tema de WordPress .... es decir, hay un header.php y footer.php comunes que se incluyen en todas las páginas del sitio. Hay una función de la Implementación onload en los footer.php para hacer algunas funciones comunes onload. Y hay pocas páginas que necesitan algo de su propia ONLOAD, además de los realizados por la función onload común. Si asigno función de callback directamente al controlador window.onload, será pasar por encima de las devoluciones de llamada asignados previamente en los footer.php "

.... Se entiende mi problema ?

Bueno! existen pocas soluciones que se encontró. Todos ellos son muy similares y sobre todo implementions de una solución dada por Simon Willison ( http://simonwillison.net/2004/May/26/addLoadEvent/ ) ...

Solución:

Basta con añadir el código javascript para el sitio ...

 función de addLoadEvent (func) {
     var oldonload = window.onload;
     if (typeof window.onload! = 'function') {
        window.onload = función
     Else {}
        window.onload = function () {
            if (oldonload) {
                   oldonload ()
           }
           func ()
        }
    }
 }

Y lo llaman en lugar del habitual "windows.onload"

 addLoadEvent (FunctionToRunOnPageLoad);
 addLoadEvent (function () {
 / * Más código se ejecute en carga de la página *
 }); 

Las ventajas de este fragmento de código ...
1. En primer lugar, que le permite disponer de múltiples eventos windows.onload, llamada a partir de piezas separadas de su código, sin anulando la definición anterior
2. Es muy discreto. Se puede colocar en un archivo con las secuencias de comandos de otros o en un archivo separado.
3. Funciona incluso si window.onload ya se ha establecido.

Pensé que éste será un garabato de encontrar en Google, como muchos escritores que nos interfaz de usuario y el guión tendría que hacer esto en el día a día, es decir son un poco pedazo de fragmento de código PHP (. Php) en un Plantilla Smarty (. TPL). Me di cuenta de que más fácil / popular a su consulta, aún más difícil encontrar la respuesta exacta ... un millón de resultados de la búsqueda, pero la mayoría de ellos reffered a "archivo" incluye en Smarty ... que tiene la siguiente sintaxis

{Include file = "include / header.php"}

En realidad, esto inlcuded el archivo bien, pero como el texto, lo que quería era el resultado de archivo incluido. (Tenga en cuenta lo anterior se utiliza la plantilla incluyen dentro de un archivo de plantilla). Por último, con un poco persiverance .... Me topé con una sintaxis levemente modificada, la cual era la respuesta a mi solicitud ... así que aquí está ... si todavía no se encuentra uno ya

{Include_php file = "include / header.php"}

Esta pregunta cruzó por mi mente un par de veces antes, cuando estaba trabajando en los sitios antes también, que utiliza WordPress para mostrar blogs o nuevo tipo de contenido en alguna parte del sitio / portal.Being un novato en PHP y alrededor de WordPress, me mantuve procastinating, pensando "este no es mi pedazo de pastel". ¡Por fin! este requisito llegó hasta mi nariz, cuando se inicia cavando alrededor de un pedacito de solución.
Me sorprendí al descubrir que en realidad era más fácil de lo que realmente pensaba que era, para mostrar una lista de los titulares o el último mensaje en cualquier otra página fuera de la sección de WordPress potencia, simplemente usando un poco de PHP y la API de WordPress .

Esto es lo que debe hacer: -
Por razones de explicación, supongamos que su sitio es http://www.inchembur.com/ y usted tiene la sección de noticias de este sitio en http://news.inchembur.com/ (que se está ejecutando de WordPress). Ahora bien, el requisito es para mostrar el último puesto de http://news.inchembur.com/ en la página principal del sitio principal, es decir, http://www.inchembur.com/index.php

Paso 1: En el index.php agregar el pedazo de código siguiente, se incluya el archivo de WordPress API. Puedes añadir esto a la parte superior de la página que quieres que tu mensaje aparezca en.

<? Php
'WP_USE_THEMES' , false ) ; // Disbable use of WordPress Theme define ('WP_USE_THEMES', false); uso / / Disbable del Tema de WordPress
require ('/ var / news.inchembur.com / wp-header.php de blog de'); / / Incluir WordPress API
; // Get Latest Post query_posts ('showposts = 1'); / / Obtener Último mensaje
>

En el pedazo anterior de inclusión, que estamos recibiendo sólo el mensaje más reciente single. si quieres probar otras variaciones no dude en indagar en, query_posts() la documentación .

Paso 2: Ahora, en la parte de la página Índice / Casa en la que desea mostrar el último mensaje de WordPress http://news.inchembur.com , utilice el siguiente código. Huelga decir que, no dude en anuncio de sus divisiones de estilo, se extiende y las clases como por sus necesidades de diseño.

Paso 3: No hay paso 3 ... Eso es todo ... lo tienes hecho!

¿Cómo mostrar una página específica posterior / frente al último mensaje: -
Esta facilidad es capaz de crear mediante la alteración de los argumentos para query_posts() para incluir el ID de la página o la página de bala

) ; query_posts ('page_id = 7');
) ; query_posts ('= nombre de la página de');

o Se puede controlar el número de puestos:
) ; query_posts showposts (= 3);