Se você achava que num futuro próximo todos os navegadores “iriam falar a mesma língua” e a dor de cabeça de construir código compatível com todos eles iria acabar, pode tirar o cavalo da chuva, porque tem coisa revolucionária vindo por aí. Apresentando… o HTML 5!

Principal mudança entre o HTML atual para o 5 já deve ter sido imaginada por alguns desenvolvedores, está na Semântica, no significado da estrutura html do seu site. No momento em que estávamos acostumados a criar um <div id=”rodape”> agora a galera nos ajudou, bastando um <footer> , bem, além disso temos também o seguinte:

• Tags com valore semânticos.  adição de valores semânticos com a criação das geniais tags footer, header, time, nav por exemplo;
• Áudio e Vídeo.  incluir vídeo e áudio era coisa de outro mundo? não mais! Foram criadas as tags <audio> e <video> que fazem com que essas mídias sejam incluídas numa página sem a necessidade de plug-ins extras. Estuda-se até o caso de incluir legenda nesses vídeos, imagina só! Tudo isso totalmente “de grátis”;
• Desenhos dinâmicos. o novíssimo HTML 5 permite que você trabalhe com os arquivos vetoriais baseados em XML e com código aberto, os chamados SVG (Scalable Vetorial Graphics);
• Drag and Drop. sim, agora vai dar para mover objetos e customizar a experiência do usuário na página com apenas algumas poucas linhas de código;
• Geolocation API. você vai poder localizar os dados de um usuário facilmente, sem a necessidade de depender de sites externos para isso;
• Armazene dados no cliente. existirá uma espécie de base dados no computador do cliente, da até pra trabalhar offline! Isso vai dar pra fazer estrago com Javascript.

Essas novidades são o “coração” do novo HTML, mas a página que contém a documentação tem uma rolagem sem fim.

Mas eu já posso usar?

Na minha opinião pessoal eu acho que ainda não é viável cair de cabeça na utilização da liguagem, mas estudá-la já está na hora. A documentação ainda é muito nova, sua aplicação precisaria de uma flexibilidade para mudanças. A documentação final está prevista para 2012, então ainda há tempo.

Pense no seu público-alvo e faça seus testes com prudência. O Internet Explorer 6 e 7 não oferecem suporte ainda, porém existe um Javascript, capaz de fazer estes navegadores interpretarem HTML 5 ,  em todos os artigos que li para elaborar este meu os escritores e blogueiros não aconselham você esperar a empresa do tio Bill Gates para um suporte completo dos IE ao HTML 5, isto duria séculos, mas também não é pra menos né, até hoje não acertaram com o IE8. Já com o Chrome e o Firefox, apartir das versões 3.0,  a história é diferente e você consegue sim ver as mágicas acontecerem. 

E o que mais?

Tá aí…

<article>: Define um artigo.
<aside>: Define algum conteúdo relacionado ao artigo.
<audio>: Define um streaming de áudio em um documento HTML
<canvas>: Define a criação de gráficos em uma página web
<command>: Define um botão de comando, como um radiobutton, uma caixa de seleção ou um botão.
<datagrid>: Define uma lista de dados selecionáveis. O datagrid é exibido como uma árvore.
<datalist>: Define uma lista de dados selecionáveis. Utilize esse elemento juntamente com o elemento input, para fazer uma lista suspensa para um valor de entrada.
<datatemplate>: Define um recipiente para o modelo de dados. Deve conter elementos filho que são <rule> para definir um modelo.
<details>: define os detalhes de um elemento, no qual o usuário pode ver, e clicar para ocultar.
<embed>: Utilizado para incorporar conteúdo no HTML, atuando como um plugin.
<eventsource>: Define um destino para eventos enviados por um servidor.
<figure>: Especifica ilustrações, imagens, fotos, associado juntamente com alguma legenda.
<footer>: Define o rodapé de uma seção ou documento. Normalmente, contém o nome do autor, data em que o documento foi escrito e / ou informações de contato.
<header>: Define o cabeçalho de uma seção ou documento.
<mark>: Define texto marcado. Utilize a tag <mark> se você quiser destacar partes do seu texto
<meter>: Define uma medição. Usado apenas para medições com conhecimento de um valor mínimo e um valor máximo.
<nav>: Define uma seção de links de navegação.
<nest>: Define o ponto de incício para criação de elementos em um <datatemplate>, utilizado em conjunto com o elemento <rule>.
<output>: Define a saída de diferentes tipos de dados, por exemplo, o cálculo efetuado por algum script.
<progress>: Define o progresso de uma tarefa de qualquer tipo.
<rule>: Define as regras para atualização de um datatemplate. Usado em conjunto com os elementos <datatemplate> e <nest>.
<section>: Define as seções em um documento. Tal como capítulos, cabeçalhos, rodapés, ou quaisquer outras seções do documento.
<source>: Define recursos para elementos de mídia, como <audio> e <video>.
<time>: Define tempo ou data, ou ambos.
<video>: Define vídeo, como um clipe de filme ou vídeo de outros fluxos.

