サクサク読めて、アプリ限定の機能も多数！
トップへ戻る
大そうじへの備え
una.im
Using color-mix() to create opacity variants Published on March 31, 2023 Updated on April 2, 2023 A few weeks ago, Adam Wathan posted a tweet asking if you could use color-mix() to adjust the opacity of a color. I replied that this is what relative color syntax was essentially created to do, but Adam Argyle pointed out that it can indeed be done with color-mix() using a clever hack. CSS color-mix(
Locally Scoped CSS Variables: What, How, and Why Published on June 5, 2017 CSS Custom Properties (also popularly called CSS Variables) are here! This is really exciting because we finally have true variables in CSS! What do I mean by true variables? I mean variables that can be updated and altered dynamically in the file. While we had “variables” with pre/post-processors (like Sass and PostCSS), t
Implementing "Save For Offline" with Service Workers Published on January 26, 2017 I just moved to New York City and started commuting to work on the subway. On said subway ride, despite its many glorious people watching moments, most commuters are just on their phones, reading articles or trying to browse the web. The subway is also famous for not having reliable cell service, so many of those pe
A Gulp-Based External SVG Symbol Sprite Icon System Published on January 26, 2016 I made a boilerplate for the system described in this post: P.S. Please ignore the awful title of the blog post. I couldn’t figure out what to call it. Icons! We see them all over the web, and they’re essential to most pattern libraries and web design systems. I recently needed to implement such a system. It had to b
Classy CSS: a Programmatic Approach to Sass Stylesheets Published on November 15, 2015 I began writing this blog post a few weeks after releasing a semi-satirical article about my take on the mix of current CSS naming convention/styling trends on Sitepoint called Atomic OOBEMITSCSS. That was back in August, but life got in the way. I called it Atomic OOBEMITSCSS as a joke, but people started
CSS Image Effects #5: Lomography Published on November 2, 2015 This is part of a series of posts breaking down visual effects using CSS filters and blend modes. Read Part 1: The Vintage Washout Effect, Part 2: 3d Glasses, Part 3: Vignettes, and Part 4: Bokeh Textures for some background on blend modes and filters. In this post we’ll explore a relatively new photography technique founded in Austria
Introducing CSSgram: A CSS Library for Instagram Filters Published on October 25, 2015
A Primer on Performance BD Conf Nashville 2015 Una Kravets | @una @una Make something people love people don't hate per·for·mance /pərˈfôrməns/ an action, task, or operation, seen in terms of how successfully it was performed Performance is Our Biggest Job Beautiful != Useable Useable > Beautiful Let's Talk About Windows. Performance-First Design Amazon's calculated that a page load slow-down of j
It is 6:37 AM and I am at an airport. This is where to best ideas happen right? I’ve been perusing the Internet to find some practical examples of Sass lists using list functions in production (somewhat unsuccessfully) and stumbled upon this really awesome CodePen by @shadowmint and @jackarmley. Hmm. Just the thing I needed for in-flight entertainment for the duration of the trip. I wanted to get
このページを最初にブックマークしてみませんか？
『Una Kravets Online』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
