Zobrazují se příspěvky se štítkemwebdesign. Zobrazit všechny příspěvky
Zobrazují se příspěvky se štítkemwebdesign. Zobrazit všechny příspěvky

13 března 2016

Přehled Free CMS, eshop, fotogalerie, forum...

Zveřejněno 20. srpna 2012, poslední aktualizace 13.03.2016

Jak online služby, tak download jako aplikace - open source & free

Začít se může třeba tady - přehledy:

 

CMS:

 

WYSIWYG editory (do CMS):

 

E-SHOPy:

 

E-shopy jako pluginy  do opensource CMS

 

Pluginy eshop pro WordPress

 

Pluginy eshop pro Joomla

 

Pluginy eshop pro Drupal

 

FOTOGALERIE, VIDEOGALERIE:

 

DISKUSNÍ FÓRA:

 

WEBY:

 

BLOGY:

 

Linkovací systémy

 

Počasí na web

 

E-learning

Vystavil v 1 komentář:
Štítky: , , , , ,

01 srpna 2013

PHP: Otvírací doba - zavřeno

Malá letní PHP hříčka.

Jak zobrazit informaci o zavření kanceláře na webu do zadaného datumu a času pomocí PHP?
  1. Zjistit aktuální časové razítko time stamp v unixovém formátu
  2. Převést zadaný datum a čas na unixový formát
  3. V podmínce porovnat aktuální a zadaný unixový formát datumu a času a na základě toho zobrazit informaci o zavření.
  4. Po uplynutí zadeného datumu a času se řádka o zavření už nezobrazí a člověk nemusí nic hlídat... :)
---------- například:

Otvírací doba:

Po – Pá 08.00 – 12.00 13.00 – 16.00 hod.
So a Ne ZAVŘENO

Dne 1. 8. 2013 z technických důvodů zavřeno.

---------- PHP kód:

<?php
$datumHodinaDnes = time(); 
// aktuální unixové časové razítko 1375330347
$datumHodinaZavreno = strtotime("2013/08/01 16:00"); 
// rok/měsíc/den hodiny:minuty - anglický tvar datumu a času
 ISO8601 Notations, do kdy má být zavřeno, 
do kdy se má hláška o zavření zobrazovat na webu
if ($datumHodinaDnes <= $datumHodinaZavreno) {
echo 'Dne 1. 8. 2013 z technických důvodů zavřeno.'; 
}
?>
Vystavil v Žádné komentáře:
Štítky: , , , ,

06 dubna 2013

Lepší LightBox - GreyBox nebo prettyPhoto - a další

aktualizováno 6. 4. 2013
Vystavil v 1 komentář:
Štítky: , ,

20 prosince 2009

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
Vystavil v Žádné komentáře:
Štítky: , , , ,

12 prosince 2009

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 highlightingExistují i další opensource a free nástroje
Nebo lze použít přímo PHP funkci
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/.
Vystavil v Žádné komentáře:
Štítky: , , , , , ,

20 října 2009

SVN – Subversion

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

Kde začít?

VyGooglit SVN :)
Vystavil v Žádné komentáře:
Štítky: , , , , ,

03 února 2009

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í)

Vystavil v Žádné komentáře:
Štítky: , , ,

16 ledna 2009

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:


SVN:


Testování webu online


Články o DW
Vystavil v Žádné komentáře:
Štítky: , , , ,

09 ledna 2009

Flashové stránky

Naposledy aktualizováno 21.11.2010

Sbírka pěkných webových stránek ve Flashi, na které jsem narazil.
Nápadité flashe
Flash interactive header
Flash prezentace
Vystavil v Žádné komentáře:
Štítky: , ,

07 ledna 2009

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/
Vystavil v Žádné komentáře:
Štítky: , ,

29 prosince 2008

Adobe odkazy

Adobe

Adobe Creative Suite CS 4 Web Standard

AIR aplikace

Video produkty

Články a popis Adobe produktů.

Diskuse o Adobe produktech

Adobe video workshop CS3

Vystavil v Žádné komentáře:
Štítky: , , , , , , , ,

13 prosince 2008

Jak uložit FLASH z HTML stránky

Sothink SWF Catcher for IE je free prográmek (422 kB), který se infegruje so kontextové nabídky IE 5.0+ a kterým je jednoduše možné uložit SWF flash animaci či online hru na disk. Je dostupná verze i pro Firefox. Tento nástroj se hodí i ke zjištění kolik a jaké flashe jsou na stránce HTML.
Vystavil v Žádné komentáře:
Štítky: , , , ,

27 října 2008

Flash video player pro web

http://flowplayer.org/
http://www.osflv.com/
http://www.jeroenwijering.com/?item=JW_FLV_Media_Player
Free Video to Flash Converter
http://www.applian.com/flvplayer/

Flash Video Players
Flowplayer
JW FLV Media Player
lustView
Mongoplayer
Multi Video Player
Progressive FLVPlayer Web
SWF Spot - FLV Player
OpenSource FLV Player
ToobPlayer Component (Version 1.0.0)
Weber Design Labs Flash Video Player
Weber Design Labs Flash Video Player
http://flv-web-player.qarchive.org/ - přehled FLV přehrávačů

Zajímavý se mi jeví OS FLV - The Open Source, Embeddable FLV Player.
Použití i konfigurace je velmi jednoduchá. Bohužel tento přehrávač není moc validní.

Validní a jednoduše nainstalovatelný je open source flowplayer.

