Expressá-la

Com meu limitado conjunto de habilidades com ferramentas como Photoshop e Illustrator, eu posso confessar honestamente que eu sou um desenvolvedor melhor do que eu sou um designer. Mas a minha experiência com o núcleo (do lado do servidor) com desenvolvimento Java / PHP / COBOL, tem sido uma influência muito positiva sobre as minhas habilidades de desenvolvimento de interface do usuário. O que quero dizer é, ao criar meus projetos, ou seja, sempre que eu faço design, eu penso sobre como o projeto pode ser melhor convertidos em HTML e CSS enquanto faz o HTML-CSS, eu dou um pensamento sobre a tecnologia back-end e fazer razoavelmente certo que o HTML pode ser facilmente implementado em XSL loops ou trechos PHP etc

Nos últimos anos, tenho jogado de cabeça para projetos de designers de interface do usuário, que provavelmente donot ter uma idéia do que é HTML ou CSS. Todos esses anos eu tenho pensado que eu iria pedir demais, Se eu apenas esperar que o designer, que está tentando shov seu "impossível código" projeto goela abaixo, para entender um pouco o seu projeto seria convertido em. Isso ajudaria certo?

Então, me deparei com este post de hoje ... Web designers que não pode codificar ... Senhor Obrigado! Eu sou apenas um dos muitos que sentem o mesmo ... O artitle acima é um pouco longo fôlego .. mas vale a pena ler, cada palavra dele.

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

Eis alguns trechos de artigo Elliots .

Uau, que dia! Tudo começou com um tweet pouco e terminou com uma discussão que parecia varrer toda a comunidade web design. Parece que há algumas opiniões muito fortes realizadas sobre o assunto de se os designers de web deve ser capaz de código.
...
Então, antes de chegar a este, permitam-me recapitular rapidamente o que eu disse nesta manhã no Twitter:

Honestamente, eu estou chocado que em 2010 eu ainda estou vindo através dos web designers 'que não pode codificar seus próprios desenhos. Não há desculpa.

... Eu deveria ter sido um pouco mais específico na minha tweet. Eu estava falando sobre designers que não têm mesmo o mais básico de HTML e CSS habilidades para transformar um projeto simples em um site real. Não pessoas que intencionalmente não optam por código, aqueles que não podem. E eu também estou referindo apenas front-end código aqui, claro que é ridículo pensar que os designers devem também ser surpreendentes back-end programadores ...

Ficamos com 'web' projetos enviados em Illustrator, 300dpi, impossíveis de código, sem consistência / usabilidade.
~ Amy Mahon

Está ficando tarde, e eu tenho que acabar isto de alguma forma. Eu sei que haverá muitos que discordam de mim, e minha intenção não é ofender ou perturbar qualquer um que não pode codificar, mas espero que algumas das coisas que eu disse reflecte alguns dos pontos que sempre surgem quando se aprofundar este debate.

No final do dia, eu não perco o sono por causa que pode codificar e quem não pode. Eu sou apenas genuinamente surpreso ao encontrar tantos designers que carecem de front-end habilidades, como eu achava que isso era uma coisa do passado.

Leia também os comentários, havia cerca de 320 comentários, como eu escrevo ... que valem a pena uma leitura.
Por favor, leia Elliots post completo aqui .. Web designers que não pode codificar

• A Declaração de Tipo de Documento precisa estar presente no início de um documento que usa a sintaxe HTML. Pode opcionalmente ser usado dentro do sintaxe XHTML, mas não é necessária. O documento XHTML não precisa incluir o DOCTYPE porque os documentos XHTML que são entregues corretamente usando um tipo MIME XML e são processados ​​como XML navegadores, são sempre processados ​​em nenhum modo quirks.

• Em XHTML, os nomes de marca são sensíveis e geralmente são definidas para ser escrito em letras minúsculas. Em HTML, no entanto, nomes de marca são maiúsculas e minúsculas e podem ser escritas em todos os casos em maiúsculas ou misto, embora a convenção mais comum é para ficar com letras minúsculas. O caso das marcas de início e de fim não tem que ser o mesmo, mas sendo consistente faz o limpador aparência de código.

Benefícios da utilização de HTML

