Die heutige Empfehlung kommt aus dem Themenbereich Internet/ Kommunikation/ Computer – WWW: Portale/ Linklisten: webmaster-eye.de – So beschreiben die Seitenbetreiber Ihr Angebot: “Suchen Sie HTML Beispiele? Wie kann ich meine Webseite perfekt mit Design & Grafik in Szene setzen? Wie erreiche ich viele Besucher mit meiner Präsentation? Wie erhalte ich Stammkunden? Diese und weitere kostenlosen Tipps erhaltet man bei Webmaster-Eye.de .”

Und das sagen andere über dieses Webangebot: “viele gute tutorials!” (am 23.09.2008), “Eine sehr Inforformative und Interessante Seite für jeden Webmaster!” (am 19.07.2008).

Weitere Details über diese Website auf dem bunte-suche.de Webportal, ähnliche Webangebote finden Sie in dem bunte-suche.de Themenkatalog Internet/ Kommunikation/ Computer – WWW: Portale/ Linklisten.

فديو, فيديو كليب انا بيه ورومانسى من فلم, فيلم البيه الرومانسىافلام لك تحميل من

شاهد فديو, فيديو كليب انا بيه ورومانسى من فلم, فيلم البيه رومانسى – سعد الصغير 2009
تحمل وتنزيل فديو, فيديو كليب سعد الصغير من فلم, فيلم البيه رومانسى انا بيه ورومانسى

لمشاهدة وتحميل الفديو, فيديو كليب …

شاهد فديو, فيديو كليب اغنية سعد الصغير انا بيه ورومانسى من فلم, فيلم البيه رومانسى
يو, فيديو كليب سعد الصغير من فلم, فيلم البية الرومانسى – انا بيه ورومانسى

اضغط هنا لمشاهدة الكليب

|اغانى|فديو, فيديو كليب|مقطع|هدف|مسلسل|اعلان|فلم, فيلم|برنامج|حلقة|شاهد|مشاهدة|اون لاين|سرعة عالية |بدون
تحميل|اغانى|عربى|اجنبى|MP3, mp3, ام بي ثري|البوم|
2009|سينجل|نغمات|تنزيل|نزل|شعبي|راب|حمل|موسيقى|MP3, mp3, ام بي ثري

|افراح|فديو, فيديو كليب|راديو||اون لاين|بدون تحميل|مجانا|بدون اشتراك|2010

Show this website in English

Dieses Fun Webtool stell den eingegebenen Text auf den Kopf, indem es ihn um 180° dreht.

Beispiel:

ʇxǝʇ ɹǝʇɥǝɹpǝƃɯn uıǝ ʇsı sǝıp

ʇxǝʇ pǝddılɟ ɐ sı sıɥʇ

☞  Flip Text

فديو, فيديو كليب انا بيه ورومانسى من فلم, فيلم البيه الرومانسىافلام لك تحميل من

شاهد فديو, فيديو كليب انا بيه ورومانسى من فلم, فيلم البيه رومانسى – سعد الصغير 2009
تحمل وتنزيل فديو, فيديو كليب سعد الصغير من فلم, فيلم البيه رومانسى انا بيه ورومانسى

لمشاهدة وتحميل الفديو, فيديو كليب …

شاهد فديو, فيديو كليب اغنية سعد الصغير انا بيه ورومانسى من فلم, فيلم البيه رومانسى
يو, فيديو كليب سعد الصغير من فلم, فيلم البية الرومانسى – انا بيه ورومانسى

اضغط هنا لمشاهدة الكليب

|اغانى|فديو, فيديو كليب|مقطع|هدف|مسلسل|اعلان|فلم, فيلم|برنامج|حلقة|شاهد|مشاهدة|اون لاين|سرعة عالية |بدون
تحميل|اغانى|عربى|اجنبى|MP3, mp3, ام بي ثري|البوم|
2009|سينجل|نغمات|تنزيل|نزل|شعبي|راب|حمل|موسيقى|MP3, mp3, ام بي ثري

|افراح|فديو, فيديو كليب|راديو||اون لاين|بدون تحميل|مجانا|بدون اشتراك|2010

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?

Show this website in English

Der Typetester ist ein praktisches Online Tool  für Webdesigner um verschiedene Fonts/Schriftarten “live” auf dem Bildschirm zu testen und miteinander zu vergleichen.  Die verschiedenen Fonts werden ständig aktualisiert und beinhalten sowohl Windows- als auch MAC-Fonts.

☞  Typetester

In order to do language specific syntax highlighting of your source code, replace “your code goes here” by your actual code:

See an example here.

For available language options refer to the link below.

Reference: WordPress Support.

Reference

Love dat logo.

