Webdesign mit Typo3 aus Duisburg

TS-Typoscript Typo3: Setup für Zeilenumbruch br-Tag in Text-Menu TMENU
temp.mainmenu = HMENU
temp.mainmenu {
entryLevel = 0
1 = TMENU
1 {
stdWrap.wrap = <div id=”menuname”><ul class=”menuname”>|</ul></div>
target = _top
expAll = 0

NO {
wrapItemAndSub = <li>|</li>
ATagParams = class=”menuname_no”
1 = COA
1 {
10 = TEXT
10 {
field = nav_title // title
listNum = 0
listNum.splitChar = |
}
20 <.10
20 {
listNum = 1
wrap = <br />|
required = 1
}
}
stdWrap.field >
stdWrap.cObject = TEXT
stdWrap.cObject <.1
}
ACT <.NO
ACT = 1
ACT {
ATagParams = class=”menuname_act”
}
}
}

Micaela Schäfer Quelle micaela-s.de

In den letzten Monaten wurden die 4 Redcoon Hauptdarstellerinnen Micaela Schäfer, Gina Lisa, Jordan Carver und Sandra Lang dem großen Internetseiten und Social Media Check unterzogen. Dabei stellten sich bei allen Defizite in den Internetseiten raus. Die hatte ich ja für die Leser des Webdesign Blogs aufgeführt und auch an die einzelnen Redcoon Girls gemailt.

Gina Lisa Lohfink

Bis auf Micaela Schäfer fand es leider leider keine große Beachtung. Auch hier sieht man allerdings wieder, daß Micaela Schäfer sehr professionelle und kluge Entscheidungen trifft und auch dankbar Hinweise für Verbesserungen annimmt. So wurden sehr zeitnah die Web2.0 Kanäle oben rechts positioniert, das große Video von der Webdesign Startseite angepasst und die Internetseite mit Facebook Share Buttons ausgestattet.

Jordan Caver Yoga Model

Allerdings sieht man an dem 4 Beispielen, daß Internetseiten zu erstellen und zu verwalten nicht einfach ist. Erfolgreiches Webdesign kommt nicht “Out of the box” oder kann mit einem 1 & 1 Webdesign Baukasten zusammengeklickt werden. Internet Fachwissen der Agentur ist erfordelich. Der Kunde kann hier nur vertrauen. Schick ist schnell gemacht. Webdesign und Programmierung sind soetwas ein digitales Kunsthandwerk aus Kreativität und Technik.

Es ist ähnlich wie bei Tätowier Geschäften oder

Sandra Lang Playmate Model Redcoon Quelle: sandralang.de

Frisören. Schauen Sie sich die Webdesign Referenzen an und klicken Sie die Seiten durch. Wenn alle gleich aussehen dann wird Ihre Internetseite auch so. Wenn die Internetseiten seit Ihrer Erstellung nicht mehr gepflegt wurden, hat das auch seinen Grund. Nehmen Sie gerne Kontakt mit uns auf. Wir beraten Sie gerne für individuelles und erfolgreiches Webdesign.

YouTube Hit Will Sims and Monifa Sims gastation Tankstelle mit Bon Jovi und Eurythmics

Die The Tonight Show with Jay Leno landet einen YouTube Hit mit einem Pärchen an der Tankstelle. Es sind Will Sims und Monifa Sims. Es gibt bereits jetzt über 4 Millionen YouTube User Aufrufe und das Video verteilt sich an diesem Wochenende erst richtig weltweit. Ich bin sicher das man von den beiden in den nächsten Wochen in den USA noch einiges sehen wird.

YouTube Hit Pärchen an der Tankstelle – couple on the gas station
Pumpcast News, Part 1 – The Tonight Show with Jay Leno

WordPress Bildergalerie zu YouTube Hit – Pärchen Will und Monifa singt an Tankstelle

Logo nichtlustig.de Webdesign

Mit dem Titel “10 Minuten NICHTLUSTIG-Trickfilm” veröffentlichte der YouTube User Joscha eine Funny Video Compilation von nichtlustig.de Videos. Diese hat mittlerweile über 700.000 YouTube User Aufrufe und erlebt gerade einen Zugriffsboom. Sicherlich auch, weil sie gerade auf einem Spiegel Online Artikel veröffentlicht wurde und für den Webvideopreis 2013 nominiert wurde.

Für den Webvideopreis nominiertes User Video

Weiterführende Webdesign Links:
Offizielle Internetseite zum Webvideopreis 2013
http://webvideopreis.de/

Für den Webvideopreis 2013 nominierter User
http://www.youtube.com/user/Joscha

Social Media Marketing Youtube Logo Highlight Hit Videos

Heute gibt es mal ein Video aus der Hall of fame der YouTube Hits. Diese Funny Fail Compilation hat es auf 111.746.050 YouTube User Aufrufe gebracht. Mit knapp 100.000 Likes alleine auf YouTube sicherlich auch ein Social Media Hit.

YouTube Hit Funny Fail Compilation
FUNNY VIDEOS ACCIDENTS compilation

WordPress Webdesign Bildergalerie zum YouTubeHit

jQuery Webdesign Duisburg

Javascript jQuery best practice:
Alle Javascript Funktionen sollten in ein externes Javascript File ausgelagert werden. Das Javascript File wird dann über ein <script>-Tag im head-Bereich oder vor dem schließenden Body-Tag </body> eingebunden. Schauen wir uns ein praktisches Javascript Best Practice Beispiel an. Belegen wir einen HTML Link mit einer Javascript Function:

jQuery Javascript best practice example:
HTML in der Seite
<a href=”#” class=”doSomeMagic”>Do some magic</a>

