Slider - layer slider - carousel pro web

nejlépe free i pro komerční použití (F), nejlépe jQuery (J), nejlépe responzive (R), nejlépe WordPress plugin (W) a nejlépe layer slider (L)... :-)
- |F|J|R|W|L|

-- Free --

bxslider - The Responsive jQuery Content Slider - http://bxslider.com/ - |F|J|R|W|L|

jCarousel - Riding carousels with jQuery - http://sorgalla.com/jcarousel/ - |F|J|R|W|L|

-- Online generátor --

comSlider - Free Online Slideshow Creator - http://www.comslider.com/ - |F|J|R|W|L|

-- $ za peníze --

LayerSlider WP - LayerSlider Responsive WordPress Slider Plugin - http://codecanyon.net/item/layerslider-responsive-wordpress-slider-plugin-/1362246 - |F|J|R|W|L|

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

aktualizováno 6. 4. 2013

• prettyPhoto a jQuery lightbox clone
• jQuery lightBox plugin
• ColorBox - a jQuery lightbox
• Lightbox2 (jQuery)
• Fancybox (jQuery)
• GreyBox
• Pro nekomerční použití je zdarma Highslide JS.
• http://www.phatfusion.net/multibox/
• LyteBox

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/.

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/

CSS & HTML test

Otestuj si kolik znáš:

• HTML značek http://www.oneplusyou.com/bb/html_quiz
• CSS značek http://www.oneplusyou.com/bb/css_quiz

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.