Archive for the ‘Web’ Category

« Older Entries

Webdevelopment en español – aquí puedes empezar

Sonntag, Oktober 30th, 2011

Hola todos,

eso es mi primer artículo en español. Aprendo español y porque no tengo mucho tiempo para escribir artículos por mi blog he pensado que empiezo escribir artículos en español porque puedo aprender la lengua y compartir en el web.

Mi tema hoy es una recomendación de una página de web que es lo mejor sitio si necesitarás informaciones sobre web development. La página se llama: smashingmagazine.com y allí encuentras…

  • recomendaciones sobre wordpress (por ejemplo como usar ajax en wp o algunos themes que se puede usar)
  • artículos sobre el design de páginas de web o como usar letras (fonts) que son perfecto por tu proyecto actual
  • tools que se puede usar en su proyectos de web por ejemplo para desarrollar más efectivo o más rapido
  • que frameworks son los más famosas en el red, como jQuery o plugins para jQuery
  • y mucho más

Este página es lo mejor porque dicen que es importante y ponen ejemplos que se puede usar efectivamente. Si tienes tiempo puedes surf más de una semana solo en esta página.

Por final tienen también un libro pero no tengo experiencias porque no lo tengo. Quizás compraré numero 3 del este edición.

La próxima vez escribo sobre un PDF Reader de Windows que se puede usar en Linux perfectamente.

Hasta luego y si encuentras faltas o algo, por favor dímelos!

Tags: ,
Posted in Web, Wordpress | No Comments »

apache virtual hosts mit ssl unter linux

Dienstag, Februar 2nd, 2010

Es wird immer wichtiger, dass man Daten nicht einfach so durchs Netz schickt, sondern die Daten verschlüsselt transportiert. Die Lösung ist ein apache, mit ssl und verschiedenen virtuellen hosts. Meine Grundidee ist folgende: schnell und einfach https://<dienstname>:<port> zu implementieren. Dazu braucht es natürlich erstmal eine funktionierende apache Installation. Aber das erkläre ich hier sicher nicht! Und wir gehen noch davon aus, dass wir nicht den Standard Port 443 nehmen wollen, sondern einen beliebigen. Das Ziel ist ja mehrere Seiten/ Dienste zu erstellen.

Zuerst kümmern wir uns um die Zertifikate:

  • sucht euch einen beliebigen Ort, z.B. /tmp/test um dort die Zertifikate zu erstellen und erstmal zu speichern
  • und los gehts: 
    $ sudo openssl genrsa -des3 -out <name>-ssl-cert-private.key 1024

    ihr müsst nichts eingeben, außer dem Passwort und das natürlich gut merken!

  • ok, dann nehmen wir den erstellten Key und erstellen ein ‘certificate request’: 
    $ sudo openssl req -new -key <name>-ssl-cert-private.key -out <name>-ssl-cert-file.pem
  • und jetzt erstellen wir noch das selbst-signierte Zertifikat: 
    $ sudo openssl x509 -req -days 365 -in <name>-ssl-cert-file.pem -signkey <name>-ssl-cert-private.key -out <name>-ssl-server.crt
  • jetzt müssen die Zertifikate an den richtigen Ort kopiert werden: 
    $ sudo cp <name>-ssl-server.crt /etc/ssl/certs

    $ sudo cp <name>-ssl-cert-private.key /etc/ssl/private

Das wars auch schon fürs Erste.

(weiterlesen…)

Tags: , ,
Posted in howto, Verschlüsselung, Web | No Comments »

htaccess Links und HowTo

Samstag, Januar 30th, 2010

Hallo,

als Webmaster versucht man stets seine Homepages zu optimieren. Dazu gehört auch der korrekte Umgang einer .htaccess-Datei, v.a. wenn man eben keinen direkten Zugriff auf die Apache Konfiguration hat. Mit einer .htaccess-Datei könnt ihr relativ einfach Konfigurationsvariablen für den zugehörigen Apache Server setzen und einstellen. Dies setzt natürlich voraus, dass der Hoster die Einstellungen, die ihr vornehmen wollt auch selbst in seiner Konfiguration des Apache genehmigt hat. Normalerweise könnt ihr recht viel Einstellungen machen.

