V čem psát PHP?

V čem psát PHP? To je otázka, která asi trápí nejednoho začínajícího programátora v PHP. Na netu je toho v diskusích hodně a webů se softwarem na psaní PHP taky hodně. Jak si z toho má člověk efektivně vybrat? To je těžká otázka.
Programů, ve kterých se nechá psát PHP je hodně, od textových editorů až po robusní vývojová prostření IDE se spoustou dalších pluginů.
Další otázkou je v jaké fázi programování se nachází programátor?
Každopádně výběr je široký. Pokud do komentářů napíšete svoje zkušenosti s vaším oblíbeným programem na psaní PHP budu jedině rád.

Můj dosavadní program na psaní PHP je Adobe Dreamweaver CS4 nebo Notepad++.

Uvažuji o NetBeans

Další programy, jejichž názvy jsem našel v různých diskusích:
Eclipse PDT
Aptana
PHP Designer
PHPedit
PHPed
PSPad
PHP Coder
jEdit
Komodo Edit

Syntax highlighting aneb zvýraznění syntaxe na webu

Jak zvýraznit syntaxi programového kódu (PHP), který je třeba zobrazit na webu, pro usnadnění čtení zdrojového kódu.

Zvýraznění syntaxe http://cs.wikipedia.org/wiki/Zv%C3%BDrazn%C4%9Bn%C3%AD_syntaxe

Exisují webové nástroje pro Online syntax highlighting

• Online syntax highlighting http://tohtml.com/
• Quick Highlighter http://quickhighlighter.com/
• Nebo vygooglit - http://www.google.cz/search?hl=cs&source=hp&q=online+syntax+highlighter&lr=&aq=0&oq=online+syntax

Existují i další opensource a free nástroje

• SyntaxHighlighter http://alexgorbatchev.com/wiki/SyntaxHighlighter
• GeSHi - Generic Syntax Highlighter http://qbnz.com/highlighter/index.php

Nebo lze použít přímo PHP funkci

• highlight_string(); http://www.php.net/highlight-string

Tato PHP funkce zvýrazní syntaxi kódu a naformátuje ho tak jak kód vložíme do funkce. V (X)HTML kódu stránky je pak kód uzavřen do tagu CODE a jednotlivé barevné části kódu jsou u zavřeny do SPAN s přímými styly. Pak stačí v CSS přidat pravidlo - code, pre, tt {font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", Monaco, "Courier New", Courier, monospace;} (převzato z http://www.php.net/) a máme zvíraznění syntaxe a formátování kódu jako na http://www.php.net/.

Program na zálohovaní souborů

Delší dobu hledám program, kterým bych mohl jednoduše zálohovat z PC na externí HDD. Na stránkách D-software itala Dimitriose Coutsoubase http://dimio.altervista.org/ jsem našel free program na zálohování DSYNCHRONIZE. Program se neinstaluje, lze ho provozovat i z flash disku a má i počeštění od Alfoxe. Program umožňuje i načasování a automatické opakování synchronizace.


Screenshot zálohovacího programu DSynchronize (klikni pro zvětšení)

Další software na zálohování

• FileHamster http://www.filehamster.com/ - free version [en]
  
• Toucan http://portableapps.com/apps/utilities/toucan - free, portable [cz]
  
• Cobian Backup http://www.cobiansoft.com/ - free [cz]
  

PHP lze instalovat i na IIS7

Pokud chcete lokálně testovat PHP aplikace na IIS7 na Windows Vista nebo Windows 7, tak se můžete podívat na videonávod Štěpána Pazderky na http://www.mstv.cz/

CSS frameworky

O CSS frameworcích

• CSS framework – http://en.wikipedia.org/wiki/CSS_framework


• CSS framework – http://zdrojak.root.cz/n/css-framework/


• CSS frameworky pro masy, díl první – http://zdrojak.root.cz/clanky/css-frameworky-pro-masy-dil-prvni/


• CSS frameworky pro masy, díl druhý – http://zdrojak.root.cz/clanky/css-frameworky-pro-masy-dil-druhy/


• Vladimir Carrer: rozhovor na téma CSS – http://kratce.vzhurudolu.cz/post/210303539/vladimir-carrer


• Definitive List of CSS Frameworks – Pick Your Style – http://www.w3avenue.com/2009/04/29/definitive-list-of-css-frameworks-pick-your-style/


• Frameworks for Designers – http://www.alistapart.com/articles/frameworksfordesigners


• CSS Frameworky jsou hovadina – http://internet.blog.lupa.cz/css-frameworky-jsou-hovadina
• CSS frameworks typography comparison – http://www.vzhurudolu.cz/css-frameworks/

CSS frameworky

• 960 grid system – http://960.gs/


• Baseline – http://baselinecss.com/


• Blueprint – http://www.blueprintcss.org/


• BlueTrip – http://bluetrip.org/


• css-boilerplate – http://code.google.com/p/css-boilerplate/


• Elastic – http://elasticss.com/


• Elements – http://elements.projectdesigns.org/


• Emastic – http://code.google.com/p/emastic/


• jQuery UI CSS Framework – http://docs.jquery.com/UI/Theming/API


• Layouts – http://layout.constantology.com/


• LESS – http://lesscss.org/


• LogiCSS – http://code.google.com/p/logicss/


• Malo – http://code.google.com/p/malo/


• SenCSs – http://sencss.kilianvalkhof.com/


• Taffy – a simple CSS framework for small projects – http://code.google.com/p/taffy-css-framework/


• Tripoli – http://devkick.com/lab/tripoli/


• Vedoui – http://www.wedoui.com/


• YAML – http://www.yaml.de/


• YUI 2: Grids CSS – http://developer.yahoo.com/yui/grids/


• The 1KB CSS Grid by Tyler Tate – http://www.1kbgrid.com/


• The Golden Grid – http://code.google.com/p/the-golden-grid/


• xCSS – http://xcss.antpaw.org/


• CSScaffold – CSS framework written in PHP – http://wiki.github.com/anthonyshort/csscaffold


• Formy - CSS Form Framework – http://code.google.com/p/formy-css-framework/


• hartija - Css Print Framework – http://code.google.com/p/hartija/


• Object Oriented CSS – http://wiki.github.com/stubbornella/oocss


• Free CSS Drop-Down Menu Framework – http://lwis.net/free-css-drop-down-menu/


• CSS Tools: Reset CSS Erika Meyera – http://meyerweb.com/eric/tools/css/reset/

SVN – Subversion

SVN – Subversion – je systém pro správu a verzování zdrojových kódů

Kde začít?

VyGooglit SVN :)