(fonte: pinceladas da web)

A W3C liberou a documentação oficial no meio do ano de 2009 mas ainda é passível de alterações portanto não é definitiva. Ela é a mais completa e confiável fonte de informações sobre a linguagem e você encontra aqui neste link. (inglês).

Existem exemplos?

 Haram… olha aí:

http://bit.ly/1Hw1ED (resize & drag and drop de fotos)
http://bit.ly/HkYnp (post-its que são arrastados e armazenados offline)
http://www.html5gallery.com (galeria de sites em html5)
http://bit.ly/fPMxn (resize & drag and drop de videos)
http://bit.ly/2F3i1K (desenho escalável de um tigre em SVG)
http://bit.ly/1Hw1ED (resize & drag and drop de fotos)

(fonte: Luiz Tiago)

E afinal?

É uma questão sem solução atualmente adequada. Se por um lado existe um suporte à navegadores desatualizados o que cria a disponibilidade à todos os seus usuários, por que não usar?  Por outro lado, se ainda não existe uma documentação finalizada e consistente, para que começar?

Fica com você!

Vamos discutir sobre o assunto?

XML que significa eXtenible Markup Language (lenguaje de marcas extensible) es para mi, muy a pesar de su nombre, no un lenguaje si no un formato para representar data/información arbitraria (por eso lo de extensible).

XML al igual que HTML son derivados de un concepto más genérico llamado SGML, por lo que comparten los conceptos jerárquicos así como la idea de tags o etiquetas, de ahi que ambos se vean muy parecidos a simple vista.

XML a cobrado notoriedad desde hace algunos años atrás como una forma muy legible (para humanos) de representar casi cualquier tipo información, al ser puramente texto con reglas explícitas para manejar caracteres especiales y no imprimibles, lo hace muy fácil de transportar entre plataformas y lenguajes.

XML tiene la particularidad de poder almacenar tanto la información en sí, como meta-información en la forma de tags y atributos, por ejemplo:

<libros>
  <libro tipo="novela">
    <nombre>La casa verde</nombre>
    <autor>Mario Vargas Llosa</autor>
  </libro>
</libros>

Como se ve no es necesario conocer la intención del autor para saber de que se trata. Es bastante autodescriptivo, incluso se puede notar la jerarquía entre los elemetos.

Estas características lo hacen muy interesante como medio de almacenar y transportar información entre sistemas diferentes, en plataformas diferentes o lenguajes de programación distintos. Sin embargo tanta maravilla no es gratis. La información así descrita ocupa mucho más espacio que otros formatos binarios, la tarea de “parsear” la información tanmbién es más pesada. La carga para el humano lector es más fácil, pero para la máquina es más costoso, claro que para eso están las máquinas, para reducir nuestro esfuerzo.  NOTA: Estas consideraciones deberían tomarse en cuenta cuando se transmite grandes volumenes de información y/o el tiempo de procesamiento debe ser mínimo.

