chriskirknielsen - Robuta Search

https://chriskirknielsen.com/projects/devographics-surveys/ Devographics Surveys | chriskirknielsen Making logos and t-shirt designs to celebrate the web ecosystem for yearly surveys. devographics surveys https://chriskirknielsen.com/blog/future-theme-with-inline-if-style-conditions/ A Future of Themes with CSS Inline if() Conditions | chriskirknielsen Another way to implement themes on a website with style conditions. future themes css inline https://chriskirknielsen.com/fonts/ Font Directory | chriskirknielsen You might find a cool, nerdy font by yours truly font directory https://chriskirknielsen.com/blog/git-switcheroo/ Snippet: git switcheroo | chriskirknielsen Precompiled Sass and JS files that become part of the source folder. snippet git switcheroo https://chriskirknielsen.com/designs/react-retro-vhs/ State of React | chriskirknielsen Is it a library? A framework? An unknown element on the verge of mutating into a dangerous, unstable entity? Whatever your feelings about React, you will find... state react chriskirknielsen https://chriskirknielsen.com/blog/thoughts-on-item-flow-proposal/ Some thoughts on the item-flow proposal | chriskirknielsen Solving for masonry could have beneficial side effects for other layout methods. item flow thoughts proposal https://chriskirknielsen.com/designs/crash-bandicoot-wumpa-hoarder/ Wumpa Hoarder | chriskirknielsen A design inspired by the wild, Wumpa-loving bandicoot: Crash Bandicoot! wumpa hoarder chriskirknielsen https://chriskirknielsen.com/blogroll/ Blogroll | chriskirknielsen Some blogs worth reading blogroll chriskirknielsen https://chriskirknielsen.com/support/ Support | chriskirknielsen If you want to support me for any odd reason, here’s what you could do support chriskirknielsen https://chriskirknielsen.com/blog/markdown-it-codewrap/ My plugin for Markdown-It: CodeWrap | chriskirknielsen My solution to adding codewrap chriskirknielsen https://chriskirknielsen.com/tags/ Tags | chriskirknielsen A thrilling list of the tags I’ve used (larger tag = more posts!) tags chriskirknielsen https://chriskirknielsen.com/designs/html-retro-vhs/ State of HTML | chriskirknielsen Celebrate your love of HTML with an original design inspired by retro VHS tape covers html chriskirknielsen state https://chriskirknielsen.com/blog/remove-link-underline-styling-between-icon-and-text/ Removing link underline styles between icons and text | chriskirknielsen Fixing the tiny underline is nearly effortless with CSS variables. removing underline styles icons https://chriskirknielsen.com/blog/custom-filename-in-code-blocks-in-eleventy-in-markdown-it/ Adding a custom filename to a code block in Eleventy with markdown-it | chriskirknielsen Making those code blocks a little more personal. custom filename code block https://chriskirknielsen.com/designs/kevin-powell-css/ Cascading Stylesheets | chriskirknielsen Embrace the cascade, and show others your love for CSS. cascading stylesheets https://chriskirknielsen.com/blog/leverage-api-like-notion-with-cache/ Leveraging APIs like Notion with a nice caching system | chriskirknielsen How I implemented Notion and PSN APIs in my Eleventy build for my Now and Gaming pages. caching system leveraging apis https://chriskirknielsen.com/designs/duotype-semantic-markup/ Radical Duotype HTML | chriskirknielsen Represent HTML (not just divs) with radical double-typography style! radical duotype html https://chriskirknielsen.com/blog/group-posts-by-year-with-nunjucks-in-eleventy/ Grouping posts by year with Nunjucks in Eleventy | chriskirknielsen Group by year in a clear and readable manner. eleventy chriskirknielsen year https://chriskirknielsen.com/search/ Search | chriskirknielsen search chriskirknielsen https://chriskirknielsen.com/designs/control/ The Oldest House | chriskirknielsen The Oldest House has many dangers/risks. Be sure to alert the sitting/standing Director. Objects of Power are dangerous/aggressive and interacting/talking with... oldest house chriskirknielsen https://chriskirknielsen.com/designs/retro-css/ Retro CSS | chriskirknielsen A totally tubular t-shirt to show off how rad CSS is! css chriskirknielsen retro https://chriskirknielsen.com/blog/from-nunjucks-to-vento-in-eleventy-migration-guide/ From Nunjucks to Vento in Eleventy: a migration guide (kinda) | chriskirknielsen A few tips to refactor your njk into vto. migration guide nunjucks vento https://chriskirknielsen.com/blog/eleventy-asset-pipeline-precompiled-assets/ Eleventy Asset Pipeline: Precompiled Assets without Gulp | chriskirknielsen Precompiled Sass and JS files that become part of the source folder. asset pipeline eleventy assets https://chriskirknielsen.com/projects/markdown-it-codewrap/ markdown-it-codewrap | chriskirknielsen A Markdown-It plugin to wrap custom markup around blocks of code, optionally adding a Copy button. codewrap chriskirknielsen https://chriskirknielsen.com/projects/svgfm/ SVG Filter Maker | chriskirknielsen A node graph builder for SVG filters, making it easy to visually create filters svg filter maker https://chriskirknielsen.com/designs/kevin-powell-grid/ Grid Layout | chriskirknielsen Let the world know that you love CSS Grid! grid layout chriskirknielsen https://chriskirknielsen.com/designs/god-of-war/ Lake of Nine | chriskirknielsen A peaceful moment on the Lake of Nine. lake nine chriskirknielsen https://chriskirknielsen.com/projects/ratchet-galaxy/ Ratchet-Galaxy | chriskirknielsen ratchet galaxy chriskirknielsen https://chriskirknielsen.com/designs/outatime-trilogy/ OUTATIME Trilogy | chriskirknielsen Taking a few elements from the movies to form this little sticker-appropriate design for one of my favourite franchises… trilogy chriskirknielsen https://chriskirknielsen.com/blog/relative-temperature-conversion/ Relative Temperature Conversion | chriskirknielsen So this is how I can explain temperature fluctuations outside the US! temperature conversion https://chriskirknielsen.com/projects/visubezier/ VisuBezier | chriskirknielsen A VS Code extension to preview CSS timing functions chriskirknielsen https://chriskirknielsen.com/blog/fine-types-arent-the-worst/ Fine, types in JS aren’t the worst | chriskirknielsen I’m not on the TypeScript train, but I like a couple of things… fine types js worst https://chriskirknielsen.com/blog/le-petit-guide-sur-var-let-et-const/ Le petit guide sur var, let et const | chriskirknielsen Comment distinguer ces mots-clés JavaScript. le petit guide sur var let const https://chriskirknielsen.com/blog/select-an-element-which-doesnt-descend-from-another-in-css/ Select an element which doesn’t descend from another in CSS | chriskirknielsen Avoid false positives when using :not() to exclude ancestors from a scope. select element descend another https://chriskirknielsen.com/blog/css-grid-with-a-preferred-column-count/ CSS Grid with a preferred column count | chriskirknielsen Set up a CSS grid with a specific ideal number of columns. css grid column count preferred Sponsored https://darlink.ai/ DarLink AI: Free AI Girlfriend Generator | Chat, Photos & Video Create your ideal AI Girlfriend with DarLink AI. Customize her look and personality, chat naturally, and enjoy personalized photos, videos, and voice for a... https://chriskirknielsen.com/designs/duotype-css/ Radical Duotype CSS | chriskirknielsen Represent CSS with radical double-typography style! radical duotype css https://chriskirknielsen.com/ Home | chriskirknielsen Welcome to the personal website of the one they call Christopher Kirk-Nielsen, a creative developer with zero awards who is, in fact, a CSS nerd chriskirknielsen https://chriskirknielsen.com/now/ Now | chriskirknielsen What am I doing these days? chriskirknielsen https://chriskirknielsen.com/blog/multi-directional-nature-of-position-sticky/ The Multi-Directional Nature of position: sticky | chriskirknielsen You can use it any way you’d like. multi directional nature sticky https://chriskirknielsen.com/designs/js-retro-vhs/ State of JS | chriskirknielsen Wear your JS colours from the perspective of a '90s VHS tape js chriskirknielsen state https://chriskirknielsen.com/designs/dead-space/ USG Ishimura | chriskirknielsen In space, only Necromorphs can hear you scream. usg ishimura chriskirknielsen https://chriskirknielsen.com/projects/kevin-powell-shirts/ Kevin Powell Shirts | chriskirknielsen Designing CSS-themed t-shirts for YouTube educator Kevin Powell kevin powell shirts https://chriskirknielsen.com/designs/clean-cache/ Clean Cache | chriskirknielsen I want you to hit refresh as hard as you can. clean cache chriskirknielsen https://chriskirknielsen.com/blog/vertical-slider-fitting-the-tallest-element-in-pure-css/ Vertical slider fitting the tallest element in pure CSS | chriskirknielsen Using transforms to create overflow. pure css vertical slider fitting https://chriskirknielsen.com/designs/twin-pines-mall/ Twin Pines Mall | chriskirknielsen Typographically accurate sign for the Twin Pines Mall sign in Hill Valley, California! twin pines mall https://chriskirknielsen.com/designs/vhs-www/ Blank VHS WWW | chriskirknielsen In a world where the web runs on VHS tapes… blank vhs www chriskirknielsen https://chriskirknielsen.com/designs/legacy-code/ Legacy Code | chriskirknielsen It’s a UNIX system! I know this! legacy code chriskirknielsen https://chriskirknielsen.com/designs/synth-element/ The Synth Element | chriskirknielsen A cross-over between The Fifth Element and synth waveforms. synth element chriskirknielsen https://chriskirknielsen.com/designs/deathloop/ Blackreef | chriskirknielsen Kill all Visionaries. Break the loop. Easy. chriskirknielsen https://chriskirknielsen.com/blog/switching-from-wordpress-to-hugo/ Switching From WordPress To Hugo | chriskirknielsen Running a simple blog doesn’t require a large CMS. switching wordpress hugo Sponsored https://rencontredouce.com/ RencontreDouce Less swiping. More actually meeting. https://chriskirknielsen.com/projects/javascript-for-everyone/ JavaScript for Everyone | chriskirknielsen A rad JS shirt for a rad JS course javascript everyone https://chriskirknielsen.com/colophon/ Colophon | chriskirknielsen How did this get here? colophon chriskirknielsen https://chriskirknielsen.com/blog/inline-lists-with-conditional-separators/ Inline lists with conditional separators | chriskirknielsen Only show a separator when two items are next to each other, and skip for new lines. inline lists conditional https://chriskirknielsen.com/designs/git-revert/ git revert | chriskirknielsen Wait a minute Doc. You’re telling me you built a time machine out of a command? git revert chriskirknielsen https://chriskirknielsen.com/blog/contextual-utility-classes-for-color-with-custom-properties/ Contextual Utility Classes for Color with Custom Properties | chriskirknielsen Use the cascade to colour links in their context. utility classes contextual https://chriskirknielsen.com/games/ Games | chriskirknielsen A few of my favourite video games you might also enjoy games chriskirknielsen https://chriskirknielsen.com/blog/manage-your-svg-files-with-eleventys-render-plugin/ Manage your SVG files with Eleventy’s Render plugin | chriskirknielsen Using renderFile to keep things tidy. svg files manage render plugin https://chriskirknielsen.com/blog/une-reinitialition-css-moderne/ Une réinitialisation CSS moderne | chriskirknielsen Andy Bell propose un reset CSS adapté aux navigateurs modernes. une css moderne chriskirknielsen https://chriskirknielsen.com/designs/jak-daxter-powercell-hunters/ Powercell Hunters | chriskirknielsen A design inspired by one of my favourite video games: Jak And Daxter. powercell hunters https://chriskirknielsen.com/designs/www-explorer/ World Wide Web Explorer | chriskirknielsen Explore the spaces between what connects us all: the World Wide Web! world wide web explorer https://chriskirknielsen.com/blog/animate-z-index-hover-effects/ Animate your z-index for cleaner hover effects | chriskirknielsen Clean up overlap animations on hovered elements. z index hover effects animate https://chriskirknielsen.com/blog/2024-redesign/ 2024 redesign | chriskirknielsen Some notes about this 2024 redesign. redesign chriskirknielsen https://chriskirknielsen.com/designs/kevin-powell-color-space/ Explore Color Space | chriskirknielsen Color spaces have really taken off in CSS (pun intended), and we think that’s worth celebrating! color space explore https://chriskirknielsen.com/blog/pluck-a-nested-property-from-an-object/ Plucking a nested property from an object | chriskirknielsen Retrieving a property of an object which is also in an object in JavaScript. plucking nested property object https://chriskirknielsen.com/designs/vhs-a11y/ Blank VHS A11Y | chriskirknielsen In a world where the web runs on VHS tapes… blank vhs chriskirknielsen https://front-end.social/@chriskirknielsen Christopher Kirk-Nielsen (@chriskirknielsen@front-end.social) - Front-End Social 1.7K Posts, 174 Following, 511 Followers · 🎨 Creative developer and CSS nerd at mojopsg.com  🤓 Enjoys neon glow, gaming, movies, cats, languages... front end social christopher https://chriskirknielsen.com/blog/prevent-jank-on-focused-elements-in-an-overflow-container/ Preventing jank on focused overflow-causing elements | chriskirknielsen Making sure the focused element doesn’t trigger janky scroll. preventing jank focused overflow https://chriskirknielsen.com/blog/animate-an-svg-inner-stroke/ Animate an SVG shape’s inner stroke | chriskirknielsen Grow a stroke on an SVG shape but only covering the inner part. animate svg inner stroke https://chriskirknielsen.com/projects/codepen-generators/ Generators | chriskirknielsen A collection of generators built on CodePen generators chriskirknielsen https://chriskirknielsen.com/blog/my-under-engineered-way-to-avoid-a-flash-of-inaccurate-color-theme/ My under-engineered way to avoid a Flash of inAccurate coloR Theme (FART) | chriskirknielsen It all boils down to a single line of JS. engineered way avoid flash https://chriskirknielsen.com/blog/taking-vento-js-for-a-spin-in-eleventy/ Taking VentoJS for a spin in Eleventy | chriskirknielsen There’s a new kid on the templating block. eleventy chriskirknielsen spin https://chriskirknielsen.com/designs/it-crowd-four-five-fire/ Four, I mean Five, I mean Fire! | chriskirknielsen One of my favourite quotes from Maurice Moss in the I.T. Crowd… four mean five fire https://chriskirknielsen.com/css-logo/ CSS Logo | chriskirknielsen A cheeky idea for a new logo css logo chriskirknielsen https://chriskirknielsen.com/blog/double-pagination-in-eleventy/ Double-Pagination in Eleventy | chriskirknielsen Yo dawg, I heard you liked pagination, so I added pagination inside your paginated pages, so you can paginate while you paginate. eleventy chriskirknielsen https://chriskirknielsen.com/blog/rotating-floating-animation-with-chained-transforms/ Rotating floating animation with chained transforms | chriskirknielsen Using chained CSS transforms to get a rotation without rotating the element itself. rotating floating animation https://chriskirknielsen.com/games/library/ Gaming Library | chriskirknielsen Dang, I’ve played a lot of games, eh? gaming library chriskirknielsen https://chriskirknielsen.com/blog/2024-as-bullet-points/ 2024 as bullet points | chriskirknielsen Kind of a year in review. bullet points chriskirknielsen https://chriskirknielsen.com/blog/ Bloggy Corner | chriskirknielsen I like to write once in a while. Enjoy! bloggy corner chriskirknielsen https://chriskirknielsen.com/uses/ Uses | chriskirknielsen My frequently used tools uses chriskirknielsen https://chriskirknielsen.com/designs/cartridge-world/ Cartridge World | chriskirknielsen Memories of the thousands of worlds we held in our hands. cartridge world https://chriskirknielsen.com/blog/breakout-container/ Breakout Container | chriskirknielsen Make a contained element span the entire horizontal space. breakout container https://chriskirknielsen.com/blog/eleventy-within-eleventy-precompiling-reused-assets/ Eleventy within Eleventy to compile when you compile: precompiling reused assets | chriskirknielsen Pre-compile some reused assets to avoid repeating the same operation. eleventy within compile reused https://chriskirknielsen.com/designs/css-retro-vhs/ State of CSS | chriskirknielsen Show your appreciation for everybody’s favourite way to style the web with this retro shirt inspired by '90s blank VHS tapes css chriskirknielsen state https://chriskirknielsen.com/blog/css-wishlist-2024/ CSS Wishlist 2024 | chriskirknielsen My Wishlist for CSS in 2024. css wishlist chriskirknielsen https://chriskirknielsen.com/designs/vhs-css/ Blank VHS CSS | chriskirknielsen In a world where the web runs on VHS tapes… blank vhs css chriskirknielsen https://chriskirknielsen.com/designs/vhs-html/ Blank VHS HTML | chriskirknielsen In a world where the web runs on VHS tapes… blank vhs html chriskirknielsen https://chriskirknielsen.com/music/ Music | chriskirknielsen My musical tastes laid bare music chriskirknielsen https://chriskirknielsen.com/blog/building-and-maintaning-components-from-utility-classes-in-eleventy/ Building and maintaining components from utility classes in Eleventy | chriskirknielsen Use a collection of utilities to form components without additional CSS. utility classes building https://chriskirknielsen.com/archives/ Archives | chriskirknielsen A digital museum of the previous versions of this website archives chriskirknielsen https://chriskirknielsen.com/designs/css-fact-sheet/ CSS Fact Sheet | chriskirknielsen A compact fact sheet for CSS that wouldn’t be out of place on a crate in a cyberpunk world… fact sheet css chriskirknielsen https://chriskirknielsen.com/blog/simple-table-of-contents-highlighter/ “Simple” Table of Contents Highlighter | chriskirknielsen Highlight your TOC in a tick. table contents highlighter https://chriskirknielsen.com/designs/vhs-js/ Blank VHS JS | chriskirknielsen In a world where the web runs on VHS tapes… blank vhs js chriskirknielsen Sponsored https://www.milfplay.com/ Milf Play OFFICIAL - Mature Dating @ Milfplay Milfplay is the best dating site to find real local milfs for you to hook up with. Want to sext or trade pics? That's cool too. Video chat online before... https://chriskirknielsen.com/blog/nth-next-sibling-no-need/ :nth-next-sibling? No need. | chriskirknielsen Target N elements after an arbitrary element in CSS. nth next sibling need https://chriskirknielsen.com/blog/modern-fluid-typography-with-clamp/ Modern Fluid Typography with clamp() | chriskirknielsen Get a more consistent sizing with viewport-based font sizing. fluid typography modern clamp