Akamai Design &amp; Development aggregatorhttp://www.akamaidd.com/aggregator/categories/5
Akamai Design & Development - aggregated feeds in category Front End Web DevelopmentenCss Tricks: Blobs!https://css-tricks.com/blobs/
<p>I was recently a guest editor for an issue of Bizarro Devs. It's a great newsletter! <a href="http://bizzarodevs.com/">Go sign up!</a> I put in a bunch of links around blobs. Like those weird squishy random shapes that are so "in" right now. Here are those links as well. I'm always a fan of publishing stuff I write ;)</p>
<p><span id="more-282469"></span></p><p><a href="https://css-tricks.com/blobs/">read more</a></p>
Thu, 21 Feb 2019 17:01:07 -0500Css Tricks: Deliver your best work with the help of monday.comhttps://synd.co/2SvPfcR
<p>(This is a <a href='https://css-tricks.com/advertising'>sponsored post</a>.)</p><p>Here's the situation: You've bashed out a complicated design over two weeks of near full-time effort, gotten everything down to the <em>exact</em> spec of the design file, turn it in for stakeholder review and... you're way off scope. Turns out a few folks on the team put their heads together, made some changes, and never sent you an updated comp.</p>
<p>Boo!</p><p><a href="https://synd.co/2SvPfcR">read more</a></p>
Thu, 21 Feb 2019 16:58:55 -0500Css Tricks: CSS Variables + calc() + rgb() = Enforcing High Contrast Colorshttps://css-tricks.com/css-variables-calc-rgb-enforcing-high-contrast-colors/
<p>As you may know, the recent updates and additions to CSS are extremely powerful. From <a href="https://css-tricks.com/snippets/css/a-guide-to-flexbox/">Flexbox</a> to <a href="https://css-tricks.com/snippets/css/complete-guide-grid/">Grid</a>, and — what we’re concerned about here — <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables">Custom Properties</a> (<abbr title="also known as">aka</abbr> CSS variables), all of which make robust and dynamic layouts and interfaces easier than ever while opening up many other possibilities we used to only dream of.</p><p><a href="https://css-tricks.com/css-variables-calc-rgb-enforcing-high-contrast-colors/">read more</a></p>
Thu, 21 Feb 2019 11:26:37 -0500Css Tricks: Colorful Typographic Experimentshttps://css-tricks.com/colorful-typographic-experiments/
<p>There have been some interesting, boundary-pushing typography-related experiments lately. I was trying to think of a joke like "somethings in the descenders" but I just can't find something that will stand on its own leg without being easy to counter.</p>
<p><span id="more-282649"></span></p>
<p><a href="https://codepen.io/zerospree/">Codrin Pavel</a> created <a href="https://cssans.pro/">a fascinating multi-color typeface called CSSans</a>. </p><p><a href="https://css-tricks.com/colorful-typographic-experiments/">read more</a></p>
Wed, 20 Feb 2019 18:05:49 -0500Css Tricks: <span>L</span><span>e</span><span>t</span><span>t</span><span>e</span><span>r</span><span>s</span>https://css-tricks.com/spanl-spanspane-spanspant-spanspant-spanspane-spanspanr-spanspans-span/
<p>Did you see this Facebook crap?</p>
<blockquote class="twitter-tweet" data-lang="en">
<p lang="en" dir="ltr">&quot;Why do I need a 4Ghz quadcore to run facebook?&quot; This is why. A single word split up into 11 HTML DOM elements to avoid adblockers. <a href="https://t.co/Zv4RfInrL0">pic.twitter.com/Zv4RfInrL0</a></p>
<p>&mdash; Mike Pan (@themikepan) <a href="https://twitter.com/themikepan/status/1093035372186034176?ref_src=twsrc%5Etfw">February 6, 2019</a></p></blockquote>
<p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></p><p><a href="https://css-tricks.com/spanl-spanspane-spanspant-spanspant-spanspane-spanspanr-spanspans-span/">read more</a></p>
Wed, 20 Feb 2019 16:05:42 -0500Css Tricks: Diana Smith’s Top 5 CSS Properties She Uses to Produce CSS Arthttp://diana-adrianne.com/how/
<p>Have you seen <a href="http://diana-adrianne.com/">Diana Smith's</a> CSS drawings? Stunning. These far transcend the CSS drawings that sort of crudely replicate a flat SVG scene, like I might attempt. We were lucky enough for her to <a href="https://css-tricks.com/solving-lifes-problems-with-css/">post some of her CSS drawing techniques</a> here last year.</p>
<p>Well, Diana has also listed the top five CSS properties she uses to get these masterpieces done, and they are surprising in their plainness:</p><p><a href="http://diana-adrianne.com/how/">read more</a></p>
Wed, 20 Feb 2019 16:04:07 -0500Css Tricks: Social Cards as a Servicehttps://css-tricks.com/social-cards-as-a-service/
<p>I love the idea of programmatically generated images. That power is close at hand these days for us front-end developers, thanks to the concept of headless browsers. Take <a href="https://github.com/GoogleChrome/puppeteer">Puppeteer</a>, the library for controlling headless Chrome. Generating images from URLs is their default use case:</p><p><a href="https://css-tricks.com/social-cards-as-a-service/">read more</a></p>
Tue, 19 Feb 2019 10:19:16 -0500