Delphi puede manejar XML usando diferentes mecanismos. Delphi 2009/2010 incluye al menos 3 motores distintos, versiones previas usan el Microsoft MSXML, aunque también hay varios componentes de terceros, algunos comerciales y otros free.

En Delphi 2010 se incluyen:

• MSXML, de Microsoft que usa la Msxml.dll
• Xerces, es una librería escrita en C++, que es parte del proyecto Apache.
• ADOM, Alternative Dom, que es una nueva versión de OpenXML, escrita integramente en Delphi por lo que no depende de ninguna librería externa.

Todas ellas permiten crear Documentos XML, cargar un Documento XML desde un archivo, grabrlo a un archivo, recorrerlo, y hacer búsquedas.

Para entender como se trabaja con XML debemos conocer algunos conceptos primero:

• Un Documento XML está formado por un conjunto de nodos, organizados jeráquicamente.
• Un nodo tiene una etiqueta o tag, puede tener atributos, y puede tener un contenido.
• Un nodo esta limitado por una etiqueta de inicio y una de fin.
• Un Docuemento XML tiene un solo nodo raíz, a partir del cual se arma toda la jerarquía.

Por ejemplo si el pedazo de código de líneas arriba es un documento XML entonces diriamos que:

<libros>

Es el nodo raíz, este nodo tiene una etiqueta de inicio que es “<libros>” y una etiqueta de fin que es “</libros>”

  <libro tipo="novela">

Este nodo tiene por etiqueta o tag <libro> , vemos que además tiene un atributo llamado tipo y cuyo valor es novela.

Finalmente en el siguiente nodo:

  <nombre>La casa verde</nombre>

Es un nodo de tag <nombre> y que tiene un contenido que es “La casa verde”.

Ya me cansé por hoy así que acá lo dejo.

En la siguiente entrada veremos código de como se maneja XML en Delphi.

Parent page: Service Functions – XML (QTP, VBScript) 

Note. Although there could be no “reusable function” that would construct XPath for you, I store current post under “XML Service Functions” category, as it’s closely related to it. XPath is fairly simple to learn and very powerful in use. 
You can use free XPath Designer Tool to validate queries you constructed.

What is XPath? The each element in XML tree has its own unique address.
The XPath expressions provide the ability to navigate around the tree, selecting elements (groups of nodes, single nodes, attributes, text values, etc.) by a variety of conditions.

What does it mean? You can address any XML tree element without looping through the tree, i.e. as you use array[index] notation to get an element of the array, for XML you would use XML[XPath].

How basic XPath syntax looks like? You will see that it is very similar to a disk folder/file addressing, as it’s a tree structure too.
For example, filepath “c:\documents\personal\pictures\1.jpg”  in XML-XPath notation would look like “./documents/personal/pictures/picture[1]“.

What are the differences?
If we can address only one file with a single pathstring, in XML we can address a collection of elements with a single pathstring. If in any folder there could be no duplicated filenames, in XML it’s allowed: elements will be referred by index. 
If we can address an element of an array only by index value, in XML we can address elements by index value or by element value. If with arrays all indexing is absolute, in XML it could be relative.

Examples.
Get a collection of book items in a library XML structure. Xpath = “./library/book”.
Get first book in the collection. Xpath = “./library/book[1]“.
Get a collection of book items written by James Bach. Xpath = “descendant::book[author/@firstname='James' and author/@lastname='Bach']“.

Documentation and references.

W3C XML Path Language

W3Schools XPath Introduction

Using XML Queries and Transformations

The original Struts project revolutionized Java web development and its rapid adoption resulted in the thousands of Struts-based applications deployed worldwide. Keeping pace with new ideas and trends, Apache Struts 2 has emerged as the product of a merger between the Apache Struts and OpenSymphony WebWork projects, united in their goal to develop an easy-to-use yet feature-rich framework. Struts 2 represents a revolution in design and ease of use when compared to classic Struts. It adds exciting and powerful features such as a plugin framework, JavaServer Faces integration, and XML-free configuration. Struts 2 In Action introduces the Apache Struts 2 web application framework and shows you how to quickly develop professional, production-ready modern web applications.

