Der Blog von Benny Neugebauer » Webseiten-Tipps http://www.bennyn.de Alles über die Informatik & Co. Mon, 06 Feb 2012 11:49:34 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 RegEx lernen und reguläre Ausdrücke testen http://www.bennyn.de/webseiten-tipps/regex-lernen-und-regulare-ausdrucke-testen.html http://www.bennyn.de/webseiten-tipps/regex-lernen-und-regulare-ausdrucke-testen.html#comments Sun, 04 Sep 2011 20:43:32 +0000 bennyn http://www.bennyn.de/?p=2759 Bei der Suche nach geeigneten Tutorials zu regulären Ausdrücken bin ich auf dieses fantastische Video gestoßen:

Wer lieber lesen möchte, dem empfehle ich das Java Regex Tutorial von Lars Vogel. Zum Testen von regulären Ausdrücken eignet sich regexpal.

]]> http://www.bennyn.de/webseiten-tipps/regex-lernen-und-regulare-ausdrucke-testen.html/feed 0 Mindfactory Mindnight-Shopping http://www.bennyn.de/webseiten-tipps/mindfactory-mindnight-shopping.html http://www.bennyn.de/webseiten-tipps/mindfactory-mindnight-shopping.html#comments Sun, 04 Sep 2011 15:31:54 +0000 bennyn http://www.bennyn.de/?p=2756 Zwischen 0-6 Uhr kann man beim Mindfactory Midnight-Shopping versandkostenfrei bestellen.

]]> http://www.bennyn.de/webseiten-tipps/mindfactory-mindnight-shopping.html/feed 0 Favicon erstellen http://www.bennyn.de/webseiten-tipps/favicon-erstellen.html http://www.bennyn.de/webseiten-tipps/favicon-erstellen.html#comments Tue, 22 Feb 2011 00:07:08 +0000 bennyn http://www.bennyn.de/?p=2385 Um ein Favicon (favorite icon) zu erstellen, muss man nur eine 32×32 Pixel große PNG-Datei mit transparentem Hintergrund erstellen. Sobald man diese Datei erstellt hat, kann sie auf ConvertICO.com in ein web-konformes Favicon mit der Dateiendung “ico” umgewandelt werden. Wie das konkret funktioniert, erkläre ich auf dem Geekroom-Blog im Artikel Favicon erstellen und einbinden und auf YouTube.

]]> http://www.bennyn.de/webseiten-tipps/favicon-erstellen.html/feed 0 Browser Benchmarks machen http://www.bennyn.de/webseiten-tipps/browser-benchmarks-machen.html http://www.bennyn.de/webseiten-tipps/browser-benchmarks-machen.html#comments Sat, 05 Feb 2011 07:55:02 +0000 bennyn http://www.bennyn.de/?p=2316 Wer die Web-Kompatibilität von verschiedenen Webbrowsern testen möchte, dem empfehle ich folgende Browser Benchmarks:

]]> http://www.bennyn.de/webseiten-tipps/browser-benchmarks-machen.html/feed 0 Schicke HTML Tabellen mit CSS http://www.bennyn.de/webseiten-tipps/schicke-html-tabellen-mit-css.html http://www.bennyn.de/webseiten-tipps/schicke-html-tabellen-mit-css.html#comments Fri, 24 Sep 2010 21:13:35 +0000 bennyn http://www.bennyn.de/?p=1944 Der Artikel “Top 10 CSS Table Designs” zeigt, wie man schnöde HTML-Tabellen mit CSS richtig schick machen kann. Im Anhang befindet sich eine “schnöde” HTML-Tabelle nach dem Standard des W3C sowie eine schicke Tabelle mit abgerundeten Kanten.

Einfache Tabelle:

HTML-Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

<table>
	<thead>
		<tr>
			<th width="100px">Jahr:</th>
			<th width="100px">Zahl:</th>
		</tr>
	</thead>
	<tfoot>
		<tr>
			<td colspan="2">Die Entwicklung seit 2008.</td>
		</tr>
	</tfoot>
	<tbody>
		<tr>
			<td>2010</td>
			<td>35.000</td>
		</tr>
		<tr>
			<td>2009</td>
			<td>17.500</td>
		</tr>
		<tr>
			<td>2008</td>
			<td>11.000</td>
		</tr>								
	</tbody>
</table>

Tabelle mit abgerundeten Kanten:

HTML-Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

<table cellspacing="0px">
	<thead>
		<tr>
			<th class="top-left" width="100px">Jahr:</th>
			<th width="100px">Zahl:</th>
			<th class="top-right" width="37px">&nbsp;</th>
		</tr>
	</thead>
	<tfoot>
		<tr>
			<td class="bottom-left" colspan="2">Die Entwicklung seit 2008.</td>
			<td class="bottom-right" width="37px">&nbsp;</td>
		</tr>
	</tfoot>
	<tbody>
		<tr>
			<td>2010</td>
			<td>35.000</td>
			<td>&nbsp;</td>
		</tr>
		<tr>
			<td>2009</td>
			<td>17.500</td>
			<td>&nbsp;</td>
		</tr>
		<tr>
			<td>2008</td>
			<td>11.000</td>
			<td>&nbsp;</td>
		</tr>								
	</tbody>
</table>

CSS-Stil:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64

table
{
	border-spacing: 0px;
	font-family: Arial;
	color: #484747;
}
 
th
{
	padding: 8px;
	background-color: #9AC8EB;
	text-align: left;
}
 
th.top-left
{
	background-image: url(../images/th-top-left.png);
	background-repeat: no-repeat;	
}
 
th.top-right
{
	background-image: url(../images/th-top-right.png);	
	background-repeat: no-repeat;	
	background-position: right;
}
 
td
{
	padding: 8px;
	border-top: 1px solid #484747;
	background-color: #EDEDED;
}
 
td.bottom-left
{
 
	background-image: url(../images/td-bottom-left.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
 
td.bottom-right
{
	background-image: url(../images/td-bottom-right.png);	
	background-repeat: no-repeat;	
	background-position: right bottom;
}
 
tr:hover td
{
	background-color: #9AC8EB;
}
 
tfoot tr:hover td
{
	background-color: #EDEDED;
}
 
tfoot td
{
	font-style: italic;
	font-size: 14px;
}

Screenshot:
Tabelle mit abgerundeten Kanten

]]> http://www.bennyn.de/webseiten-tipps/schicke-html-tabellen-mit-css.html/feed 0