Ich will hier aber gar keine große Anleitung schreiben, was ihr alles machen könnt oder was ihr genau bei WordPress machen solltet, sondern ich will euch ein paar hilfreiche und informative Links zur Verfügung stellen und ihr könnt dann selbst nachlesen, was ihr für sinnvoll haltet.

Ein paar Tipps gebe ich natürlich schon:

  • komprimiert eure Anfragen mit gzip (howto)
  • schützt eure htaccess-Datei & wp-config.php
  • verhindert, dass eure Bandbreite genutzt wird, in dem Bilder von eurer Seite in anderen eingefügt werden
  • versucht zu cachen
  • leitet http://<domain> anfragen an www.<domain> um

Und hier ein paar Links:

Es gibt sicher noch jede Menge Anleitungen, aber zu viel Informationen bringen auch nur Verwirrung. Ich denke mit der obigen Sammlung kann man schon so einiges aus seiner Seite raus holen.

Viel Vergnügen und falls ihr gute Links habt, postet sie in den Kommentaren.

Tags:
Posted in howto, Web | No Comments »

CSS Divs statt Tabelle

Dienstag, Januar 26th, 2010

Hallo,

für diesen kleinen Beitrag könnte es viele Überschriften geben, z.B. Divs richtig anordnen, divs positionieren, divs in divs, divs nebeneinander, etc….

Ich habe schon des öfteren divs in divs benötigt und manchmal auch nebeneinander oder untereinander und so weiter, heute wollte ich euch mal zeigen, wie einfach dies gehen kann.

Hier erstmal der CSS Code:

<style>

#wrapper {
	height: 165px;
	width: 500px;
	border: 1px solid blue;
	padding: 25px;
}

#demo_div1 {
	float:left;
	width: 190px;
	height: 160px;
	background: green;
}

#demo_div1_sub1  {
	float:left;
	margin: 5px;
	width: 170px;
	height: 70px; b
	ackground: red;
}

#demo_div1_sub2  {
	float:left;
	margin: 5px;
	width: 170px;
	height: 70px;
	background: black;
	color: red;
}

#demo_div2 {
	float:left;
	width: 190px;
	height: 160px;
	background: red;
	margin-left: 19px;
}

#demo_div2_sub1  {
	float:left;
	margin: 5px;
	width: 170px;
	height: 70px;
	background: green;
}

#demo_div2_sub2 {
	float:left;
	margin: 5px;
	width: 170px;
	height: 70px;
	background: black;
	color: red;
}
</style>

Dann noch ein paar HTML Schnippsel:

<div id="wrapper">
   <div id="demo_div1">
		<div id="demo_div1_sub1">div1_sub1</div>
		<div id="demo_div1_sub2">div1_sub2</div>
	</div>

	<div id="demo_div2">
		<div id="demo_div2_sub1">div2_sub1</div>
		<div id="demo_div2_sub2">div2_sub2</div>
	</div>
</div>
<p>ready...</p>

und fertig ist das ganze:  Demopage

Vor allem ist das hier nützlich für Bilder, oder für kleine oder auch größere Formulare, wenn ihr eure label-tags über euren input-Feldern oder Checkboxen wollt. Natürlich muss man dann noch ein paar Größenanpassungen machen, mehr ist allerdings nicht nötig.

Have fun

Tags:
Posted in howto, Web | No Comments »

Countdown for html5

Montag, Januar 25th, 2010

Hey ho,
for all the countdown lovers: http://ishtml5readyyet.com/

but that’s not important, what we need is browser support for html5 standard and we almost have it (more or less)

have fun

Tags:
Posted in Web | No Comments »

« Older Entries