Courtesy: ebookindex 

For online coaching on Struts enroll at Fortune Technologies and benefit from the offer of a discount of 10%.

When I first saw this over lifehacker and downloaded it, I was just in awe and it has been my text editor across all my machines.

Forget Notepad++, even the Programmer’s Notepad I used to recommend — Sublime text is the best and sexiest light weight code/text editor out there!

It’s kind of pricey but no doubt you’d like it!

Link

• Sublime Text

Longest EAD comic ever, I think. Goes all the way up to <ead>!

In aceasta seara, impreuna cu inca 3 reprezentati din echipe diferite, ne-am strans sa discutam despre solutiile tehnice pe care fiecare dintre noi le propune (sau deja le-a folosit) in dezvoltarea proiectului sau.

Cei 3 cu care am avut onoarea sa discut sunt:

• Mihai Dumitrescu – managerul echipei Backwards IOC
• George Neagoe – responsabilul tehnic al echipei Muzeu Upb
• Dumbrava Maria – managerul echipei ITea

Ca o privire de ansamblu,  tehnologiile folosite/sau pe care intentionam sa le folosim sunt:  php+mysql, javascript, xml si flash.

Mihai ne-a vorbit si despre Joomla, care se pare ca face aproape totul in locul tau  (fapt pentru care o sa-l incerc si eu cat mai curand )

Oricum, discutia nu s-a rezumat doar la acestea de mai sus.  Transcript-ul conversatiei poate fi gasiti aici

I had coded this message forum as part of an assignment. This is a really very simple message forum using only PHP and XML and no database required. It just illustrates the concepts of

• XML
• XSLT
• DOM
• XPATH

You can download this forum here.

It contains a readme.txt file which explains how to use this.

In this short guide we will create a new page that lists the feeds available on a WordPress blog. It’s a simple process and can be a handy overview of what data your site offers.

Step One: Creating a Feeds Template

We will need a template which dynamically outputs our feeds. The easiest way to do this to fit in with the theme you have installed is to make a copy of the page.php template and name it something like feeds.php

Next we will need to give the new template a label. Look for the following snippet of code or something similar at the top and change the label to “Feeds Page”. If you do not see it go ahead and add this.

/*
Template Name: Feeds Page
*/

Next we will want to remove the code from this template that generates the page. We will replace it with the code that displays links to the feeds. Remove everything from the start of the WordPress loop to the end:

From

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

to

<?php endwhile; endif; ?>>

including the edit_post_link function call.

Now we will want to add in some code to display the feeds. I’ve created some code to get us started which can be demoed on my personal blog’s feed page.

The code is

<h2>Global Feeds</h2>

<ul>
<li><a href="<?php bloginfo('rss2_url'); ?>" title="<?php _e('Latest Posts (RSS)'); ?>"><?php _e('<abbr title="Really Simple Syndication">RSS</abbr>'); ?></a></li>
<li><a href="<?php bloginfo('atom_url'); ?>" title="<?php _e('Latest Posts (Atom)'); ?>"><?php _e('Atom'); ?></a></li>
<li><a href="<?php bloginfo('comments_rss2_url'); ?>" title="<?php _e('Latest Comments (RSS)'); ?>"><?php _e('Comments <abbr title="Really Simple Syndication">RSS</abbr>'); ?></a></li>
</ul>

<h2>Feeds by Category</h2>

<ul>
<?php wp_list_categories('orderby=name&show_count=1&feed=RSS&title_li='); ?>
</ul>

The first few lines simply link to the standard feeds: a feed of the latest posts in RSS format, a feed of the posts in ATOM format and a feed of latest comments in RSS format.