The Adobe Integrated Runtime: it’s making my Computing project so simple. I needed a desktop solution – but I don’t know VB6/ C++/ Java etc. well enough. What I do know is HTML/ CSS. And a little bit of JavaScript. So hey – why not use AIR? It lets me build my app as if it were a website, which is really quite simple in this case, and then package it up

as a .air file and install for desktop use.

Better yet – Adobe are working on AIR 2, which includes support for both CSS3 and HTML5. So, that’s my design problems out of the way. All I have to do now is work on a way of calculating the maximum flow in a network using JavaScript…

Deoarece vorbim despre un site de pariuri, este normal ca interfaţa să asigure facilităţi orientate utilizator precum  : posibilitatea utilizatorului de a vedea istoria pariurilor jucate până acum, de a vedea ce pariuri a propus (să nu uităm de pariurile speciale ce se pot face pe acest site!) şi ce mize au fost jucate pe respectivele pariuri. De asemenea, pentru simplitate, userul trebuie să aibă opţiunea de a pune în cont o sumă dorită şi de a paria folosind acei bani, decât să trimită bani pentru fiecare pariu.

Toate aceste lucruri duc evident la nevoie de a implementa o structură bazată pe conturi, în care un utilizator trebuie să se înregistreze pe site pentru a putea beneficia de toate aceste facilităţi. În primă fază noi am implementat cele două module esenţiale pentru acest mecanism, şi anume interfaţa de autentificare (pentru cei care au cont deja) şi interfaţa de înregistrare. Pentru acestea este nevoie de programare server-side, pentru care noi am ales limbajul PHP (PHP: HyperText  Prepocessor).

Datele sunt preluate de la utilizator printr-un formular şi sunt salvate într-o bază de date. Ca sistem de gestiune a bazelor de date am ales MySQL, PHP având deja funcţii care pot interacţiona cu un astfel de server.

În principiu , realizarea acestor două formulare nu ridică probleme. Totuşi , programarea server-side are nişte restricţii despre care merită să vorbim puţin. În mod normal, un formular de înregistrare ar fi structurat astfel : o pagină în care se introduc datele, o pagină care conţine scriptul PHP ce prelucrează datele şi o pagină la care ar trebui să fie redirectat utilizatorul după ce s-a înregistrat (nu are sens să rămână pe pagina cu formularul de înscriere) .De asemenea,reamintim că protocolul HTTP se bazează pe cereri : clientul (browserul) cere o anumită pagină , de la o locaţie specificată şi serverul trimite răspunsul în format HTML. Dacă pagina conţine cod PHP, acesta va fi interpretat (de server) şi eventualul output al acestui cod va fi adăugat la conţinutul paginii ce va trimis clientului ca răspuns.

HTTP este un protocol stateless, adică nu există un context al cererilor. Ele sunt independente, nu se salvează informaţii de la o cerere la alta. De asemenea, în cadrul unei cereri nu se poate solicita decât o singură pagină. Asupra acestei proprietăţi vom mai reveni, dar momentan este important să o menţionăm.

Pagina în care se află scriptul este cerută de browser când au fost introduse datele , de obicei prin apasărea unui buton , şi tot scriptul va efectua şi redirectarea. Pentru a efectua o redirectare, serverul nu trebuie să fi trimis output HTML ca răspuns la cererea curentă. De aceea, scriptul de PHP se va afla într-o pagină separată. În cazul nostru, tot procesul de autentificare se face într-o singură pagină,ceea ce complică puţin lucrurile. Inevitabil, serverul a trimis deja o parte din output şi nu mai poate trimite altă pagină ca răspuns. Soluţia noastră a fost redirectarea folosind o tehnologie client-side, şi anume JavaScript.

O altă problemă, despre care probabil că vom mai discuta când vom vorbi despre securitatea site-ului, este cea a modului în care sunt preluate datele de către scripturile PHP. Este preluat şirul de caractere introdus de utilizator şi concatenat cu alte şiruri pentru a forma o comandă SQL (ex: introduce userul “sebaNU” in baza de date – “sebaNU” este textul introdus de utilizator). Dacă utilizatorul ştie să profite de acest lucru, prin datele introduse poate crea o comandă SQL cu efecte nedorite pentru noi . Acest lucu poarta numele de SQL Injection şi poate fi evitat prin trecerea şirului de caractere introdus printr-un filtru care să alăture un escape character fiecărui caracter special din SQL. Noi am implementat această funcţionalitate, folosind o funcţie din PHP.

Închid aici menţionând că orice întrebare,completare sau informaţie legată de cele de mai sus este binevenită.

P.S. Am strecurat nişte surprize pentru Seba. Cine le găseşte primeşte 5000 coins la crearea contului )

موالى كل الجديد فى عالم النت

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

