Expresa-la

Co meu limitado conxunto de habilidades con ferramentas como Photoshop e Illustrator, podo confesar honestamente que eu son desenrolador mellor que eu son un deseñador. Pero a miña experiencia co núcleo (do lado do servidor) co desenvolvemento Java / PHP / COBOL, foi unha influencia moi positiva sobre as miñas habilidades de desenvolvemento de interface de usuario. O que quero dicir é, ao crear os meus proxectos, é dicir, cada vez que fago deseño, eu penso sobre como o proxecto pode ser mellor convertidos en HTML e CSS mentres fai o HTML-CSS, dou un pensamento sobre a tecnoloxía back-end e facer razoablemente seguro que o HTML pode ser facilmente aplicado en XSL loops ou fragmentos PHP etc

Nos últimos anos, teño xogado de cabeza para proxectos de deseñadores de interface de usuario, que probablemente donot ter unha idea do que é HTML ou CSS. Todos estes anos eu pensei que eu ía pedir máis, Se eu só esperar que o deseñador, que está intentando shov seu "imposible código" proxecto goela abaixo, para entender un pouco o seu proxecto sería convertido en. Isto axudaría non?

Entón, me deparei con este post de hoxe ... Web deseñadores que non pode codificar ... Señor Grazas! Eu son só un dos moitos que senten o mesmo ... O artitle arriba é un pouco longo alento .. pero paga a pena ler, cada palabra del.

Grazas Stocks Elliot Jay ... eu me sinto aliviado!

Velaquí algúns fragmentos de partida Elliots .

Guau, que día! Todo comezou cun tweet pouco e rematou con un debate que parecía varrer toda a comunidade deseño web. Parece que hai algunhas opinións moi fortes realizadas sobre o tema de se os deseñadores de web debe ser capaz de código.
...
Entón, antes de chegar a este, permitan-me recapitular rapidamente o que eu dixen esta mañá en Twitter:

Honesta, eu estou impresionado que en 2010 eu aínda estou benvida a través dos deseñadores web 'que non pode codificar os seus propios deseños. Non hai escusa.

... Eu debería ser un pouco máis específico na miña tweet. Eu estaba fala de deseñadores que non teñen aínda o máis básico de HTML e CSS habilidades para transformar un proxecto sinxelo nun sitio web real. Non persoas que intencionalmente non optan por código, aqueles que non poden. E eu tamén estou referindo só front-end código aquí, por suposto que é ridículo pensar que os deseñadores deben tamén ser sorprendentes back-end programadores ...

Estivemos con 'web' proxectos enviados en Illustrator, 300dpi, imposibles de código, sen consistencia / usabilidade.
~ Amy Mahón

Está quedando tarde, e teño que acabar isto de algunha maneira. Eu sei que haberá moitos que discordan de min, e miña intención non é ofender ou molestar a calquera que non pode codificar, pero espero que algunhas das cousas que dixo reflicte algúns dos puntos que sempre xorden cando se afondar este debate.

Ao final do día, eu non perdo o sono por causa que pode codificar e quen non pode. Eu son só xenuinamente sorprendido ao atopar tantos deseñadores que carecen de front-end habilidades, como eu pensaba que iso era unha cousa do pasado.

Ler tamén os comentarios, había cerca de 320 comentarios, como eu escriba ... que pagan a pena unha lectura.
Por favor, lea Elliots post completo aquí .. web deseñadores que non pode codificar

• A Declaración de Tipo de Documento que estar presente no inicio dun documento que usa a sintaxe HTML. Pode incluso ser usado dentro do sintaxe XHTML, pero non é necesaria. O documento XHTML Non é preciso incluír o DOCTYPE porque os documentos XHTML que son entregados correctamente usando un tamaño do ficheiro XML e son procesados ​​como XML navegadores, son sempre procesados ​​en ningún modo quirks.

• En XHTML, os nomes de marca son sensibles e xeralmente son definidas para ser escrito en letras minúsculas. HTML, con todo, nomes de marca son maiúsculas e minúsculas e poden ser escritas en todos os casos en maiúsculas ou mixto, aínda que o convenio máis común é para estar con letras minúsculas. O caso das marcas de inicio e de fin non ten que ser o mesmo, pero sendo consistente fai o limpador aparencia de código.