The last few lines (wp_list_categories) output some links to the feeds of the categories you have been posting in. You can edit the above code to fit your needs. For example you can set show_count to 0 to remove the amount of posts after the RSS link, or change “RSS” to say “Feed” instead or you can remove the listing of category feeds all together.

The hard part is now over. We need to let WordPress know we want a specific page for this template. We do this by creating a new page and setting the page template to use our new feeds template.

Step Two: Creating a Page

Login to the admin control panel and navigate to “Pages” and “Add New”. Name the page “Feeds” or something similar. Leave the content blank and then look to the right for “Template” under the attributes box. Click the dropdown and select our new template.

Once you publish the page and click the view button a beautiful new feed template should be displayed.

Closing

That’s it! Enjoy! This method can be adapted for other dynamic pages you may want to create and is employed by things like a custom archives page or a new dynamic home page. Let me know if this tutorial was useful or if you are using it on your own blog!

<ul>
<?php
wp_list_categories('orderby=name&show_count=1&feed=RSS'); ?>W
</ul>

So I got some XML and thought “well, simplexml looks like an easy way to parse the xml.” Then serialized it with json_encode and json_decode. BUT it loses the attributes on some of the nodes!!!

Someone reported this as a bug:

“Description:
————
If you json encode a simplexml object, any xml leaf nodes will lose
their attributes

The attached script has two small xml strings. One with attributes
on the leaf node, one without.

When you run the script, attribute values disappear for the second
json string”

Here’s the reply they got, that it’s not a bug!! Why does it keep some attributes, but not others, why is it not lossless??? If it DOESN’T WORK, why is it available? It’s not a bug because it wasn’t supposed to keep all the attributes, only some, randomly? Defective design doesn’t count as a bug? I don’t get it…

“[20 Oct 2008 11:10pm UTC] iliaa@php.net

Thank you for taking the time to write to us, but this is not
a bug. Please double-check the documentation available at
http://www.php.net/manual/ and the instructions on how to report
a bug at http://bugs.php.net/how-to-report.php

You cannot do a lossless (loss of attributes) on an object of a certain

type such as SimpleXML.”

You can put simplexml data into session variables by casting it to string first (string), could that be one way of getting around the attribute loss by not having to use json?