• Compatível com os navegadores existentes
• Os autores já estão familiarizados com a sintaxe
• A sintaxe tolerante e perdoar significa que não haverá nenhum usuário hostil " tela amarela da Morte "se um erro escorregar acidentalmente através de
• Sintaxe abreviada conveniente, por exemplo, autores pode omitir algumas marcas e valores de atributos

Benefícios da utilização de XHTML

• Sintaxe XML Strict encoraja os autores a escrever marcação bem formada, que alguns autores podem achar mais fácil de manter
• Integra-se diretamente com outros vocabulários XML, tais como SVG e MathML
• Permite o uso de XML Processing, que alguns autores utilizam como parte de sua edição e / ou processos de publicação

Ontem, após o problema que eu encontrei com o Redefine CSS no Google Chrome ... pensei escavar um pouco mais para a área de folhas de estilo do usuário do agente ...
Encontrado esta tabela sobre os valores padrão de CSS2.1 usuário Folhas de Estilo agente ... (para quem não sabe do que "usuário Folhas de Estilo" Agente é seguir o que é Folhas de Estilo User Agent (especificação) .

Para obter uma lista completa de CSS 2.1 do utilizador Folhas Agente padrões de estilo clique aqui

Ontem, como todos os outros "Dia Ground Hog", eu estava trabalhando em alguns layouts CSS / tableless. Tudo estava indo bem no IE 7, 3 FF e Chrome, untill de repente, vi algumas margens un-ignoráveis ​​visto apenas no Google Chrome. Apesar de muito estranho e PREOCUPANTE, era algum problema de novo bug / que eu tinha vindo accross, houve finalmente um pouco de tempero no meu trabalho mundano. Triste (mas agradável) que foi fixado dentro de alguns minutos da sonda ...

Basicamente, Parecia Google Chrome ignorou meu CSS Redefine (margin: 0px). Na verdade, foi causado pelo estilo agente do usuário (-webkit-preenchimento inicial: 40px). Então a solução foi redefinir esse estilo, definindo padding: 0 os elementos mal-comportados.
Uma boa maneira de evitar que esse problema acontece com qualquer elemento é usar um descanso CSS global como segue

* {Margin: 0; padding: 0;}

O que é o User Agent Folhas de Estilo (especificação)?
O seguinte excerto é retirado http://meiert.com/en/blog/20070922/user-agent-style-sheets/ link, siga para ler mais sobre Folhas de Estilo do usuário do Agente

CSS 1 introduz a idéia ao afirmar que cada User Agent (UA, muitas vezes um "navegador" ou "cliente web ') terá uma folha de estilo padrão que apresenta documentos em um razoável - mas, sem dúvida mundano - maneira. CSS 2 diz que os agentes do usuário conforme deve aplicar uma folha de estilo padrão (ou se comportam como se fez) e que uma folha de agente de usuário estilo padrão deve apresentar os elementos da linguagem do documento de forma que satisfaçam as expectativas de apresentação gerais para o idioma do documento; CSS 3 é susceptível de ser da mesma mente.

Como as especificações CSS deixá-lo até implementações se usar uma folha de estilo "real" para a exibição padrão ou não, não é surpreendente que você não encontrar uma folha de estilo padrão em cada pasta de instalação do navegador. Ao contrário do Internet Explorer da Microsoft, bem como o Opera, por exemplo (e, tanto quanto eu sei), navegadores Gecko como o Firefox eo Netscape Navigator (procure por "html.css"), mas também o Konqueror torná-lo bastante simples de compreender o seu estilo padrão.

Outra suplementar memória da velha escola ...

Por que devemos permitir windos.status?
Javascripts poderia ser um pesadelo quando você tem algo para depurar. Firefox tem alguns addons úteis, como isso é Firebug torna nossa vida mais fácil e também, a votação para a técnica de depuração mais popular em Javascript deve ir para "alerta ()". Anywaz! Há poucos casos em que a adição de ALERTA não depurar seu mis-comportando Javascript é apenas uma idéia boa. Por exemplo! você tem o item dragble cuja posição precisa ser alertado .... NÃO NÃO! Não fazê-lo! ... Você só vai receber alertas infinitas ou você vai ser capaz realmente drap seu dragable. Bem! Há situações mais bons, onde você pode escrever textos fora de depuração para a barra de status, muito mais usful ... Acredite em mim! A sua experiência!

IE por padrão deixei você escrever na barra de status do navegador usando a sintaxe "" algo para depurar "window.status =", mas o Firefox não. Então, para permitir janelas mudança de status, você pode fazer uma das seguintes opções.

Abra about: config no navegador (digite "about: config" esta na barra de endereços) e procure por
dom. disable_window_status_change. Mude-o para false ... basta clicar sobre a entrada para alternar seu estado.

Ou, em alternativa

"Ferramentas → Opções → Conteúdo → Enable JavaScript / Advanced → Alterar texto da barra de status"

E também que ... a escrever na barra de status na sua Javascript, IE é apenas ok, se você usar um curto sintaxe estado ie = 'text algum debug', mas no FireFox, você tem que usar na íntegra ou seja, sintaxe window.status = ' algo para depurar '

Google inicia um movimento de pessoas prontas para despejar IE6 ... Por usuários escutas IE6 com um popup no carregamento da página ... pode não ser uma idéia muito boa ... mas sendo um desenvolvedor de interface do usuário, eu tenho que aderir a esta banda vagão ... menos um navegador para me preocupar Desculpe ... é egoísta! mas eu incluir este javascript ... (tente essa página no IE6) ...
Hey! e sobre a nota mais brilhante ... Ver é uma demonstração do Poder de JAVASCRIPT .... ele pode até mesmo derrubar um gigante (ou uma vez que era)

SO ... Ajuda livrar o mundo do IE6 com uma linha de javascript!

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

Estou tão animado com o número crescente de page views no meu blog, que eu verifico minhas Google Analytics quase todos os dias. Notei que meu blog está a ser referido por sites em muitas outras línguas e por pessoas ao redor do mundo. So nice!!
Para tornar a vida um pouco mais fácil para o meu navio espectador não Inglês, eu adicionei um widget do Google / Plugin chamado "Global Translator".

O Global Translator diz que "traduz automaticamente um blog em 41 idiomas diferentes envolvendo quatro diferentes motores de tradução online (Google Mecanismo de Tradução, mecanismo de tradução do Babelfish, FreeTranslations.com, Promt)" ... se você deseja adicioná-lo à sua própria instalação do WordPress ... confira aqui http://www.nothing2hide.net/wp-plugins/wordpress-global-translator-plugin/

Não tenho certeza, como é bom a tradução é, mas eu sinceramente espero que ele ajuda a colegas desenvolvedores lá fora, que acabam atingindo o meu blog, só para ficar desapontado, que é em Inglês ....

Os links tradutor estão na parte inferior da barra lateral ....

Heres outro pedaço pouco de malandragem Javascript que eu tive que cavar em volta porque a situação commaned-lo. Em um dos meus sites da Web, eu tive esta situação onde eu tive que implementar "windows.onload" duas vezes. A primeira coisa que veio à mente um inexperiente como o meu (eu tenho que dizer honestamente que, uma vez que tenho vindo a utilizar frameworks JavaScript e bibliotecas, eu forgotton para fazer coisas simples no meu próprio ... triste mas é verdade), é o seguinte método ...

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

Desculpe dizer, mas, isso não vai funcionar ... não quero discutir a ciência execução de Javascript muito ... mas de acordo com minha experiência recente, apenas a função anterior (onloadfn3) vai realmente mal executada.

Em situações normais, ao contrário do meu (que eu vou falar um pouco mais tarde) ... você poderia fazer uma das seguintes opções para executar funções de onload mutliple ....

Ou algo assim

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

Para a minha situação atual, eu não posso usar qualquer um dos acima ...
Por que eu preciso chamar windows.onload duas vezes, ao invés de chamar duas funções dentro de uma função onload único? Aqui é rápido olhar para a minha declaração do problema ...

"Páginas de meu site são estruturados como o tema do WordPress .... ou seja, há um header.php e footer.php comuns que é incluído em todas as páginas do site. Há uma implementaion função onload nos footer.php para fazer algumas funções onload comuns. E há poucas páginas que precisam de algo de sua própria OnLoad, além daqueles feitos pela função onload comum. Se eu atribuir função de callback diretamente para o manipulador de window.onload, ele irá sobrepor-se callbacks previamente designados nos footer.php "

.... O meu problema entendido ?

Bem! existem poucas soluções que eu encontrei. Todos eles são muito semelhantes e, principalmente, implementions de uma solução dada por Simon Willison ( http://simonwillison.net/2004/May/26/addLoadEvent/ ) ...

Solução:

Basta adicionar este código javascript para o site ...

 addLoadEvent função (func) {
     var oldonload = window.onload;
     if (typeof window.onload! = 'função') {
        window.onload = func
     Else {}
        window.onload = function () {
            if (oldonload) {
                   oldonload ()
           }
           func ()
        }
    }
 }

E chamá-lo de vez da "windows.onload" usual

 addLoadEvent (FunctionToRunOnPageLoad); addLoadEvent (function () {/ * mais código para ser executado no carregamento da página *}); 

As vantagens deste trecho de código ...
1. Primeiramente, Ele permite que você tem eventos windows.onload múltiplos, chamados de partes separadas do seu código, sem overridding a definição anterior
2. É muito discreto. Pode ser colocado em um arquivo com seus outros scripts ou em um arquivo separado.
3. Ele funciona mesmo window.onload já foi definido.

Pensei que este será um doodle para encontrar no google, como muitos que nós escritores da interface do usuário e script precisa fazer isso em uma base do dia a dia, que é incluir um pouco de pedaço de trecho de código PHP (. Php) em um Smarty Template (. tpl). Percebi que o mais fácil / popular consulta o seu, ainda mais difícil encontrar a resposta exata ... um milhão de resultados de busca, mas a maioria deles reffered para "arquivo" inclui, em Smarty ... que tem a seguinte sintaxe

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

Isso realmente inlcuded o arquivo bem, mas como texto, que eu queria era o resultado do arquivo incluído. (Note acima é usada incluem modelo dentro de um arquivo de modelo). Finalmente com um persiverance pouco .... Me deparei com uma sintaxe levemente modificado, que era a resposta para a minha obrigação ... isso aqui é ... se você havn't encontrado um já

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

Esta questão passou pela minha cabeça algumas vezes antes, quando eu estava trabalhando em locais anteriormente também, que usou o WordPress para mostrar blogs ou novo tipo de conteúdo em alguma parte do site / portal.Being um novato em PHP e em torno de WordPress, eu mantive procastinating, pensando "isto não é o meu pedaço de bolo". Finalmente! essa exigência veio até o meu nariz, quando começou a cavar em torno de um bit para a solução.
Fiquei surpreso ao descobrir que ele realmente era mais fácil do que eu realmente pensei que era, para exibir uma lista de títulos ou a última mensagem em qualquer outra página fora da seção WordPress-powered, usando apenas um pouco de PHP e da API do WordPress .

Aqui está o que fazer: -
Por razões de explicação, suponha que seu site é http://www.inchembur.com/ e você tem a seção de notícias deste site em http://news.inchembur.com/ (que está executando WordPress). Agora, a exigência é para mostrar o mais recente post de http://news.inchembur.com/ na página inicial do site principal, ou seja, http://www.inchembur.com/index.php

Passo 1: No seu index.php adicionar o seguinte pedaço de código, incluir o WordPress arquivo API. Você pode adicionar esta para o topo da página que você deseja 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'); / / Incluir WordPress API
; // Get Latest Post query_posts ('showposts = 1'); / / Pega Última Mensagem
?>

No pedaço acima de inclusão, estamos recebendo apenas a postagem mais recente single. se você quiser experimentar variações mais sinta-se livre para cavar, query_posts() documentação .

Passo 2: Agora, na parte da página Index / Home onde você quer mostrar o mais recente de pós WordPress http://news.inchembur.com , use o seguinte código. Escusado será dizer que, se sentir livre para ad suas divisões de estilo, vãos e classes como por suas necessidades do projeto.

Passo 3: Não há Etapa 3 ... É isso ... está pronto!

Como mostrar uma página específica de pós / ao contrário da última mensagem: -
Isto pode ser facilmente conseguido se alterar os argumentos para query_posts() para incluir a identificação da página ou página slug

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

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