Beneficios da utilización de HTML

• Compatible cos navegadores existentes
• Os autores xa está familiarizado coa sintaxe
• A sintaxe tolerante e perdoar significa que non haberá ningún usuario hostil " pantalla amarela da Morte "un erro escorregar acidentalmente a través de
• Sintaxe abreviada cómodo, por exemplo, autores pode omitir algunhas marcas e valores de atributos

Beneficios da utilización de XHTML

• Sintaxe XML Strict anima os autores a escribir marcado ben formada, que algúns autores poden considerar máis doado de manter
• Integra-se directamente con outros vocabularios XML, como SVG e mathml
• Permite o uso de XML Processing, que algúns autores utilizan como parte da súa edición e / ou procesos de publicación

Onte, tras o problema que eu atope co redefine CSS Google Chrome ... penso escavar un pouco máis para a área de follas de estilo do autor do axente ...
Atopou esta táboa sobre os valores estándar de CSS2.1 usuario Folla de Estilos axente ... (para quen non sabe que "usuario Folla de Estilos" Axente é seguir o que é Folla de Estilos User Agent (especificación) .

Para unha lista completa de CSS 2.1 do usuario Follas Axente patróns de estilo prema aquí

Onte, como todos os outros "Día Ground Hog", estaba a traballar en algúns esquemas CSS / tableless. Todo estaba indo ben no IE 7, 3 FF e Chrome, untill de súpeto, vin algunhas marxes un-ignoráveis ​​visto só en Google Chrome. A pesar de moi raro e preocupante, era un problema de novo erro / que eu tiña benvida accross, houbo finalmente un pouco de temperado no meu traballo mundano. Triste (pero agradable) que foi fixado nuns minutos da sonda ...

Basicamente, parecía Google Chrome ignorou meu CSS redefine (Margin: 0px). De feito, foi causado polo estilo axente de usuario (-webkit-recheo de inicio: 40px). Entón a solución foi axustar ese estilo, definindo padding: 0 elementos mal comportados.
Unha boa forma de evitar que este problema ocorre con calquera elemento é por este descanso CSS global como segue

* {Margin: 0; padding: 0;}

Qué é o User Axente follas de estilo (especificación)?
O seguinte fragmento é eliminado http://meiert.com/en/blog/20070922/user-agent-style-sheets/ enlace, siga a ler máis sobre Follas de Estilo do usuario do Axente

CSS 1 introduce a idea ao afirmar que cada User Agent (UA, moitas veces un "navegador" ou "cliente web ') terá unha folla de estilo estándar que presenta documentos nun razoable - pero, sen dúbida mundano - xeito. CSS 2 di que os axentes de usuário conforme debe aplicar unha folla de estilo estándar (ou se comportan como se fixo) e que unha folla de axente de usuario estilo estándar debe presentar os elementos da linguaxe do documento de forma que satisfaga as expectativas de presentación xerais para o idioma do documento; CSS 3 é susceptible de ser da mesma mente.

Como as especificacións CSS deixalo ata implementacións usar unha folla de estilo "real" para a visualización por defecto ou non, non é sorprendente que non atopa unha folla de estilo estándar en cada cartafol de instalación do navegador. A diferenza do navegador de Microsoft, así como Opera, por exemplo (e, tanto canto eu sei), navegadores Gecko como Firefox eo Netscape Navigator (buscar "html.css"), pero tamén o Konqueror facelo moi sinxelo de comprender o seu estilo por defecto.

Outra adicional memoria da vella escola ...

Por que debemos permitir windos.status?
Javascripts podería ser un pesadelo cando tes algo para depurar. Firefox ten algúns addons útiles, como iso é Firebug fai a nosa vida máis fácil e tamén, a votación para a técnica de depuración máis popular en Javascript que ir a "alerta ()". Anywaz! Hai poucos casos en que a adición de alerta non depurar o seu mis-comportándose Javascript é só unha boa idea. Por exemplo! ten o elemento dragble cuxa posición debe ser avisado .... NON NON! Non facelo! ... Só recibirá alertas infinitas ou vai ser capaz realmente drap seu dragable. Ben! Hai situacións máis bos, onde podes escribir textos fóra de depuración para a barra de estado, moito máis usful ... Pensa en min! A súa experiencia!

IE por defecto deixei escribir na barra de estado do navegador usando a sintaxe "" algo para depurar "window.status =", mais o Firefox non. Entón, para permitir fiestras cambio de estado, pode facer unha das seguintes opcións.

Abre about: config no navegador (escriba "about: config" esta na barra de enderezos) e procure
don. disable_window_status_change. Cambia-lo para false ... só tes que premer sobre a entrada para cambiar o seu estado.

Ou, no seu lugar

"Ferramentas → Opcións → Contido → Enable JavaScript / Advanced → Cambiar texto da barra de estado"

E tamén que ... a escribir na barra de estado na súa Javascript, IE é só ok, se usa un curto sintaxe estado ie = 'text algún depuración', pero en Firefox, tes que usar completa ou sexa, sintaxe window.status = ' algo para depurar '

Google inicia un movemento de persoas listas para despexar IE6 ... Por usuarios escoitas IE6 cun emerxente na carga da páxina ... pode non ser unha idea moi boa ... pero sendo un creador de interface de usuario, eu teño que unirse a esta banda vagón ... menos un navegador para preocuparme Sentímolo ... é egoísta! pero eu incluír este javascript ... (probe esta páxina no IE6) ...
Hey! e sobre a nota máis brillante ... Ver é unha demostración do poder de JavaScript .... pode ata derrubar un xigante (ou unha vez que era)

SO ... Axuda librar o mundo do IE6 cunha liña de javascript!

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

Estou tan animado co número crecente de page views no meu blog, que eu verifico miñas Google Analytics case todos os días. Notei que o meu blog está a ser referido por sitios en moitas outras linguas e por persoas de todo o mundo. So nice!
Para facer a vida un pouco máis fácil para o meu barco espectador non Inglés, eu engade un widget de Google / Extensión chamado "Global Translator".

O Global Translator di que "traduce automaticamente un blog en 41 idiomas diferentes incluíndo catro diferentes motores de tradución en liña (Google Mecanismo de Tradución, mecanismo de tradución de Babelfish, FreeTranslations.com, Promt)" ... se quere engadir lo á súa propia instalación do WordPress ... confía aquí http://www.nothing2hide.net/wp-plugins/wordpress-global-translator-plugin/

Non estou seguro, como é bo a tradución é, pero eu sinceramente espero que axuda a compañeiros desenvolvedores por aí que acaban chegando o meu blog, só para estar decepcionado, que é en inglés ....

As ligazóns tradutor están na parte inferior da barra lateral ....

Heres outro anaco pouco de malandragem Javascript que eu tiven que cavar ao redor porque a situación commaned-lo. Un dos meus sitios web, eu tiven esta situación onde eu tiven que aplicar "windows.onload" dúas veces. O primeiro que veu á mente un inexperto como o meu (teño que dicir honestamente que, unha vez que teño benvida a empregar frameworks JavaScript e bibliotecas, eu forgotton para facer cousas simples no meu propio ... triste pero é certo), é o seguinte método ...

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

Sentímolo dicir, pero, iso non vai funcionar ... non quero discutir a ciencia execución de Javascript moi ... pero segundo a miña experiencia recente, só a función anterior (onloadfn3) vai realmente mal executada.

En situacións normais, ao contrario do meu (que eu vou falar un pouco máis tarde) ... podería facer as seguintes opcións para realizar funcións de onload mutliple ....

Ou algo así

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

Para a miña situación actual, non podo utilizar calquera dos anteriores ...
Por qué me teño chamar windows.onload dúas veces, en vez de chamar dúas funcións dentro dunha función onload único? Aquí é rápido ollar para a miña declaración do problema ...

"Páxinas do meu sitio web son estruturados como o tema do WordPress .... é dicir, hai un header.php e footer.php comúns que está incluído en todas as páxinas do sitio web. Hai unha implementaion función onload nos footer.php para facer algunhas funcións onload comúns. E hai poucas páxinas que precisan de algo da súa propia OnLoad, ademais daqueles feitos pola función onload común. Se eu asignar función de callback directamente ao manipulador de window.onload, ha sobrepasar-se callbacks previamente designados nos footer.php "

.... O meu problema entendido ?

Ben! existen poucas solucións que podo atopar. Todos eles son moi semellantes e, sobre todo, implementions dunha solución dada por Simon Willison ( http://simonwillison.net/2004/May/26/addLoadEvent/ ) ...

Solución:

Basta engadir este código javascript á páxina web ...

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

E chama-lo de vez da "windows.onload" usual

 addLoadEvent (FunctionToRunOnPageLoad);
 addLoadEvent (function () {
 / * Máis código para ser executado na carga da páxina *
 }); 

As vantaxes deste fragmento de código ...
1. En primeiro lugar, permite que ten eventos windows.onload múltiples, chamados de partes separadas do seu código, sen overridding a definición anterior
2. É moi discreto. Pode ser instalado nun arquivo con seus outros scripts ou nun ficheiro separado.
3. Funciona mesmo window.onload xa foi definido.

Penso que este será un doodle para atopar en Google, como moitos que escritores da interface de usuario e guión que facelo nunha base do día a día, que é incluír un pouco de peza de fragmento de código PHP (. PHP) nun Smarty Template (. TPL). Entender que o máis fácil / popular consulta o seu, aínda máis difícil atopar a resposta exacta ... un millón de resultados de busca, pero a maioría deles reffered para "arquivo" inclúe, en Smarty ... que ten a seguinte sintaxe

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

Isto realmente inlcuded o arquivo ben, pero como texto, que eu quería era o resultado do ficheiro incluído. (Ten en conta por riba é usada inclúen modelo dentro dun arquivo de modelo). Finalmente cun persiverance pouco .... Me deparei cunha sintaxe levemente modificado, que era a resposta á miña obrigación ... iso aquí é ... se havn't atopar un posto

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

Esta cuestión pasou pola miña cabeza algunhas veces antes, cando estaba a traballar en lugares anteriormente tamén, que usou o WordPress para mostrar blogs ou novo tipo de contido nalgunha parte da web / portal.Being un novato en PHP e ao redor de WordPress, eu mantiven procastinating, pensando "isto non é o meu anaco de pastel". Finalmente! esa esixencia veu ata o meu nariz, cando comezou a cavar en torno a un bit para a solución.
Quedei sorprendido ao descubrir que realmente era máis fácil do que realmente penso que era, para amosar unha lista de títulos ou última mensaxe en calquera outra páxina fóra da sección WordPress-powered, usando só un pouco de PHP e da API do WordPress .

Aquí está o que facer: -
Por razóns de explicación, supoña que o seu sitio é http://www.inchembur.com/ e ten a sección de noticias desta web en http://news.inchembur.com/ (que está executando WordPress). Agora, a esixencia é para mostrar o último post de http://news.inchembur.com/ na páxina principal do sitio principal, é dicir, http://www.inchembur.com/index.php

Paso 1: No seu index.php engadir o seguinte anaco de código, incluír o WordPress arquivo API. Podes engadir esta a parte superior da páxina que quere que o seu post para aparecer.

<? PHP
'WP_USE_THEMES' , false ) ; // Disbable use of WordPress Theme define ('WP_USE_THEMES', false); uso / / Disbable de tema WordPress
require ('/ var / news.inchembur.com / wp-blog de ​​header.php'); / / Engadir WordPress API
; // Get Latest Post query_posts ('showposts = 1'), / / Pega Última mensaxe publicada
?>

No anaco enriba de inclusión, estamos recibindo só a mensaxe máis recente single. se quere probar variacións máis Sinto-se libre para cavar, query_posts() documentación .

Paso 2: Agora, na parte da páxina Index / Home onde queiras mostrar o máis recente de post WordPress http://news.inchembur.com , use o seguinte código. Escusado será dicir que, se sentir libre para ad súas divisións de estilo, ocos e clases como polas súas necesidades do proxecto.

Paso 3: Non hai Paso 3 ... É iso ... está preparado!

Como mostrar unha páxina específica de post / a diferenza da última mensaxe: -
Isto pode ser facilmente conseguir modificar os argumentos para query_posts() para incluír a identificación da páxina ou páxina Slug

) ; query_posts ('page_id = 7');
) ; query_posts ('pagename = sobre');

ou pode controlar o número de mensaxes:
) ; query_posts (showposts = 3);