• http://subversion.tigris.org/ - homepage - Subversion - is an open source version control system.
• http://cs.wikipedia.org/wiki/Subversion - Wikipedia - Subversion
• http://cs.wikipedia.org/wiki/Verzov%C3%A1n%C3%AD - Wikipedia - Verzování
• http://java.vse.cz/Main/Subversion - Používání Subversion - Úvod do Subversion
• http://www.linuxsoft.cz/article_list.php?id_kategory=236 - Seriál o Subversion na linuxsoft.cz (poskytující dostatečný úvod do problematiky) - 23.8.2005
• http://www.abclinuxu.cz/clanky/programovani/jak-spravovat-software-pomoci-subversion-i - Jak spravovat software pomocí Subversion - I - 13. 2. 2004
• http://www.abclinuxu.cz/blog/alblog/2007/6/10/183030 - Óda na SVN
• http://kore.fi.muni.cz:5080/wiki/index.php/Subversion - Subversion
• http://merlin.fit.vutbr.cz/wiki/index.php/SVN_tutori%C3%A1l - SVN tutoriál

Animace

Aktualizováno 07.02.2015

Klasická animace

ANIMÁNIE 2008 Proměny lidské tváře

http://www.animanie.cz/ - pro závislé na animaci

www.nedivse.cz/anivrk - 1. ročník promítání animovaných filmů a tvůrčí animační dílny pro děti a mládež Vrčeň 2009

Superosma 2: Making of animovaného seriálu a reklamy - https://www.youtube.com/watch?v=9aTYKH36J2M

YAHOO! a SPAM

Tak jsem si vyzkoušel udělat na YAHOO! mail, abych se taky podíval jak vypadá webové rozhraní i jinde. Ještě ten den, sice do SPAMového koše, mi přišel první SPAM na Viagru s datumem Tuesday, January 19, 2038 3:14 AM a z emailu dhfmuyhsyyq@yahoo.com. Co si myslet o YAHOO! nechávám na laskavém čtenáři.

Webdesign

Aktualizováno 29.01.2011

Počáteční úvahy nad novým designem webu se točí kolem mnoha parametrů. Jedním z prvních důležitých parametrů je, jestli to bude fixní nebo plovoucí layout. Pakliže to bude fixní layout vyvstává otázka „šířka“ webu. Už to samo o sobě znamená uvážit spoustu dalších parametrů, které se bohužel ještě časem mění, z důvodu technického rozvoje hardwaru a zvyšování rychlosti internetu.
Hlavní body jsou:

• jaké je aktuálně používané rozlišení pracovní plochy cílové skupiny návštěvníků (tady asi pomůže Google Analytics)? (800×600px je už dávno překonáno, ale 1024×768px je v době psaní tohoto článku stále aktuální) - http://www.w3schools.com/browsers/browsers_display.asp
  