Sizin için internette bedava dağıtılan statik web site temalarını derledim.Devamını Okuyun (:

http://www.dreamtemplate.com Buradaki temalar yeni ve kullanışlı. CSS ve HTML içerikli temalar.
http://www.interspire.com CSS temalarıda mevcut.
http://andreasviklund.com Statik ve wp temalar var.
http://www.freewebsitetemplates.com kaliteli ve çok sayıda tema var.
http://freesitetemplates.com Basit temalar.
http://www.templateyes.com Çok kaliteli HTML temalar var.
http://www.freelayouts.com Kaliteli CSS ve HTML temalar.
http://www.oswd.org Sadece CSS tema’ların dağıtıldığı bir site.
http://www.openwebdesign.org Açık kaynaklı web site temaları.
http://erraticwisdom.com Gördüğünüz wp temaların html sürümü.
http://www.steves-templates.com Her türlü temayı bulabileceğiniz bir adres.
http://www.sixshootermedia.com Burada sadece CSS temalar dağıtılıyor.
http://www.templatemonster.com İnternetin tema canavarı.
http://www.dreamweaver-templates.org Dreamweaver ile kolayca editleyebileceğiniz kalitesi düşük temalar.
http://www.freetemplatesonline.com Kaliteli temalar. Download etmek için mail adresi istiyorlar.
http://zymic.com Çok zengin bir tema arşivi var. Online temaları görebiliyorsunuz.
http://www.webpagedesign.com.au Farklı HTML tema tasarımları.

You will need the following for QuickBooks Australia/Asia version:

QuickBooks 2007/08 SDK 3.0

SDK 6.1 release

Membership is required at Quicken Australia

Benipal Technologies
Location: Bangalore
Experience: 4-6 Years
Education: Graduates, MCA, M.Sc
Skills: JAVA J2EE, XML, STRUTS, HIBERNATE, SOAP,
WALK IN INTERVIEWS ON SATURDAY, NOV 21 from 12pm – 5 pm and SUNDAY, NOV 22 from 12 pm – 5 pm.

DESIRED CANDIDATE PROFILE:

Must have a Bachelors degree with any specialization. Preference will be given to M.Sc and MCA degrees. Excellent spoken engish is an absolute must with good presentation skills.

Ability to perform under pressure will be a critical factor.

Contact Details:

Benipal Technologies

28 5th Block 4th B Cross Koramangala Industrial Layout Bangalore, India 560095

Tel: 080-3026-8000

จากงานที่ผมทำอยู่จะต้องการส่งผ่านค่าจาก php ไปยัง flash จากที่เคยเขียนมาก่อนหน้านี้จะเป็นการที่ php ส่งค่ากลับมาหา flash ด้วยการส่งแบบ ตัวแปรและค่า แต่ติดปัญหาอยู่ที่ ส่งค่ากลับมาในปริมาณมากๆ ไม่ได้ จึงนำ xml มาช่วยในการส่งข้อมูลดังกล่าว เราจะมาดูว่า xml จะสร้างยังไงใน php นะครับ

ดูรูปแบบ xml ที่เราจะส่งไปเลยนะครับ เอาแบบไม่ซับซ้อนแล้วกันนะ เราจะส่งรายละเอียดของ วีดีโอในแต่ละหมวดกลับไปยัง flash นะครับด้วย xml ดังนี้

<videos>
<video id=”id”>
<title>title_name</title>
<src></src>
</video>
<video id=”id”>
<title>title_name</title>
<src></src>
</video>
…จำนวน video tags ขึ้นอยู่กับข้อมูลที่มาจากฐานข้อมูลนะครับ
</videos>

เราจะมารู้จักกับ tag xml แ่ต่ละส่วนที่จำเป็นก่อนแล้วกันนะ

• xml จะต้องอยู่ tag แม่หนึ่งอันเท่านั้น จากตัวอย่างจะอยู่ใน tag <videos>
• <videos> จะเรียกว่า Element
• <video id=”id”> จะเรียก id ว่า Attribute และที่อยู่ใน ” …  “(เครื่องหมายคำพูด) เรียกว่า values
• <title>title_name</title> จะเรียก title_name ว่า TextNode

ต่อมามารู้จักฟังก์ชั่นที่ใช้งานในการสร้าง xml ใน php กันนะครับ

• การสร้าง xml document

$dom = new DOMDocument(‘1.0′,’utf-8′);

• การสร้าง Element

$video = $dom->createElement(“video”);

• การสร้าง Attribute ใน Element

$video->setAttribute(“id”,$object['id']);

• การเพิ่ม Element ลงใน xml document หรือ การเพิ่ม Element ลงใน Element (ใช้ฟังก์ชั่นเดียวกัน)

$vid_title = $dom->createElement(“title”,$object['vName']);
$video->appendChild($vid_title);

เราก็จะพอรู้เกี่ยวกับ xml ขึ้นมาบ้างแล้วว่า ทำไมต้องใช้ xml ในการส่งข้อมูล และความรู้ที่ความรู้เกี่ยวกับ xml รวมทั้งการฟังก์ชั่นของ php ที่เกี่ยวกับ xml แบบ domdocument ส่วนตัวอย่างการโค้ดจริงๆ จะแสดงในตอนต่อไป ติดตามชมนะครับ

It is the next generation web programming through Ajax. Web programmers are grabbing this opportunity to move from what is usually the case of the standard or classical technology used for web pages and introduce a new way for the server, browser and webpage to work simultaneously through Ajax. Ajax stands for Asynchronous JavaScript and XML with the use of nonstandard XMLHttpRequest object to communicate with server-side scripts. It can send as well as receive information in a variety of formats, including XML, HTML, and even text files and with the least necessity of having to refresh. Ajax is of an “asynchronous” nature and creating a revolution online with Ajax tutorial as your support system. Just a PC with net can provide you knowledge that will prove worth while only when you are in need for a leading edge.

It is but quite a task to refer the right resource of Ajax tutorial available today to solve browser, user and various other problems that may occur. It is to know how Ajax is one of the better ways to use XMLHTTP. The next that comes with it is to learn about Ajax tutorial termed as Ajax in Action such as the programming used for Google Maps and Google Suggest where a particular search term when entered into the Google Suggest search engine opens a drop-down list of suggested search terms that updates as something is added to the search term. By using this new technology available through Ajax tutorials online, this list is continuously updated without the wait needed to reload your webpage. The benefit of programming with Ajax is new, more responsive web applications for your website and for this very reason Yahoo now uses Ajax in their Search Engine’s interface. This and more can now referred at the click of a button with Ajax tutorial with enormous knowledge waiting to enhance to better the technical knowledge that is required.

Knowing how to add Ajax in-progress indicators can serve fruitful. To get into a detailed study with Rasmus’ 30 second AJAX Tutorial, to make our knowledge go that extra mile by adding the spinning icon after “Get Results” link to indicate the result seeker to wait a while the search is refined and output is given are all relevant to Ajax tutorial. Ajax tutorial gives a lot of insight on Ajax wire framing approaches to introduce to their knowledge the concept of prototyping as a solution to the problem of representing Ajax at the early stages of designing an interface. The general strategies and attitudes should be considered important. The FAQ are worth following to add AJAX functionality to an application. Just a look at the category for Ajax tutorial and you have already made a head start in you r effort to gain the utmost out of the informative approach through e-learning. Visit for more information at http://www.soloscript.com

Digital agency in Farringdon is looking for an experienced client-side developer.

This is a key role within the Technical team specialising in the specification, costing, and production of interactive, functional website projects.  Experienced within your discipline, you may also be looking to broaden your career, exploring new technologies, or managing a team of developers.
You need to have a wealth of experience with a range of Internet-related technologies, ideally with multi-platform experience; a passion for best practice, quality assurance, rigour and evangelising how technology can improve a creative idea; and the desire to share your expertise with others within the agency, our clients and across the wider industry.

Required Knowledge and skills:
• Senior client-side developer with up to date and excellent skills HTML, CSS (Minimum 6 years), JavaScript (Minimum 6 years) and other related interface technologies.
• Expert in cross-browser CSS (especially IE6 issues)
• Experience in AJAX & DHTML (3 years)
• JQuery (1 year)
• JavaScript mapping frameworks such as Google Maps, MS Virtual Earth (1 year)
• Experience with working with templating languages such as ASP, JSP, Freemarker, Velocity
• Understanding of the AJAX paradigm.
• Excellent understanding of Accessibility and Usability issues relating to site development, as well as semantic mark up and SEO considerations
• Good XML, and related technologies (e.g. XSL & XML Schema)
• Understanding of test driven development and continuous integration an advantage.
• Version control systems such as Subversion or CVS. (Including understanding Branching, Tagging, Merging, Reverting etc).

Key responsibilities:
• Owning the technical relationship with specific clients, this is a client-facing role where the successful candidate will be required to take part in a number of client meeting throughout project scope.
• Take responsibility for technical delivery of the project.  Take part in creative discussions and steer those discussions in the most technically appropriate direction, recommending best technical approach.
• Ensure that knowledge gained is always shared outwards to the teams and the company as a whole.
• Ensure that the project is delivered to high standards of quality in all aspects including, but not limited to code, documentation, configuration management, source code control and best practice.

If your interested send me your CV as interviewing now. Send to: neil@majorplayers.co.uk

I’m going to tell you a way to read and write xml each day. Today I begin using LINQ to save all the same node in a object.

In this example I’ve used following xml file:

<?xml version=”1.0″ encoding=”utf-8″ ?>
<Actions>
<Action Id=”1″ Name=”TestAction” Date=”19-11-2009″ StartTime=”23:42″ EndTime=”25:15″></Action>
</Actions>

And this to read it in C#

XDocument xDoc = XDocument.Load(FilePath);

List<Action> actions = (from p in xDoc.Descendants(“Action”)
select new Action
{
id = (Int32)p.Attribute(“Id”),
name = (String)p.Attribute(“Name”),
date = (String)p.Attribute(“Date”),
startTime = (String)p.Attribute(“StartTime”),
endTime = (String)p.Attribute(“EndTime”)
}).ToList();

<?xml version="1.0" encoding="UTF-8"?>
<html xsl:version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns="http://www.w3.org/1999/xhtml">
<xsl:if test="system-property('xsl:vendor')='Transformiix'"></xsl:if>
    <body style="font-family: Verdana, Arial, Helvetica, sans-serif;font-size:11px;background-color:#EEEEEE">
        <xsl:for-each select="testsuite">
            <div style="background-color:blue;color:white;padding:4px">
                <span style="font-weight:bold">
                    <xsl:value-of select="@name"/>
                    <xsl/> Overall Results
                </span>
            </div>
            <div style="margin-left:20px;margin-bottom:1em;font-size:10pt">
                <span>
                    <xsl/> tests:
                </span>
                <xsl:value-of select="@tests"/>
            </div>
            <div style="margin-left:20px;margin-bottom:1em;font-size:10pt">
                <span>
                    <xsl/> assertions:
                </span>
                <xsl:value-of select="@assertions"/>
            </div>
            <div style="margin-left:20px;margin-bottom:1em;font-size:10pt">
                <span>
                    <xsl/> failures:
                </span>
                <xsl:value-of select="@failures"/>
            </div>
            <div style="margin-left:20px;margin-bottom:1em;font-size:10pt">
                <span>
                    <xsl/> errors:
                </span>
                <xsl:value-of select="@errors"/>
            </div>
            <div style="margin-left:20px;margin-bottom:1em;font-size:10pt">
                <span>
                    <xsl/> time (seconds):
                </span>
                <xsl:value-of select="@time"/>
            </div>
        </xsl:for-each>
        <xsl:for-each select="testsuite/testcase">
            <div style="color:white;padding:4px">
                <xsl:attribute name="style">
                    <xsl:choose>
                        <xsl:when test="failure">background-color:red;color:white;padding:4px;font-weight:bold</xsl:when>
                        <xsl:when test="@time=0.0">background-color:gray;color:white;padding:4px;font-weight:bold</xsl:when>
                        <xsl:otherwise>background-color:green;color:white;padding:4px;font-weight:bold</xsl:otherwise>
                    </xsl:choose>
                </xsl:attribute>
                <span><xsl:value-of select="@name"/></span>
            </div>
            <div style="margin-left:20px;margin-bottom:1em;font-size:10pt">
                <span>
                    <xsl/> assertions:
                </span>
                <xsl:value-of select="@assertions"/>
            </div>
            <div style="margin-left:20px;margin-bottom:1em;font-size:10pt">
                <span>
                    <xsl/> time (seconds):
                </span>
                <xsl:value-of select="@time"/>
            </div>
            <xsl:for-each select="failure">
                <div style="margin-left:20px;margin-bottom:1em;font-size:10pt">
                    <span>
                        <xsl:value-of select="time"/> failure type:
                    </span>
                    <xsl:value-of select="@type"/>
                </div>
                <div style="margin-left:20px;margin-bottom:1em;font-size:10pt">
                    <span>
                        <xsl/> failure message:
                    </span>
                    <xsl:value-of select="@message"/>
                </div>
            </xsl:for-each>
        </xsl:for-each>
        <div style="background-color:black;color:white;padding:4px">
            <span style="font-weight:bold">
                <xsl/> Console Output
            </span>
        </div>
        <xsl:value-of
        select="."
        disable-output-escaping="yes"/>
    </body>
</html>