Tak už jen stačí připravit video do formátu FLV ve free Riva FLV Encoder nebo v open source iConvert nebo freeware Free Video to Flash Converter.
Vystavil v 1 komentář:
Štítky: , , ,

19 října 2008

CSS & HTML test

Otestuj si kolik znáš:
Vystavil v Žádné komentáře:
Štítky: ,

Testovací balík IE pro webdesignery

Při testování webu je dobré si prohlédnout stránky v co nejvíce prohížečích, OS a rozlišeních.
Tohle jsou dva balíky pro testování stránek v Internet Exploreru různých verzí:

  • Multiple IE - obsahuje IE3, IE4.01, IE5, IE5.5, a IE6
  • IETester - obsahuje IE8 beta 2, IE7, IE 6 a IE5.5 pro Vista a XP

Online generátor náhledů webu v různých prohlížečích http://browsershots.org/

Vystavil v Žádné komentáře:
Štítky:

18 října 2008

Bublinová nápověda pro web

UniTip je název bublinové nápovědy pro web. http://labs.unitinteractive.com/
Vystavil v Žádné komentáře:
Štítky: , , ,

16 října 2008

3D animované vlajky států

Animované 3D vlajky státu jsou přehledně setříděny na adrese http://3dflags.com/world/all.html.

Vlajky je možné stahnout ve třech velikostech a pro bílé, šedivé a černé pozadí, jak animované tak statické. Použití je free za uvedení odkazu na web http://www.3dflags.com/.

3D Animated Flags by 3DFlags.com 3D Animated Flags by 3DFlags.com 3D Animated Flags by 3DFlags.com

3D Animated Flags by 3DFlags.com

Další animované vlajky a webová grafika jsou na adrese: http://www.virtuallandmedia.com/world-flag2.htm
Vystavil v Žádné komentáře:
Štítky: ,

21 září 2008

Tabulka z Wordu/Writeru do HTML na web

Word/Writer -> Excel/Calc -> .csv -> Dremweaver 8 -> HTML (web)

Měl jsem docela složitou tabulku v textu ve Wordu/Writeru (.doc) a potřeboval jsem ji dát do UTF-8 HTML stránky. Samozřejmě co nejrychleji a oproštěnou od veškerého původního formátování.

Zvolil jsem následující postup:

  • Upravil jsem ve Wordu/Writeru tabulku a její obsah, tak jak jsem potřeboval.
  • Tabulku jsem označil a přes schánku Windows (Ctrl+C a Ctrl+V) jsem ji vložil do Excelu/Calcu.
  • Z Excelu/Calcu jsem soubor Uložil jako typ *.csv. Při ukládání jsem nastavil Znakovou sadu na UTF-8, Oddělovač pole jsem nechal , (čárku), Oddělovač textu jsem nechal " (uvozovky).
  • V Dreamweaveru jsem tabulková data naimportoval: z menu Vložit/Objekt tabulky/Import tabulkových dat - zde je nutno pouze nastavit zvolený Oddělovač.

Do (X)HTML se vloží čistá tabulka s obsahem.
Vystavil v Žádné komentáře:
Štítky: , , ,

Doplňování pevných mezer &nbsp; do textu - &nbsp; replacer

Aktualizováno 26.07.2019

 &nbsp replacer je název online nástroje pro automatické doplňování pevných mezer to textu. Jedná se o nástroj pro webdesignery a copywritery, kteří si chtějí usnadnit práci při používání správné typografie i na webu!

&nbsp replacer automaticky doplní do vašeho připraveného textu, před vložením na web, pevné mezery za jedno a více písmenné spojky a předložky, aby tak v textu nezůstávaly na koncích řádků.

Pevné mezery se tímto nástrojem doplňují za tyto předložky a spojky: s, v, z, k, u, o, i, S, V, Z, K, A, U, O, I, na, ve, do, za, po, ta, to, ku, či, se, ze, ke, pod, nad, aby, když, který, před, při, Na, Ve, Do, Za, Po, Ta, To, Ku, Či, Se, Ze, Ke, Pod, Nad, Aby, Když, Který, Před, Při

Nástroj najdete na adrese: http://www.nedivse.cz/doplnovani-pevnych-mezer/ Do prvního pole se vloží text před úpravou a po zmáčknutí tlačítka "Doplnit pevné mezery" se ve druhém okně zobrazí text po úpravě s vloženými pevnými mezerami. Lze vkládat i text s HTML značkami.

Tento nástroj umí vkládat pevné mezery i tam, kde to není typograficky vyžadováno. Lze vybrat ze tří možností.

Volby vkládání

  1. Volba Všude vkládá defaultně pevné mezery i tam, kde to není typograficky vyžadováno.
  2. Volba Typograficky zužuje výběr toho, kam se vloží nedělitelná mezera.
  3. Volba Úzký sloupec zužuje výběr na jednopísmenné předložky a spojky. Vhodné pro sazbu do úzkých sloupců.
Popis funkčnosti je v Nápovědě.
Vystavil v 13 komentářů:
Štítky: , , ,

Antispamová ochrana e-mailu

Do sekce head HTML dokumentu vložíme tento script 



<script type="text/javascript">
  function writeTo(suffix, prefix) {
  location.href = "mai" + "lto:" + prefix + "@" + suffix;
  }
</script>


Do sekce body HTML dokumentu vložíme na místo kde požadujeme odkaz na e-mail 



<a href="javascript:writeTo('domena.cz','před_zavináčem');">e-mail</a>
Vystavil v Žádné komentáře:
Štítky: , ,
Přihlásit se k odběru: Příspěvky (Atom)