How much time in a day you spend coding html? How many times unmatched div (any for that matter) tags are frustrated you? Here is a quite promising answers to such problems.

Zen-Coding , yeah Zen-coding, smashingmagazine.com’s Sergey Chikuyonok have come up with exiting, yet promising solution for we web-developer’s delight.

You can turn html:xt>div#header>div#logo+ul#nav>li.item-$*5>a

into

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en”> <head> <title></title> <meta http-equiv=”Content-Type” content=”text/html;charset=UTF-8″ /> </head> <body> <div> <div></div> <ul> <li><a href=”"></a></li> <li><a href=”"></a></li> <li><a href=”"></a></li> <li><a href=”"></a></li> <li><a href=”"></a></li> </ul> </div> </body> </html>

with just snap of a shortcut.

Go ahead and explore @ http://www.smashingmagazine.com/2009/11/21/zen-coding-a-new-way-to-write-html-code/ or http://code.google.com/p/zen-coding/

(De fapt ar trebui sa fie chat-ul #1 avand in vedere ca nu am mai avut si prima discutie, intrucat nu mergea concertChat-ul, dar facem abstractie )

Am avut in seara de duminica un chat impreuna cu Mircea (WebSmiths), Sergiu (QWERTY), Tiberiu (Gold) si Catalin (Power Over Web) legat la tehnologiile utilizate pentru implementarea site-ului. A fost o discutie foarte interesanta, care s-a intins peste 2 ore, in care am discutat despre mai multe lucruri.

Astfel, intai am vorbit eu despre beneficiile JavaScript  si am cazut de acord ca este un mecanism foarte util in dezvoltarea unei interfete. Am continuat cu PHP-ul despre care ne-a vorbit Catalin – o alta solutie consacrata careia am avut putine lucrui sa-i reprosam, cu atat mai putin cu cat beneficiaza de un suport enorm in ziua de astazi. Tiberiu ne-a povestit despre aventurile lui cu AJAX si ne-a explicat de ce proiectul echipei sale va utiliza mai mult aceasta tehnologie.

Ulterior, am schimbat putin registrul, trecand de la tehnologii “de baza” (ca sa le zic asa) la platforme deja implementate, care vin sa simplifice viata (cel putin pe hartie ) dezvoltatorului implementand deja anumite functionalitati sau oferind o serie de servicii facile acestuia. Am discutat impreuna cu Mircea despre JavaFX ca inlocuitor pentru AJAX, Flash sau Silverlight, oferind posibilitatea integrarii de cod Java direct in aplicatie (cu performantele de viteza aduse de acesta). In final, am discutat cu Sergiu legat de CMS-uri (Content Management Systems), ce reprezinta platforme care faciliteaza dezvoltarea de content Web prin utlizarea unor programe implementate in limbaje consacrate. Astfel de CMS-uri sunt Drupal sau WordPress. In particular, topic-ul CMS-ului WordPress a fost foarte bine-venit, intrucat echipa noastra tocmai ce luase decizia de a migra proiectul, renuntand la ideea “facem totul de la 0″, catre o solutie bazata pe o structura deja implementata.

Discutia s-a dovedit a fi una interesanta, in care am putut afla despre unele tehnologii noi, impreuna cu avantajele / dezavantajele lor si aplicatiile in care se preteaza a fi folosite.

So I decided it’s time to actually write a blog that is a big more than a link or youtube vid. But what is there to really write about?

It’s been raining and cold so I’ve been working on the 432809432 papers and presentations I have coming up from bed.

Colo-Colo won! (Had the game narration in the background)

But overall..boring stuff! Once I have these papers done, well then I’ll have something to share, but until then I’m just in this weird in between state. A zombie to political science. (That’s not so bad for me!)

I’ve been trying to work on the layout for my blog, but I suck at html stuff, if anyone has any tips/pointers let me know! Also, I’ve been trying to get a little bloggy network going. Also a miserable F so far. I think it’s because I haven’t posted enough cool stuff yet. I’ve been reading the blogs about all the gringas living in Chile and I just think to myself “when I move to Chile I’ll have a cool blog with lots to say”.

I just want to be free as a bird and travel the globe and speak every language and see everything, but that’s not going to happen until I finish these papers, get out of bed, finish this semester (and college for that matter) and embark on something new.

Okay. There’s my rant. Add me to your blogroll and follow me on twitter so even if I don’t finish even one of these damn papers today I have something to show for the day. Thanks!

Patagonia: Now there's something to blog about! Should have blogged when I went!

În seara asta 5 manageri de echipe ne-am strâns pentru a discuta despre tehnologiile folosite de fiecare în cadrul proiectului.

Sesiunea a durat cam 2 ore și fiecare am abordat câte o tehnologie importanta în următoarea ordine:

1) Andrei – JavaScript

