Category Archives: CSS

SVG Gesture Icons Animated with CSS


Warning: Undefined variable $button in H:\root\home\stelco-001\www\collinscreative\wordpress\wp-content\plugins\facebook-share-new\facebookshare.php on line 631

Warning: Undefined variable $content in H:\root\home\stelco-001\www\collinscreative\wordpress\wp-content\plugins\facebook-share-new\facebookshare.php on line 636

Source: SVG Gesture Icons Animated with CSS

Responsive Data Tables | CSS-Tricks


Warning: Undefined variable $button in H:\root\home\stelco-001\www\collinscreative\wordpress\wp-content\plugins\facebook-share-new\facebookshare.php on line 631

Warning: Undefined variable $content in H:\root\home\stelco-001\www\collinscreative\wordpress\wp-content\plugins\facebook-share-new\facebookshare.php on line 636

A neat way to make Data Tables responsive on small devices < 768px. Source: Responsive Data Tables | CSS-Tricks

Fluid Typography | CSS-Tricks


Warning: Undefined variable $button in H:\root\home\stelco-001\www\collinscreative\wordpress\wp-content\plugins\facebook-share-new\facebookshare.php on line 631

Warning: Undefined variable $content in H:\root\home\stelco-001\www\collinscreative\wordpress\wp-content\plugins\facebook-share-new\facebookshare.php on line 636

Source: Fluid Typography | CSS-Tricks Codepen example using calc on body See the Pen bJeJRR by Steven Collins (@stelco74) on CodePen.

Audit – Website components


Warning: Undefined variable $button in H:\root\home\stelco-001\www\collinscreative\wordpress\wp-content\plugins\facebook-share-new\facebookshare.php on line 631

Warning: Undefined variable $content in H:\root\home\stelco-001\www\collinscreative\wordpress\wp-content\plugins\facebook-share-new\facebookshare.php on line 636

An Audit I produced showing all website components and assets. https://docs.google.com/spreadsheets/d/1yaeoPs3-Uw_wff4_d0c_EQW8qQjCb_aOD-NlqkRCB4M/edit?usp=sharing

Retina and Responsive HTML5 Images | Brian Love


Warning: Undefined variable $button in H:\root\home\stelco-001\www\collinscreative\wordpress\wp-content\plugins\facebook-share-new\facebookshare.php on line 631

Warning: Undefined variable $content in H:\root\home\stelco-001\www\collinscreative\wordpress\wp-content\plugins\facebook-share-new\facebookshare.php on line 636

Various methods for delivering retina images to a web page. With the popularity of retina and high definition displays on the rise it is now more important than ever for web developers to use high definition images. Source: Retina and Responsive HTML5 Images | Brian Love