• kolik chci na webu mít sloupců?
• budou na webu používány reklamní bannery?, jakých rozměrů?, vejdou se do plánovaných sloupců? (tady se asi vyplatí používat zavedené velikosti reklamních bannerů firem zajišťujících internetovou reklamu http://www.spir.cz/)
• vejde se důležitý obsah webu také na výšku do viditelné oblasti prohlížeče bez nutnosti rolovat oknem (kupodivu se setkávám s lidmi, kteří obsahem okna internetového prohlížeče nerolují!)? http://978.gs/browsers/
  
• nebude šíře textového řádku moc dlouhá na čtení (dlouhé řádky znesnadňují čtení textu)?
• jaká tedy bude šířka layoutu, když nevíme jaké rozlišení bude mít koncový uživatel? Jak vylpývá z následujícího obrázku, zatím (v době psaní tohoto článku) by šířka neměla překročit 995px. http://978.gs/browsers/
  
• šířku jednotlivých sloupců odvodíme od požadovaného obsahu, případně dle zamýšlených velikostí reklamních bannerů

Rozvržení webdesignu v IE 7 (+ klikni na obrázek pro zvětšení)

Kytara

Hrával jsem na elektrofonickou kytaru v kapele. Kytaru a digitální multiefekt mám dodnes doma a občas si jen tak pro sebe zahraju do sluchátek. Byl jsem samouk, proto mě potěšilo když jsem narazil na internetu na serveru iDNES.tv na seriál 1. internetová konzervatoř – kytara 1. díl. Pokud není po ruce ladička, tak si kytaru můžete naladit hned podle prvního dílu na konci.

Kytara může vypadat i takhle http://www.tacha-bs.cz/kytary/kytary.htm, vypadá hezky, ale nedá se na ní hrát :).

Adobe Dreamweaver CS4 - tipy

Porovnávání souborů - tzv. differencing & merging

Dreamweaver umí porovnávat lokální a vzdálené soubory prostřednictvím alikace třetí strany. Jako šikovné a bezplatné řešení se nabízí open source aplikace WinMerge. WinMerge používám již nějakou dobu a jsem s ním spokojen. Aplikace pracuje rychle a rozdíly v souborech zobrazuje graficky viz screenshoty na homepage.

Tutoriály:

• http://www.zoom-in.com/design/dreamweaver-quicktips

SVN:

• Video na ADOBE TV - http://tv.adobe.com/#vi+f1592v1761

Testování webu online

• https://browserlab.adobe.com/en-us/index.html

Články o DW

• http://zdrojak.root.cz/clanky/adobe-dreamweaver-s-cim-vam-textovy-editor-nepomuze/

Flashové stránky

Naposledy aktualizováno 21.11.2010

Sbírka pěkných webových stránek ve Flashi, na které jsem narazil.

• http://www.vprdeli.cz/ - celý web ve flashi - pěkná fotogalerie - skvelý hudební doprovod :)
• http://karaoke17.com/ - pěkný rozcestník - karaoke podnik
• http://karaokeworld.net.au/ - skoro celý web ve flashi - karaoke podnik
• http://www.cartoonsmart.com/ - celý web ve flashi + free tutoriály
• http://flashface.ctapt.de/ - aplikace ve flashi na vytváření obličejů
• http://www.greg.ch/flash/ - Best Flash sites
• http://www.flashland.sk/ - starší web o flashi - ukázky ke stažení
• http://www.zoom-in.com/design/flash-quicktips - flash tutoriály
• http://www.projekt-spad.cz/galerie.html - Projekt S.P.A.D.
• http://www.t-shock.eu/cs/tvoric - aplikace na potisk triček
• http://www.apartmanypodsnezkou.cz/ - přidrž myš na odkazu vpravo „Přímo Pod sjezdovkou“ - vyskočí na tebe lyžař
• http://beneta.benelist.cz//lt.php?id=ek4FBgEFBlZRTQEGAUgKD1IPBw%3D%3D - pěkný flashový graf
• http://www.webglobal.cz/text/cs/flash-animace.aspx - pěkný interaktivní vzorkovník kachlových kamen

Nápadité flashe

• http://www.jatur.cz/
• http://www.homag.de/cms/

• Globální oteplování a jeho dopad na jednotlivé kontinenty
• Usain Bolt a jeho neuvěřitelný rekord ve sprintu na 100m
• Návštěva papeže Benedikt XIV. v České republice
• Rok finanční krize a její vliv na trhy EU, USA a ČR
• Zemřel poslední významný muž z rodu Kennedyů
• Skvělá flashová znělka learnflash.com
• http://fibrecity.eu/
• http://www.zrozeniprouspech.cz/pracka/
• http://tungus.cz/
• http://www.lactalis-international.com/index.php?Rub=1&lang=2
• http://czmi.cz/kontakt/kudy-k-nam/
  

Flash interactive header

• http://www.synology.com/
• http://www.skype.cz/intl/cs/home
• http://www.wowwee.com/en/products/tech/telepresence/rovio/rovio
• http://www.megafoto.cz/
• http://www.publictv.cz/cz/menu/23/o-televizi/
• http://www.televizezatec.cz/
• http://www.cez.cz/cs/uvod.html
• http://www.genes.cz/
• http://www.giant.cz/
• http://med.uth.tmc.edu/comm/
• http://www.autodesk.cz/
• http://www.systematiq.cz/
• http://www.infonia.cz/
• http://www.folienaokna.cz/
  

Flash prezentace

• http://www.canon-europe.com/posterartist/
  

JavaScriptová udělátka

http://www.phatfusion.net/ - desítka zajímavých javascritpových udělátek open source
http://www.no-margin-for-errors.com/projects/prettyGallery/