サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
iPhone 16
jxnblk.com
Over the years, I’ve noticed patterns in how I tend to approach component APIs and building out applications and libraries. The following is a collection of thoughts, opinions, and advice for defining component APIs that are meant to be more flexible, composable, and easier to understand. None of these are hard-and-fast rules, but they’ve helped guide the way I think about organizing and creating
VHSPost-future CSS animations npm install vhsOr use the CDN <link rel="stylesheet" href="http://d2v52k3cl9vedd.cloudfront.net/vhs/0.1.0/vhs.min.css">Blur
While React is extremely flexible in terms of how you can structure your application’s UI, I’ve found that a few patterns for style composition have helped me keep things organized and easy to work with. These aren’t hard-and-fast rules, these are simply reflections on how I’ve come to organize components in apps that I’ve worked on. I’ve gravitated towards these patterns in an effort to: Create a
Responsive React Flexbox Grid System
Rebass React primitive UI components built with Styled SystemStart your design system without boiling the oceanBuild consistent UI with design constraints and user-defined scalesBest-in-class developer ergonomics with Styled System propsFirst-class support for theming & fully compatible with Theme UIQuick, mobile-first responsive styles with array-based syntaxFlexbox layout with the Box and Flex c
I’ve been dabbling with React for a few months now and using it in several small open source projects to better understand the technology. React’s focus on reusablility, along with the ability to install and require components via npm, provides an elegant way to rapidly build application UI in an efficient and consistent way. It’s also a great way to handle server-side rendering and provides high
When it comes to designing for the Web I like to follow a handful of general principles. First, design for the medium, or as Frank Chimero puts it, follow “the grain of the Web”. The Web is fluid - based on screens and devices of varying sizes – and typography on the Web should reflect that. Second, design content-out, which usually means designing around a strong typographical base since the larg
Building SVG Icons with ReactHow to Create Mathematically-Generated Graphics Using JavaScript and React While traditional graphics applications like Adobe Illustrator work well for certain tasks, they fall short when used to create pixel perfect, mathematically-derived graphics. Anyone who’s attempted to create data visualizations with such software might have encountered these limitations. And wh
ContrastContrast is the difference in luminance or color that makes an object (or its representation in an image or display) distinguishable. In visual perception of the real world, contrast is determined by the difference in the color and brightness of the object and other objects within the same field of view. Because the human visual system is more sensitive to contrast than absolute luminance,
background-image: linear-gradient(-90deg, #FF00A1, #F6FF00);
Click the Rainbow. Spectral is a math-based HSL color exploration tool built with Vuejs and TinyColor
This could take a while
Safari & Chrome extension for a simpler, more readable Twitter experience.Less Chrome This isn’t your geriatric dad’s muscle car. Less Business Ha ha! Business! Less Squinting No more ⌘ + lolwut? More Flexible Resizing browser windows is fun! Whee! More Readable Consume all the things! More Minimal I’m Jackson. Minimal minimal minimal! Install it now Twipster is a Safari & Chrome extension t
Novantica is set in an open world environment with various interior scenes that asynchronously load in when the player is nearby. When I started developing the game, I was originally planning to use a top-down third-person perspective, like many of my favorite old adventure games. Because it was set in an urban environment, I also wanted the player to be able to look up towards the sky and get a s
このページを最初にブックマークしてみませんか?
『Jxnblk | Brent Jackson』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く