CSS - Revision history

Stuart at 22:57, 18 May 2018

2018-05-18T22:57:09Z

2018-05-18T22:44:02Z

‎Detect iPad screen size

2018-05-18T22:42:53Z

‎Make pretty shapes with CSS instead of having to stock images on the server

2018-05-18T20:26:23Z

2016-10-10T23:34:41Z

2016-10-10T23:19:39Z

2015-06-09T22:13:29Z

‎CSS menu

2014-11-14T14:53:38Z

‎How to have an image pop-up (css tooltip) when hovering over a hyperlink

2014-04-28T21:55:02Z

‎Embedded images

2014-04-27T21:50:41Z

‎Embedded images

@@ Line 1: / Line 1: @@
-[https://www.w3schools.com/cssref/default.asp CSS reference - w3schools.com]
+* [https://www.w3schools.com/cssref/default.asp CSS reference - w3schools.com]
 ===CSS tools for web designers===
 Such as Gradient generator, noise texture, border radius and box shadow

@@ Line 43: / Line 43: @@
 </pre>
-===Detect iPad screen size===
+===Detect iPad screen size for responsive websites===
 [http://stephen.io/mediaqueries/#iPad ...using media queries]
 ===Make pretty shapes with CSS instead of having to stock images on the server===
 * [http://css-tricks.com/examples/ShapesOfCSS/ css-tricks.com]

@@ Line 43: / Line 43: @@
 </pre>
 ===Make pretty shapes with CSS instead of having to stock images on the server===
 * [http://css-tricks.com/examples/ShapesOfCSS/ css-tricks.com]

← Older revision		Revision as of 20:26, 18 May 2018
Line 1:		Line 1:
		+	[https://www.w3schools.com/cssref/default.asp CSS reference - w3schools.com]
	===CSS tools for web designers===		===CSS tools for web designers===
	Such as Gradient generator, noise texture, border radius and box shadow		Such as Gradient generator, noise texture, border radius and box shadow

@@ Line 2: / Line 2: @@
 Such as Gradient generator, noise texture, border radius and box shadow
 * [http://www.cssmatic.com Common things done in CSS like round radius corners]
 ===Make pretty shapes with CSS instead of having to stock images on the server===
 * [http://css-tricks.com/examples/ShapesOfCSS/ css-tricks.com]

← Older revision		Revision as of 23:19, 10 October 2016
Line 1:		Line 1:
		+	===CSS tools for web designers===
		+	Such as Gradient generator, noise texture, border radius and box shadow
		+	* [http://www.cssmatic.com Common things done in CSS like round radius corners]
	===Make pretty shapes with CSS instead of having to stock images on the server===		===Make pretty shapes with CSS instead of having to stock images on the server===
	* [http://css-tricks.com/examples/ShapesOfCSS/ css-tricks.com]		* [http://css-tricks.com/examples/ShapesOfCSS/ css-tricks.com]

@@ Line 10: / Line 10: @@
 ===CSS menu===
-[http://www.menucool.com/horizontal/css-menu http://www.menucool.com/horizontal/css-menu]
+* [http://www.menucool.com/horizontal/css-menu http://www.menucool.com/horizontal/css-menu]
 ===Kill FireFox dotted lines around clicked elements===
 <pre>

← Older revision		Revision as of 14:53, 14 November 2014
Line 1:		Line 1:
		+	===Make pretty shapes with CSS instead of having to stock images on the server===
		+	* [http://css-tricks.com/examples/ShapesOfCSS/ css-tricks.com]
		+	For example, to code a red filled circle
		+	<pre>
		+	#circle { width: 50px; height: 50px; background: red; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
		+	</pre>
		+
	===How to have an image pop-up (css tooltip) when hovering over a hyperlink===		===How to have an image pop-up (css tooltip) when hovering over a hyperlink===
	See [http://www.menucool.com/tooltip/css-tooltip http://www.menucool.com/tooltip/css-tooltip]		See [http://www.menucool.com/tooltip/css-tooltip http://www.menucool.com/tooltip/css-tooltip]

@@ Line 9: / Line 9: @@
 </pre>
 ===Embedded images===
-eg. from enhanced.css at Apple
+eg. from enhanced.css at apple
 <pre>
 #globalheader { background:#707070;

@@ Line 30: / Line 30: @@
 		-webkit-gradient(linear, 0 100%, 0 0, from(#666), color-stop(0.5, #5e5e5e), color-stop(0.51, #707070), to(#808080))
+	;
+}
 </pre>