• a punctat foarte bine caracteristicile acestui limbaj de scripting client-side
• am discutat apoi despre utilitatea acestui limbaj
• am amintit de Firebug ca si aplicatie pentru debugging-ul codului
• Sergiu a amintit de framework-uri precum JQuery și YUI

2) Eu – PHP (bineînțeles)

• limbaj de scripting server-side
• foarte bine documentat, fiind baza pentru foarte multe site-uri din prezent
• weak typing
• PHP ca limbaj orientat obiect

3) Tibi – AJAX

• Asynchronous JavaScript and XML
• nu este un limbaj propriu-zis, folosind JavaScript pentru partea de codare și XML pentru formatul raspunsurilor. Raspunsurile pot fi și în format JSON sau plain text.
• ne-a dat un exemplu cu o apllicație cu chat și a subliniat importanta metodei asincrone de comunicare

4) Mircea – JavaFX

• RIA (Rich Internet Application)
• http://javafx.com/samples/ – pentru exemple
• un bun inlocuitor pentru Silverlight sau Flash
• foarte bun pentru dezvoltarea unui joc online, browser based

5) Sergiu – CMS-uri (WordPress)

• Content Management Systems
• ”CMS-urile sunt o serie de programe, scrise de obicei într-un limbaj server site(PHP de exemplu dar nu numai) care folosesc HTML, CSS, AJAX și altele pentru a facilita afisarea și editarea de continut într-un mod facil”
• am discutat și despre diferențele dintre CMS-uri și Framework-urile PHP și despre folosire CMS sau scriere cod de la zero.

Mai multe găsiți și pe pagina asociată transcript-ului asociat chat-ului nostru.

Ştiți că tot am discutat despre oportunitățile folosirii unui framework sau de a crea un site de la zero.

După cum ați observat am ales cea dea doua variantă, pentru că trebuia să învățăm un framework în timp foarte scurt. Deși CodeIgniter era foarte apropiat de ceea ce ne doream noi,  ne trebuiau câteva zile pentru a înțelege MVC-ul(Model View Controller) asociat.

Oricum, eu unul susțin folosirea framework-urilor PHP, dar în proiecte unde ai timp destul pentru documentarea lor. Dacă nu vă trebuie ceva complicat mai bine folosiți Joomla sau chiar WordPress.

Mai întâi site-ul a fost creat local, unde am folosit pentru APACHE, PHP și MySQL utilitarul WAMP (Windows Apache MySQL PHP), astfel am fost scutiți de a instala cele 3 separat și de modificat fisierele de configurare. Pentru modificari la baza de date am folosit phpmyadmin.

Pe site vor începe să apară articole interesante despre unele dintre aceste tehnologii.

heej

så prøver vi sådan her

Di skul gue, yang pertama di ajarin adalah kode dasar HTML, berikut contoh kodenya:

nama

keterangan:
1. setiap kali akan membuat halaman web dengan kode HTML wajib diawali dengan sebagai penanda awal kode dan diakhiri dengan sebagai tanda berakhirnya kode.
2. head adalah merupakan bagian kepala yang menjadi dasar pada halaman web anda, biasanya diisi dengan:
a. title : yaitu nama yang akan tampil pada title bar web pada web browser.
b. setting dasar web :
© bgcolor : warna dasar web anda.
© background : background yang berupa gambar.
3. body : tubuh halaman web.
4. perlu diingat bila ada menulis atau atau atau kode lain yang dikurung harus selalu diakhiri dengan kode sama dengan penambahan garis miring didepannya , dan bila kode berurutan, pada akhir kode harus dibalik penyusunannya. contoh:

…

pada contoh kode diikuti , maka pada akhir susunanya dibalik menjadi dahulu baru , sama halnya dengan penulisan tanda kurung pada matematika [a{b(c)b}a].

Demikian seri pembelajaran HTML vol.1 dari saya. Apabila masih banyak kesalahan saya mohon maaf dan menuntut koreksi dari pembaca melalui komentar yang bisa ditulis dibawah post ini.

Terima kasih.

Gue tulis ni karena di skul gue kebetulan lagi mempelajari tentang ni materi.,

Sebenernya gue juga belum paham betul tentang ni materi, tapi gue bakal coba buat terangin ni materi.

Sebenernya apa sih HTML itu?

HTML (Hyper Text Markup Language) adalah kode yang digunakan dalam pembuatan sebuah web page/ halaman web.

Sebenernya saat ini sudah ada program aplikasi untuk membuat halaman web baik menggunakan HTML ataupun dengan cara lain, misalnya: Front Page, modx, dll

Tapi berhubung yang sedang gue pelajari adalah HTML maka gue cuma bakal bahas ni materi aja.

Selamat belajar.