<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-22390169</id><updated>2024-08-30T11:15:29.886+01:00</updated><category term="cool stuff"/><category term="design"/><category term="code tips"/><category term="news"/><category term="css3"/><category term="websites"/><category term="illustration"/><category term="jquery"/><category term="my things"/><category term="html5"/><category term="advert"/><category term="photography"/><category term="art"/><category term="seo"/><category term="wedding"/><category term="fonts"/><category term="javascript"/><category term="fashion"/><category term="misc"/><category term="new"/><category term="tips"/><title type='text'>Fat Pudding Blog</title><subtitle type='html'></subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://cssandme.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default'/><link rel='alternate' type='text/html' href='http://cssandme.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><link rel='next' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default?start-index=26&amp;max-results=25'/><author><name>Kristina</name><uri>http://www.blogger.com/profile/08893297707511443606</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>155</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-22390169.post-2044674974762329692</id><published>2015-02-18T09:21:00.005+00:00</published><updated>2015-02-18T09:21:51.567+00:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="cool stuff"/><title type='text'>Css Puns</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://saijogeorge.com/css-puns/images/logo2.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://saijogeorge.com/css-puns/images/logo2.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
CSS puns and jokes that will make you laugh. Curated by Saijo George.&lt;br /&gt;
Super geeky but I love it&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;http://saijogeorge.com/css-puns/&quot; target=&quot;_blank&quot;&gt;css puns&lt;/a&gt;</content><link rel='replies' type='application/atom+xml' href='http://cssandme.blogspot.com/feeds/2044674974762329692/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/22390169/2044674974762329692' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/2044674974762329692'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/2044674974762329692'/><link rel='alternate' type='text/html' href='http://cssandme.blogspot.com/2015/02/css-puns.html' title='Css Puns'/><author><name>Kristina</name><uri>http://www.blogger.com/profile/08893297707511443606</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-22390169.post-8500445932559595535</id><published>2014-11-04T13:38:00.002+00:00</published><updated>2014-11-04T13:38:18.681+00:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="code tips"/><title type='text'>all Cursors</title><content type='html'>&lt;a href=&quot;http://chrisnager.github.io/cursors/&quot; target=&quot;_blank&quot;&gt;All available cursors&amp;nbsp;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Very useful resource&lt;br /&gt;
&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://cssandme.blogspot.com/feeds/8500445932559595535/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/22390169/8500445932559595535' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/8500445932559595535'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/8500445932559595535'/><link rel='alternate' type='text/html' href='http://cssandme.blogspot.com/2014/11/all-cursors.html' title='all Cursors'/><author><name>Kristina</name><uri>http://www.blogger.com/profile/08893297707511443606</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-22390169.post-859911188831597893</id><published>2013-12-18T09:54:00.001+00:00</published><updated>2013-12-18T09:58:18.394+00:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="css3"/><title type='text'> SpinKit: Simple CSS Spinners </title><content type='html'>&lt;a class=&quot;yiv973188461post-title&quot; href=&quot;http://sidebar.us2.list-manage.com/track/click?u=b5af47765edbd2fc173dbf27a&amp;amp;id=3cbf2db864&amp;amp;e=099f83a2ec&quot; id=&quot;yui_3_7_2_1_1387295976912_8216&quot; rel=&quot;nofollow&quot; style=&quot;color: #333333; font-weight: normal; text-decoration: none;&quot; target=&quot;_blank&quot;&gt;
  Some&amp;nbsp;nice css spinners from Tobias Ahlin&lt;/a&gt;
