dikaio

{
  "breadcrumbs.enabled": true,
  "colorInfo.languages": [
    {
      "selector": "css",
      "colors": "css"
    },
    {
      "selector": "sass",
      "colors": "css"

dikaio

Claude Code Preferences

Technology Versions

• Next.js: 15.x
• TypeScript: 5.x
• React: 19.x
• Tailwind CSS: 4.x
• Node.js: 22.x LTS

Table of Contents

dikaio

dikaio

{
  "breadcrumbs.enabled": true,
  "colorInfo.languages": [
    {
      "selector": "css",
      "colors": "css"
    },
    {
      "selector": "sass",
      "colors": "css"

dikaio

[
  {
    "name": "Afghanistan",
    "code": "AF",
    "emoji": "🇦🇫",
    "image": "https://cdn.jsdelivr.net/gh/lipis/[email protected]/flags/4x3/af.svg",
    "dialCodes": [
      "+93"
    ],
    "slug": "afghanistan"

dikaio

How to use

1. Update the sizes and final format you want your images formatted to in source.
2. make the script executable chmod +x optimize.sh
3. run the script ./optimize.sh original.jpg

dikaio

Realistic CSS Shadows

box-shadow: x, y, blur, spread, color

Alpha 5%

box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05)
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.05)
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.05)

dikaio

import { preload } from "react-dom";
import { unstable_getImgProps as getImgProps } from "next/image";

type Props = {
  playbackId: string;
  loading: "lazy" | "eager";
  resolution: "SD" | "HD";
};

export default function MuxVideo({ playBackId, loading, loading }: Props) {

dikaio

{
    "window.commandCenter": true,
    "workbench.colorTheme": "Moxer Borderline",
    "workbench.iconTheme": "moxer-icons",
    "typescript.suggest.paths": false,
    "javascript.suggest.paths": false ,
    "editor.defaultFormatter": "rvest.vs-code-prettier-eslint",
    "editor.formatOnPaste": false,
    "editor.formatOnType": false,
    "editor.formatOnSave": true,

dikaio

#!/bin/bash

taps=(
  "denji/nginx"
  "heroku/brew"
  "homebrew-ffmpeg/ffmpeg"
  "homebrew/services"
  "twilio/brew"
  "universal-ctags/universal-ctags"
)