Javascript jQuery best practice im ausgelagerten JS-File
$(‘a.doSomeMagic’).click(function(){
// Magic code or simple
console.log(‘Right here!’);
});

Die jQuery .click() Methode erlaubt uns einfach ein Event an ein bestimmtes HTML

HTML5 Webdesign aus Duisburg Logo

Element zu binden. In diesem Falle wird die oben beschriebene Javascript Funktion an alle Links mit der Klasse “doSomeMagic” gebunden. Das ist auch der große Vorteil dieser Art der Programmierung. Es ist zentral und Darstellung und Logik von einander getrennt. Betrachten wir hierzu ein Javascript jQuery bad practice example.

Javascript jQuery bad practice example
<a onclick=”doSomething()” href=”#”>Click!</a>

Hier wird direkt der Javascript Funktionsaufruf im A-Tag HTML Element ausgeführt. Dadurch ist das Javascript nicht mehr klar vom HTML Code getrennt. Würde sich die Funktion ändern, also umbenannt oder Parameter hinzugefügt, müsste das immer an allen Stellen im HTML Code geändert werden. Das macht dann erheblichen Mehraufwand bei Änderungen.

CSS3 Webdesign aus Duisburg Logo

Weiterführende Links Javascript jQuery:
jQuery Library
http://www.jquery.com/ 

Webdesign mit WordPress aus Duisburg

Mit dem Bild zum Klopapiergewehr von 9.1 MB aus der Funny Fail gif compilation hatte ich das in der php.ini gestzte PHP Upload Limit von 8MB erreicht und konnte das Bild nicht mehr hochladen.

Den Wert für ein neues WordPress php uload limit kann man jedoch einfach über die .htaccess im WordPress root-Verzeichnis mit dem oben genannten WordPress .htaccess Code neusetzen. Die beiden Zeilen einfach unten hinzufügen, hochladen und fertig.

Funny Fail compilation Bild Klopapiergewehr

Klopapier Gewehr Badezimmer funny fail compilation

NEOS TYPO3 Webdesign Duisburg

Bei der neuen Typo3 6.0 gibt es viele Neuerungen gegenüber bisherigen Typo3 Versionen. Dabei fällt beim Standard Typo3 Formularen auf, daß die Angaben aus dem Wizard nicht richtig in die Typo3 Formular Configuration Ansicht übernommen werden. Daher hier eine Typo3 Config, die funktioniert

Typo3 6.0 Formular Configuration no confirmation step and messages.success
Typo3 6.0 Formular Configuration ohne Bestätigungsschritt und mit Erfolgsmeldung 

class = kontaktform
method = post
prefix = tx_form
confirmation = 0
postProcessor {
1 = mail
1 {
recipientEmail = empfaenger@kunde.de
senderEmailField = email
senderNameField = name
subject = Kontakt von Webseite
messages.success = TEXT
messages.success.value = <p>Danke für die Email.</p>
}
}
10 = TEXTLINE
10 {
name = name
label {
value = Vor- und Zuname
}
}
20 = TEXTLINE
20 {
name = email
label {
value = Email-Adresse
}
}
30 = SELECT
30 {
name = betreff
label {
value = Betreff
}
10 = OPTION
10 {
data = Allgemein
selected = selected
}
20 = OPTION
20 {
data = Käuferanfrage
}
30 = OPTION
30 {
data = Service
}
}
40 = TEXTAREA
40 {
cols = 38
rows = 5
name = nachricht
label {
value = Nachricht
}
}
50 = SUBMIT
50 {
name = 6
value = senden
}
rules {
1 = required
1 {
breakOnError = 0
showMessage =
message = Fehler
error = Namen eingeben
element = name
}
2 = email
2 {
breakOnError = 0
showMessage = 1
message =
error = Email ausfüllen
element = email
}
}

Die oben abgebildete Typo3 6.0 Formular Configuration versendet eine Email an empfaenger@kunde.de.

Typo3 6.0 Formular Configuration für Zielseite
Typo3 6.0 Formular Configuration for target page

…
confirmation = 0
action = 78
…

So wird die Typo3 PID 78 als Formular Zielseite aufgerufen.

Weiterführende Links zu Typo3 6.0 
Offizielle Internetseite von Typo3
www.typo3.org
Offizielle Internetseite Typo3 NEOS CMS für Flow
http://neos.typo3.org/

System Structure Backend NEOS TYPO3 Webdesign Duisburg

Open Source Shop Magento Duisburg Webdesign

CONNECT ERROR: Couldn’t resolve host ‘magento-community’
richtiger Link zum deutschen Sprachpaket für Magento Shops
http://connect20.magentocommerce.com/community/Locale_Mage_community_de_DE

Nach den ersten Schritten im Open Source Shopsystem Magento kann ich auch gleich meinen ersten Artikel zu dem Thema Magento Shops schreiben. Es hat mich ein wenig “googeln” gekostet und das möchte ich ja auch in Zukunft angehenden Magento Freelancer ersparen. Sucht man nach dem deutschen Sprachpaket für Magento Shops wird man zielsicher auf diese Seite hier geleitet

Offizielle Seite zum deutschen Sprachpaket für Magento
http://www.magentocommerce.com/magento-connect/locale-mage-community-de-de.html

und bekommt unter der Funktion Select Key folgende URL. Leider ist der Link unvollständig und falsch.

Offizieller Link zu deutschen Magento Sprachpaket führt zu CONNECT ERROR: Couldn’t resolve host ‘magento-community’
magento-community/Locale_Mage_community_de_DE

Aber mit dem Link von oben wird das dann alles schön installiert und durchgeführt.