&lt;style&gt;
.boxSpinner {background: #ff6633; width: 100%; height: 150px; padding: 30px 0}

.spinner {
  margin: 100px auto;
  width: 50px;
  height: 30px;
  text-align: center;
  font-size: 10px;
}

.spinner &gt; div {
  background-color: #333;
  height: 100%;
  width: 6px;
  display: inline-block;
  
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
  0%, 40%, 100% { transform: scaleY(0.4) }  
  20% { transform: scaleY(1.0) }
}
&lt;/style&gt;

&lt;br /&gt;
&lt;div class=&quot;boxSpinner&quot;&gt;
&lt;div class=&quot;spinner&quot;&gt;
&lt;div class=&quot;rect1&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;rect2&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;rect3&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;rect4&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;rect5&quot;&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;a href=&quot;http://tobiasahlin.com/spinkit/&quot;&gt;http://tobiasahlin.com/spinkit/&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://cssandme.blogspot.com/feeds/859911188831597893/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/22390169/859911188831597893' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/859911188831597893'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/859911188831597893'/><link rel='alternate' type='text/html' href='http://cssandme.blogspot.com/2013/12/spinkit-simple-css-spinners.html' title=' SpinKit: Simple CSS Spinners '/><author><name>Kristina</name><uri>http://www.blogger.com/profile/08893297707511443606</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-22390169.post-3896958130620433091</id><published>2013-11-12T16:39:00.000+00:00</published><updated>2013-11-12T16:39:04.293+00:00</updated><title type='text'>arsene wenger can&#39;t deal with his winter coat</title><content type='html'>It&#39;s cold again and that means that Arsene Wenger is going to have problems doing up his coat.&amp;nbsp; The poor man just seems to have problems with the winter jacket&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://i.imgur.com/w28wE2Z.gif&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://i.imgur.com/w28wE2Z.gif&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://burps.co/2013/01/Arsene-Wengers-coat-trouble-with-zip.gif&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;169&quot; src=&quot;http://burps.co/2013/01/Arsene-Wengers-coat-trouble-with-zip.gif&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://i.minus.com/ibNiu4VzC93M7.gif&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;172&quot; src=&quot;http://i.minus.com/ibNiu4VzC93M7.gif&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://cssandme.blogspot.com/feeds/3896958130620433091/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/22390169/3896958130620433091' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/3896958130620433091'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/3896958130620433091'/><link rel='alternate' type='text/html' href='http://cssandme.blogspot.com/2013/11/arsene-wenger-cant-deal-with-his-winter.html' title='arsene wenger can&#39;t deal with his winter coat'/><author><name>Kristina</name><uri>http://www.blogger.com/profile/08893297707511443606</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-22390169.post-1946205678919943840</id><published>2013-11-07T12:18:00.002+00:00</published><updated>2013-11-07T12:19:30.140+00:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="cool stuff"/><title type='text'>What bad ass colour is Chuck Norris?</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://images.wikia.com/tesfanon/images/5/5c/Chuck_Norris.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;320&quot; src=&quot;http://images.wikia.com/tesfanon/images/5/5c/Chuck_Norris.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
We all know that&amp;nbsp; Chuck Norris counted to infinity - twice - and that Chuck Norris has destroyed the periodic table, because Chuck Norris only recognizes the element of surprise, but do you know what colour he is?&lt;br /&gt;
&lt;br /&gt;
Well according to html the&amp;nbsp; bgcolor=&quot;chucknorris&quot;&amp;nbsp; he is an awesome red.&lt;br /&gt;
&lt;br /&gt;
Read more on &lt;a href=&quot;https://stackoverflow.com/questions/8318911/why-does-html-think-chucknorris-is-a-color&quot; target=&quot;_blank&quot;&gt;Stack Overflow&lt;/a&gt; if you don&#39;t believe me</content><link rel='replies' type='application/atom+xml' href='http://cssandme.blogspot.com/feeds/1946205678919943840/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/22390169/1946205678919943840' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/1946205678919943840'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/1946205678919943840'/><link rel='alternate' type='text/html' href='http://cssandme.blogspot.com/2013/11/what-bad-ass-colour-is-chuck-norris.html' title='What bad ass colour is Chuck Norris?'/><author><name>Kristina</name><uri>http://www.blogger.com/profile/08893297707511443606</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-22390169.post-1091414312548948335</id><published>2013-10-04T11:52:00.001+01:00</published><updated>2013-10-04T11:52:33.426+01:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="cool stuff"/><title type='text'>Towel Folding Guide</title><content type='html'>I love this infographic for towel folding and may have to give it a go&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;http://www.terrysfabrics.co.uk/infographic/the-ultimate-towel-folding-guide/&quot;&gt;&lt;img alt=&quot;The Ultimate Towel Folding Guide by Terrys Fabrics&quot; src=&quot;http://www.terrysfabrics.co.uk/files/images/infographics/the-ultimate-towel-folding-guide.jpg&quot; width=&quot;450&quot; /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;a href=&quot;http://www.terrysfabrics.co.uk/infographic/the-ultimate-towel-folding-guide/&quot;&gt;The Ultimate Towel Folding Guide&lt;/a&gt; by &lt;a href=&quot;http://www.terrysfabrics.co.uk/&quot;&gt;Terrys Fabrics&lt;/a&gt;.</content><link rel='replies' type='application/atom+xml' href='http://cssandme.blogspot.com/feeds/1091414312548948335/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/22390169/1091414312548948335' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/1091414312548948335'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/1091414312548948335'/><link rel='alternate' type='text/html' href='http://cssandme.blogspot.com/2013/10/towel-folding-guide.html' title='Towel Folding Guide'/><author><name>Kristina</name><uri>http://www.blogger.com/profile/08893297707511443606</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-22390169.post-2066234501535666018</id><published>2013-10-02T15:30:00.002+01:00</published><updated>2013-10-02T15:34:33.264+01:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="design"/><category scheme="http://www.blogger.com/atom/ns#" term="illustration"/><title type='text'>Animated box </title><content type='html'>I have just started playing with After Effects and have created a gift box opening.&amp;nbsp; Nothing special but fun to do.&amp;nbsp; More detailed animations being created for new website&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibgfH6IL2cBJQYC0kkbffDm_HRTPrt9yn5TwKT8zLJUNijXasBbmKnUUEmImmZd88MpdBRaoiyuhv26nhPN9IHlYqnX5Yu2lpzsONQ4r-uHmeS_fHfoKl6uI2Wpovb57zbWX9fSA/s1600/giftbox.gif&quot; /&gt;&lt;/div&gt;
&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://cssandme.blogspot.com/feeds/2066234501535666018/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/22390169/2066234501535666018' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/2066234501535666018'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/2066234501535666018'/><link rel='alternate' type='text/html' href='http://cssandme.blogspot.com/2013/10/animated-box.html' title='Animated box '/><author><name>Kristina</name><uri>http://www.blogger.com/profile/08893297707511443606</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibgfH6IL2cBJQYC0kkbffDm_HRTPrt9yn5TwKT8zLJUNijXasBbmKnUUEmImmZd88MpdBRaoiyuhv26nhPN9IHlYqnX5Yu2lpzsONQ4r-uHmeS_fHfoKl6uI2Wpovb57zbWX9fSA/s72-c/giftbox.gif" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-22390169.post-7465278158858371907</id><published>2013-08-20T11:07:00.001+01:00</published><updated>2013-08-20T11:07:52.438+01:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="photography"/><title type='text'>New Old Stock</title><content type='html'>Found this tumblr site that has some stunning old vintage images from the public archives that are all free of copyright and available to download for free.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://24.media.tumblr.com/86fee63822e19cbbb6ded436dfa93559/tumblr_mrnmjrd9xj1sfie3io1_1280.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;240&quot; src=&quot;http://24.media.tumblr.com/86fee63822e19cbbb6ded436dfa93559/tumblr_mrnmjrd9xj1sfie3io1_1280.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;http://nos.twnsnd.co/&quot; target=&quot;_blank&quot;&gt;Click here for the site&lt;/a&gt;&lt;br /&gt;
</content><link rel='replies' type='application/atom+xml' href='http://cssandme.blogspot.com/feeds/7465278158858371907/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/22390169/7465278158858371907' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/7465278158858371907'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/7465278158858371907'/><link rel='alternate' type='text/html' href='http://cssandme.blogspot.com/2013/08/new-old-stock.html' title='New Old Stock'/><author><name>Kristina</name><uri>http://www.blogger.com/profile/08893297707511443606</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-22390169.post-3809932958051045656</id><published>2013-08-08T10:27:00.002+01:00</published><updated>2013-08-08T10:27:46.304+01:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="illustration"/><title type='text'>Beautiful animated gifs</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://media.tumblr.com/2602d2af12cbbc5ed90633047baad3fc/tumblr_inline_mp3jrv1kLM1qz4rgp.gif&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;240&quot; src=&quot;http://media.tumblr.com/2602d2af12cbbc5ed90633047baad3fc/tumblr_inline_mp3jrv1kLM1qz4rgp.gif&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
I am in love with the work of Guillaume Kurkdjian and his weekly animated gifs on &lt;a href=&quot;http://bisouslescopains.tumblr.com/&quot; target=&quot;_blank&quot;&gt;bisouslescopains.tumblr&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Simple and beautiful&lt;br /&gt;
&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://cssandme.blogspot.com/feeds/3809932958051045656/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/22390169/3809932958051045656' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/3809932958051045656'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/3809932958051045656'/><link rel='alternate' type='text/html' href='http://cssandme.blogspot.com/2013/08/beautiful-animated-gifs.html' title='Beautiful animated gifs'/><author><name>Kristina</name><uri>http://www.blogger.com/profile/08893297707511443606</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-22390169.post-1654063099393658021</id><published>2013-07-09T10:19:00.001+01:00</published><updated>2013-07-09T10:19:14.521+01:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="css3"/><category scheme="http://www.blogger.com/atom/ns#" term="javascript"/><title type='text'>selectivizr</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://selectivizr.com/images/logo-selectivizr.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;75&quot; src=&quot;http://selectivizr.com/images/logo-selectivizr.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;a href=&quot;http://selectivizr.com/&quot; target=&quot;_blank&quot;&gt;selectivizr &lt;/a&gt;is a handy javascript file that allows you to use CSS3 
    pseudo-classes and not have to worry about the annoying browser that is known as IE.&amp;nbsp; It works with a number of js libraries and once you add it to your head then you won&#39;t need to do any more.&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;http://selectivizr.com/&quot; target=&quot;_blank&quot;&gt;selectivizr &lt;/a&gt;</content><link rel='replies' type='application/atom+xml' href='http://cssandme.blogspot.com/feeds/1654063099393658021/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/22390169/1654063099393658021' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/1654063099393658021'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/1654063099393658021'/><link rel='alternate' type='text/html' href='http://cssandme.blogspot.com/2013/07/selectivizr.html' title='selectivizr'/><author><name>Kristina</name><uri>http://www.blogger.com/profile/08893297707511443606</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-22390169.post-1145751949599666110</id><published>2013-04-24T09:24:00.004+01:00</published><updated>2013-04-24T09:25:47.829+01:00</updated><title type='text'>Free vector calendar</title><content type='html'>I had to make a calendar for a project I am working on&lt;br /&gt;
&lt;br /&gt;
Here is a link to the vector file for your free download of the calendar for your use&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;http://fat-pudding.com/files/calendar.ai&quot; target=&quot;_blank&quot;&gt;Download now &amp;gt;&lt;/a&gt;&amp;nbsp; &lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;http://fat-pudding.com/files/calendar.ai&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihSbnl1LdpmSbsu4LceWUQY4W0afWxyLM2dOgIMWwQ6ucMlAAa-nDmOt3GOSC2UesZzif5nBob1iSWSgxr5xnnp1IykmMrR1R3MipNqD0KOPlK_dx3s7JbraUAojSnx2Ee6Z-7Jw/s1600/image.jpg&quot; /&gt;&lt;/a&gt;
</content><link rel='replies' type='application/atom+xml' href='http://cssandme.blogspot.com/feeds/1145751949599666110/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/22390169/1145751949599666110' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/1145751949599666110'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/1145751949599666110'/><link rel='alternate' type='text/html' href='http://cssandme.blogspot.com/2013/04/free-vector-calendar.html' title='Free vector calendar'/><author><name>Kristina</name><uri>http://www.blogger.com/profile/08893297707511443606</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihSbnl1LdpmSbsu4LceWUQY4W0afWxyLM2dOgIMWwQ6ucMlAAa-nDmOt3GOSC2UesZzif5nBob1iSWSgxr5xnnp1IykmMrR1R3MipNqD0KOPlK_dx3s7JbraUAojSnx2Ee6Z-7Jw/s72-c/image.jpg" height="72" width="72"/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-22390169.post-7979701904873519408</id><published>2013-04-17T12:48:00.002+01:00</published><updated>2013-04-17T12:50:34.675+01:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="news"/><title type='text'>Gov website named design of the year</title><content type='html'>&lt;a href=&quot;https://www.gov.uk/&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcaz1z_kd2WfLqkeHMHl_2PaRwd6tvdJPmozwtRRo1Q-XnxZ727pWEiIqKHRNnhDzs_Qp_oZFWpHjB6ioLJlkjHNCR0UhBgUsPXUBDu6GqxmU2tW9lZuX5Z2cE1FVRrF80HGFy7Q/s1600/image.jpg&quot; /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
This very simplistic govenment website has been named Design of the Year 2013.  This is not website design of the year but the award from the &lt;a href=&quot;http://designmuseum.org/news&quot; target=&quot;_blank&quot;&gt;design museum&lt;/a&gt;.  Previous winners include the  London 2012 Olympic Torch and the Plumen lightbulb so it is surprising to see a website up there, let alone a website so mild mannered and simple as this UK government website but then maybe that is the point?&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;https://www.gov.uk/&quot; target=&quot;_blank&quot;&gt;www.gov.uk&lt;/a&gt;</content><link rel='replies' type='application/atom+xml' href='http://cssandme.blogspot.com/feeds/7979701904873519408/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/22390169/7979701904873519408' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/7979701904873519408'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/7979701904873519408'/><link rel='alternate' type='text/html' href='http://cssandme.blogspot.com/2013/04/gov-website-named-design-of-year.html' title='Gov website named design of the year'/><author><name>Kristina</name><uri>http://www.blogger.com/profile/08893297707511443606</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcaz1z_kd2WfLqkeHMHl_2PaRwd6tvdJPmozwtRRo1Q-XnxZ727pWEiIqKHRNnhDzs_Qp_oZFWpHjB6ioLJlkjHNCR0UhBgUsPXUBDu6GqxmU2tW9lZuX5Z2cE1FVRrF80HGFy7Q/s72-c/image.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-22390169.post-7821842625399588324</id><published>2013-04-09T09:31:00.005+01:00</published><updated>2013-04-09T09:31:53.580+01:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="cool stuff"/><category scheme="http://www.blogger.com/atom/ns#" term="design"/><title type='text'>Hex Colour Tool</title><content type='html'>&lt;a href=&quot;http://hexcolortool.com/&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCGotXD3t4JIiX-6ELLnVnUj8mNPimPSfcFVl9E7LxQ9ZgOm19iuvF1mesgP5kOwNynotoTwYU16whI9j_kQoHNAn2F6N5Q2gAPBa_6lt6WjFZ1JObHO4S_fLurby7XpYqbWMHgQ/s1600/image.jpg&quot; /&gt;&lt;/a&gt;
&lt;br /&gt;
&lt;br /&gt;
This is a really handy colour tool.&lt;br /&gt;
&lt;br /&gt;
Add in your hex code and then set a percentage to darken or lighten and voila, you have a set of colours to use on your website&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;http://hexcolortool.com/&quot; target=&quot;_blank&quot;&gt;Hex Colour Tool&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://cssandme.blogspot.com/feeds/7821842625399588324/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/22390169/7821842625399588324' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/7821842625399588324'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/7821842625399588324'/><link rel='alternate' type='text/html' href='http://cssandme.blogspot.com/2013/04/hex-colour-tool.html' title='Hex Colour Tool'/><author><name>Kristina</name><uri>http://www.blogger.com/profile/08893297707511443606</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCGotXD3t4JIiX-6ELLnVnUj8mNPimPSfcFVl9E7LxQ9ZgOm19iuvF1mesgP5kOwNynotoTwYU16whI9j_kQoHNAn2F6N5Q2gAPBa_6lt6WjFZ1JObHO4S_fLurby7XpYqbWMHgQ/s72-c/image.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-22390169.post-8707406037738027536</id><published>2013-04-03T09:20:00.004+01:00</published><updated>2013-04-03T09:20:48.882+01:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="code tips"/><category scheme="http://www.blogger.com/atom/ns#" term="design"/><title type='text'>SVG Patterns Gallery</title><content type='html'>Here is a nice svg pattern gallery that gives the code. &amp;nbsp;A nice alternative to background images&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;http://philbit.com/svgpatterns/#greenstripes&quot; target=&quot;_blank&quot;&gt;svg pattern gallery&lt;/a&gt;</content><link rel='replies' type='application/atom+xml' href='http://cssandme.blogspot.com/feeds/8707406037738027536/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/22390169/8707406037738027536' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/8707406037738027536'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/8707406037738027536'/><link rel='alternate' type='text/html' href='http://cssandme.blogspot.com/2013/04/svg-patterns-gallery.html' title='SVG Patterns Gallery'/><author><name>Kristina</name><uri>http://www.blogger.com/profile/08893297707511443606</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-22390169.post-2320671473602881922</id><published>2013-03-27T09:28:00.001+00:00</published><updated>2013-04-03T09:21:06.792+01:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="websites"/><title type='text'>Inspirational website</title><content type='html'>&lt;a href=&quot;http://www.andrevv.com/&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8hfyyeqYlsq531I2TaG-jUJ2RQe9B39G6p5YOHqZYkA27dPARdOBRpDk7oiILKkoILdjgEMbjn2ZQASXtVpm1wFcNN0K4AdsU9PrrqT4M8Xh9Dbbgym9SriIKeOvd7pq9VaPWiQ/s1600/image.jpg&quot; /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
I love this website by &lt;a href=&quot;http://www.andrevv.com/&quot; target=&quot;_blank&quot;&gt;Andrew Mccarthy&lt;/a&gt;.  It is a really clever yet simple idea to use the scroll of a website to emulate &quot;Sallie Gardner at a Gallop&quot; but instead with a cat.</content><link rel='replies' type='application/atom+xml' href='http://cssandme.blogspot.com/feeds/2320671473602881922/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/22390169/2320671473602881922' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/2320671473602881922'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/2320671473602881922'/><link rel='alternate' type='text/html' href='http://cssandme.blogspot.com/2013/03/inspirational-website.html' title='Inspirational website'/><author><name>Kristina</name><uri>http://www.blogger.com/profile/08893297707511443606</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8hfyyeqYlsq531I2TaG-jUJ2RQe9B39G6p5YOHqZYkA27dPARdOBRpDk7oiILKkoILdjgEMbjn2ZQASXtVpm1wFcNN0K4AdsU9PrrqT4M8Xh9Dbbgym9SriIKeOvd7pq9VaPWiQ/s72-c/image.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-22390169.post-2415287516377279847</id><published>2013-01-09T10:46:00.000+00:00</published><updated>2013-01-09T10:46:01.328+00:00</updated><title type='text'>Easing Functions</title><content type='html'>&lt;a href=&quot;http://easings.net/&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgINVp0FUXG0bndfN2tg5m3piliRJvEtRVSh-JL_8G7dgMzJMlojJ9Mh9RmhHDce5sLTmkXQaqHTJAAfSkjsIapnY311G6STb_LXoXNXuHVYkmdQeBlJKSzdOr04r0Uvt9T8tJmng/s1600/image.jpg&quot; /&gt;&lt;/a&gt;&lt;br /&gt;
A very handy cheat sheet from Andrey Sitnik that can be used in animations or transitions for easing functions for both css3 transitions and jQuery.

&lt;p&gt;&lt;a href=&quot;http://easings.net/&quot; target=&quot;_blank&quot;&gt;Easing Functions&lt;/a&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='http://cssandme.blogspot.com/feeds/2415287516377279847/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/22390169/2415287516377279847' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/2415287516377279847'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/2415287516377279847'/><link rel='alternate' type='text/html' href='http://cssandme.blogspot.com/2013/01/easing-functions.html' title='Easing Functions'/><author><name>Kristina</name><uri>http://www.blogger.com/profile/08893297707511443606</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgINVp0FUXG0bndfN2tg5m3piliRJvEtRVSh-JL_8G7dgMzJMlojJ9Mh9RmhHDce5sLTmkXQaqHTJAAfSkjsIapnY311G6STb_LXoXNXuHVYkmdQeBlJKSzdOr04r0Uvt9T8tJmng/s72-c/image.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-22390169.post-6742458400440400737</id><published>2012-12-13T15:23:00.000+00:00</published><updated>2012-12-13T15:25:19.481+00:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="css3"/><title type='text'>CSS Animations</title><content type='html'>&lt;div&gt;
&lt;a href=&quot;http://24ways.org/2012/flashless-animation/&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYNIKEuMPIL1rI4Nn-8PkXZwXkKXOlZrdW0pkSpP58zRQC6v-X9MWvjqcS-AYT956xqyuotq2a3G9sOGOt5a95oE5NeqMDSpr_UkbLDSq5lw5U9AzhREcpICPvYb5GedFw4A5UTg/s1600/image1.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&quot;&lt;a href=&quot;http://24ways.org/2012/flashless-animation/&quot; target=&quot;_blank&quot;&gt;Flashless Animation&lt;/a&gt;&quot; is a great article from Rachel Nabors at 24ways on how to create animating using css without flash.&amp;nbsp; She finishes up with the cat running over a moving background to music</content><link rel='replies' type='application/atom+xml' href='http://cssandme.blogspot.com/feeds/6742458400440400737/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/22390169/6742458400440400737' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/6742458400440400737'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/6742458400440400737'/><link rel='alternate' type='text/html' href='http://cssandme.blogspot.com/2012/12/css-animations.html' title='CSS Animations'/><author><name>Kristina</name><uri>http://www.blogger.com/profile/08893297707511443606</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYNIKEuMPIL1rI4Nn-8PkXZwXkKXOlZrdW0pkSpP58zRQC6v-X9MWvjqcS-AYT956xqyuotq2a3G9sOGOt5a95oE5NeqMDSpr_UkbLDSq5lw5U9AzhREcpICPvYb5GedFw4A5UTg/s72-c/image1.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-22390169.post-8380349188599557126</id><published>2012-12-11T09:30:00.001+00:00</published><updated>2012-12-11T09:30:14.690+00:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="cool stuff"/><title type='text'>Christmas Bauballs</title><content type='html'>&lt;div&gt;
&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU7DjOJ5a9COOPEjqUKRwMczgKK46nQOKrEyiF4zKqBSLGjJl_Vg9qL8w-VoVWOxnfUz87v8jahXTyJt05PJQlYmdT7g4He52BN4DD_4ceis43Lwv7wqMiyfcGxU747rKxjql66g/s1600/image1.jpg&quot; /&gt;&lt;/div&gt;
&lt;br /&gt;
What can be more festive than christmas baubles and these really are!&amp;nbsp; Ad agency Fallon have teamed up with Orchid, a charity fighting male cancer, and created these great christmas tree ornaments to raise money and awareness of the disease.&lt;br /&gt;
&lt;br /&gt;
Available to buy from the 11 December from &lt;a href=&quot;http://www.checkyourbauballs.com/&quot;&gt;www.checkyourbauballs.com&lt;/a&gt;</content><link rel='replies' type='application/atom+xml' href='http://cssandme.blogspot.com/feeds/8380349188599557126/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/22390169/8380349188599557126' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/8380349188599557126'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/8380349188599557126'/><link rel='alternate' type='text/html' href='http://cssandme.blogspot.com/2012/12/christmas-bauballs.html' title='Christmas Bauballs'/><author><name>Kristina</name><uri>http://www.blogger.com/profile/08893297707511443606</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU7DjOJ5a9COOPEjqUKRwMczgKK46nQOKrEyiF4zKqBSLGjJl_Vg9qL8w-VoVWOxnfUz87v8jahXTyJt05PJQlYmdT7g4He52BN4DD_4ceis43Lwv7wqMiyfcGxU747rKxjql66g/s72-c/image1.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-22390169.post-4963817806911741018</id><published>2012-11-19T11:57:00.001+00:00</published><updated>2012-11-19T12:01:18.084+00:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="cool stuff"/><title type='text'>Mini Me</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://www.spoon-tamago.com/2012/11/09/worlds-first-3d-printing-photo-booth-to-open-in-japan/&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtaa7LFA5zlW2rdu0ZCDJa_-yCwh9JTTKhq56KimWgysChAqpu7eNc0s4Z3chGOovXNXuVjx3QQMMiGfI4dLPbVbsiLL62X2o2tTTdnL76ORfXu59vxEF6jBaM-F1vFThysC3AAQ/s1600/image.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
the age of 3D printing is upon up and what better thing to make, than a replica of yourself.&amp;nbsp; Go to Japan and get yourself your own mini me. &amp;nbsp; &lt;a href=&quot;http://omote3d.com/index.html&quot; target=&quot;_blank&quot;&gt;Omote 3D&lt;/a&gt; have developed the the
world’s first 3D
printing booth.&amp;nbsp; Go to the booth at Tokyo’s Eye of Gyre from 24
November-14 January, step inside and instead of a phot get yourself a miniture plastic figure of yourself.&lt;br /&gt;
&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://cssandme.blogspot.com/feeds/4963817806911741018/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/22390169/4963817806911741018' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/4963817806911741018'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/4963817806911741018'/><link rel='alternate' type='text/html' href='http://cssandme.blogspot.com/2012/11/mini-me.html' title='Mini Me'/><author><name>Kristina</name><uri>http://www.blogger.com/profile/08893297707511443606</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtaa7LFA5zlW2rdu0ZCDJa_-yCwh9JTTKhq56KimWgysChAqpu7eNc0s4Z3chGOovXNXuVjx3QQMMiGfI4dLPbVbsiLL62X2o2tTTdnL76ORfXu59vxEF6jBaM-F1vFThysC3AAQ/s72-c/image.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-22390169.post-8943431215485076739</id><published>2012-11-14T15:02:00.000+00:00</published><updated>2012-11-14T15:02:23.151+00:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="news"/><category scheme="http://www.blogger.com/atom/ns#" term="websites"/><title type='text'>The Guardian Goes Responsive</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh44HPN5H-_ZeL0ejoRFkaG6Xo2UB4kOu-dNHYlkDmeZxyyjtdWsN5Euuf0SjLZuiAEJup_euQjmymsfzT_WWeXCtyvkTMqGhRuNuIEqdI1VgQIfzp-FX7jPT62oJfLYa3m7D3YXg/s1600/image.jpg&quot; /&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
The new Guardian website has been released on beta&lt;br /&gt;
&lt;a href=&quot;http://beta.guardian.co.uk/&quot; target=&quot;_blank&quot;&gt;http://beta.guardian.co.uk/&lt;/a&gt;&lt;br /&gt;
It is now responsive and looks like it was designed for mobile only, but I do kind of like the simplicity of it </content><link rel='replies' type='application/atom+xml' href='http://cssandme.blogspot.com/feeds/8943431215485076739/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/22390169/8943431215485076739' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/8943431215485076739'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/8943431215485076739'/><link rel='alternate' type='text/html' href='http://cssandme.blogspot.com/2012/11/the-guardian-goes-responsive.html' title='The Guardian Goes Responsive'/><author><name>Kristina</name><uri>http://www.blogger.com/profile/08893297707511443606</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh44HPN5H-_ZeL0ejoRFkaG6Xo2UB4kOu-dNHYlkDmeZxyyjtdWsN5Euuf0SjLZuiAEJup_euQjmymsfzT_WWeXCtyvkTMqGhRuNuIEqdI1VgQIfzp-FX7jPT62oJfLYa3m7D3YXg/s72-c/image.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-22390169.post-6001746692610334935</id><published>2012-11-12T12:10:00.002+00:00</published><updated>2012-11-12T12:10:18.932+00:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="advert"/><title type='text'>The John Lewis Christmas Advert</title><content type='html'>&lt;iframe allowfullscreen=&quot;allowfullscreen&quot; frameborder=&quot;0&quot; height=&quot;315&quot; src=&quot;http://www.youtube.com/embed/0N8axp9nHNU&quot; width=&quot;520&quot;&gt;&lt;/iframe&gt;

John Lewis have produced another tear jerker of a Christmas Advert.  This one is called &quot;The Journey&quot; with a cover of Frankie Goes to Hollywood’s ‘Power of Love’ sung by Gabrielle Aplin as the soundtrack</content><link rel='replies' type='application/atom+xml' href='http://cssandme.blogspot.com/feeds/6001746692610334935/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/22390169/6001746692610334935' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/6001746692610334935'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/6001746692610334935'/><link rel='alternate' type='text/html' href='http://cssandme.blogspot.com/2012/11/the-john-lewis-christmas-advert.html' title='The John Lewis Christmas Advert'/><author><name>Kristina</name><uri>http://www.blogger.com/profile/08893297707511443606</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img.youtube.com/vi/0N8axp9nHNU/default.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-22390169.post-8645262928226987507</id><published>2012-10-29T16:16:00.001+00:00</published><updated>2012-10-29T16:31:30.672+00:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="code tips"/><title type='text'>Handy Code Snippets</title><content type='html'>&lt;div class=&quot;blub&quot;&gt;
&lt;img border=&quot;0&quot; height=&quot;89&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6P9bXUovLcShT6Oi66wQXchPilte_46EtfbfwtA0O8S3YXBDvk-XXoEmdIKzg2ei-NwM0I44GUzSBUrLMGpG47G_Nh7SQXFTcQGRv8k9kiehGSq9Qd5sc1b11_TOXO_Qmn9yj-Q/s400/lightblub.png&quot; width=&quot;70&quot; /&gt;&lt;/div&gt;
I have noticed a number of sites publishing handy code snippets.&lt;br /&gt;
Here are a couple&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;http://webdesignledger.com/tips/8-code-snippets-templates-for-new-website-projects&quot; target=&quot;_blank&quot;&gt;8 Code Snippets for New Website Projects&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://tympanus.net/codrops/2012/10/23/basic-ready-to-use-css-styles/&quot; target=&quot;_blank&quot;&gt;Basic Ready-to-Use CSS Styles&amp;nbsp;&lt;/a&gt; &lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://tympanus.net/codrops/2012/10/25/kick-start-your-project-a-collection-of-handy-css-snippets/&quot; target=&quot;_blank&quot;&gt;A Collection of Handy CSS Snippets &lt;/a&gt;&amp;nbsp;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://tutorialzine.com/2012/10/css3-dropdown-menu/&quot; target=&quot;_blank&quot;&gt;Colorful CSS3 Animated Navigation Menu&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</content><link rel='replies' type='application/atom+xml' href='http://cssandme.blogspot.com/feeds/8645262928226987507/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/22390169/8645262928226987507' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/8645262928226987507'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/8645262928226987507'/><link rel='alternate' type='text/html' href='http://cssandme.blogspot.com/2012/10/handy-code-snippets.html' title='Handy Code Snippets'/><author><name>Kristina</name><uri>http://www.blogger.com/profile/08893297707511443606</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6P9bXUovLcShT6Oi66wQXchPilte_46EtfbfwtA0O8S3YXBDvk-XXoEmdIKzg2ei-NwM0I44GUzSBUrLMGpG47G_Nh7SQXFTcQGRv8k9kiehGSq9Qd5sc1b11_TOXO_Qmn9yj-Q/s72-c/lightblub.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-22390169.post-3496925686471889773</id><published>2012-10-09T09:42:00.002+01:00</published><updated>2012-10-09T09:44:19.960+01:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="art"/><title type='text'>The Turner Prize</title><content type='html'>The &lt;a href=&quot;http://www.tate.org.uk/whats-on/tate-britain/exhibition/turner-prize-2012&quot; target=&quot;_blank&quot;&gt;Turner Prize&lt;/a&gt; is upon us again and it reminded me of this great Banksy quote

&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja4s6HK7k9CbgQ2rzDWoozajW1HYl8SDl6BfSjcupE1FkR-9z24LcZ5w7rElVvSsrfXNj3hTfREjmVvMzq-4PRcHoCrfnjMcjjRKXaedoq5FcrULyVlq6Rty3Hd4C2uf2C9WDY5g/s1600/image.jpg&quot; /&gt;

</content><link rel='replies' type='application/atom+xml' href='http://cssandme.blogspot.com/feeds/3496925686471889773/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/22390169/3496925686471889773' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/3496925686471889773'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/3496925686471889773'/><link rel='alternate' type='text/html' href='http://cssandme.blogspot.com/2012/10/the-turner-prize.html' title='The Turner Prize'/><author><name>Kristina</name><uri>http://www.blogger.com/profile/08893297707511443606</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja4s6HK7k9CbgQ2rzDWoozajW1HYl8SDl6BfSjcupE1FkR-9z24LcZ5w7rElVvSsrfXNj3hTfREjmVvMzq-4PRcHoCrfnjMcjjRKXaedoq5FcrULyVlq6Rty3Hd4C2uf2C9WDY5g/s72-c/image.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-22390169.post-1465094362765205150</id><published>2012-09-26T15:00:00.001+01:00</published><updated>2012-09-26T15:11:40.139+01:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="tips"/><title type='text'>Rounded triangle in Illustrator</title><content type='html'>&lt;div class=&quot;blub&quot;&gt;
&lt;img border=&quot;0&quot; height=&quot;89&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6P9bXUovLcShT6Oi66wQXchPilte_46EtfbfwtA0O8S3YXBDvk-XXoEmdIKzg2ei-NwM0I44GUzSBUrLMGpG47G_Nh7SQXFTcQGRv8k9kiehGSq9Qd5sc1b11_TOXO_Qmn9yj-Q/s400/lightblub.png&quot; width=&quot;70&quot; /&gt;&lt;/div&gt;
I always forget how to do round cornered triangles in illustrator but it really is very simple.

Create a normal sharp edged triangle&lt;br /&gt;
Go to effect &amp;gt; stylize &amp;gt; round corners&lt;br /&gt;
Go to object &amp;gt; path &amp;gt; expand appearance

Easy!</content><link rel='replies' type='application/atom+xml' href='http://cssandme.blogspot.com/feeds/1465094362765205150/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/22390169/1465094362765205150' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/1465094362765205150'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/1465094362765205150'/><link rel='alternate' type='text/html' href='http://cssandme.blogspot.com/2012/09/rounded-triangle-in-illustrator.html' title='Rounded triangle in Illustrator'/><author><name>Kristina</name><uri>http://www.blogger.com/profile/08893297707511443606</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6P9bXUovLcShT6Oi66wQXchPilte_46EtfbfwtA0O8S3YXBDvk-XXoEmdIKzg2ei-NwM0I44GUzSBUrLMGpG47G_Nh7SQXFTcQGRv8k9kiehGSq9Qd5sc1b11_TOXO_Qmn9yj-Q/s72-c/lightblub.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-22390169.post-5037345393374585298</id><published>2012-09-12T12:07:00.002+01:00</published><updated>2012-09-12T12:11:34.538+01:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="cool stuff"/><category scheme="http://www.blogger.com/atom/ns#" term="design"/><title type='text'>Well done team GB</title><content type='html'>I&#39;m sad that the amazing London Olympics are now over but there is a neat little scrolling website made by &quot;Never Bland&quot; that highlights some of the fantastic achievements over the summer with some cute animations.  Watch out for the Queen parachuting in and Jessica Ennis&#39;s 6 pack.

&lt;a href=&quot;http://www.welldoneteamgb.com/&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;300&quot; width=&quot;520&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfaGotp2TaikSMQzVq254XgrXwiBTQTulVeUnV03-fSyokOSynLBc-6U_dFhOyBkLR-Bt9aYFOg_o1QF-vzomXPI8G0p1Fj2yAjTg3Vv7AhTe5ekFTu6tTUtd7GpoRt-PaOQLxfA/s1600/gb.jpg&quot; /&gt;&lt;/a&gt;


&lt;a href=&quot;http://www.welldoneteamgb.com/&quot; target=&quot;_blank&quot;&gt;Well done Team GB&lt;/a&gt;</content><link rel='replies' type='application/atom+xml' href='http://cssandme.blogspot.com/feeds/5037345393374585298/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/22390169/5037345393374585298' title='7 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/5037345393374585298'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/22390169/posts/default/5037345393374585298'/><link rel='alternate' type='text/html' href='http://cssandme.blogspot.com/2012/09/well-done-team-gb.html' title='Well done team GB'/><author><name>Kristina</name><uri>http://www.blogger.com/profile/08893297707511443606</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfaGotp2TaikSMQzVq254XgrXwiBTQTulVeUnV03-fSyokOSynLBc-6U_dFhOyBkLR-Bt9aYFOg_o1QF-vzomXPI8G0p1Fj2yAjTg3Vv7AhTe5ekFTu6tTUtd7GpoRt-PaOQLxfA/s72-c/gb.jpg" height="72" width="72"/><thr:total>7</thr:total></entry></feed>