Adem ilter ademilter

## form.html
<html>
  <head>
    <title>Form ve Elemanları</title>

    <link rel="stylesheet" href="main.css" />
  </head>

  <body>
    <!--
      - adı *

## api.js
// pages/api/chatbox/[...chatbox].js

import createChatBoxAPI from "@upstash/chatbox/api";

const ChatBoxAPI = createChatBoxAPI({
  webhooks: [process.env.SLACK_WEBHOOK_URL!],
});

export default ChatBoxAPI;

## index.tsx
<SectionBlockContainer>

  <SectionBlock>
    <SectionBlockIcon>
      <Drafts />
    </SectionBlockIcon>
    <SectionBlockTitle>Marketing Emails</SectionBlockTitle>
    <SectionBlockSummary>
      Receive occasional news from Upstash teams, and promotional
      offers.

## DynamicText.jsx
// https://rsms.me/inter/dynmetrics

const DynamicText = ({ className, children, fontSize = 15, tag = "span" }) => {
  const pxToRem = (px) => {
    return Number(px * 0.0625)
  }

  const dynamicLeading = (z) => {
    const l = 1.4
    return Number(pxToRem(Math.round(z * l)))

## Component.js
export default function Component() {
  const [isFocus, setIsFocus] = useState(true)
  const { getData } = useContext(RedisDatabaseStoreContext)

  useInterval(async () => {
    if (!isFocus) return
    await getData()
  }, 5000)

  useEffect(() => {

## .storybook
- webpack.config.js
- postcss.config.js
- config.js
- addons.js

## create-component.js
const baseComponents: ComponentNode = selection()[0];
if (!baseComponents) return alert("Not selected!");

const w = baseComponents.width;
const h = baseComponents.height;

const fixedItem = "value";
const childNames = baseComponents.children.map((c) => c.name);
const combinations: [[String]] = getCombinations(childNames);

## gist:c6ca8c7b8f769277fc5305cd05784d21
Auth0 Brand Evolution
https://auth0.design/

Great designers are strong at "product thinking."
https://twitter.com/joulee/status/1357748477548089344

Webpack Nedir?
http://devnot.com/2021/webpack-nedir-webpacke-detayli-bir-bakis/

Chalk

## gist:6699a4cd257020d8edf4b6d44edc0811
Flagpack
https://www.flagpack.xyz/

Sunucu-taraflı React Component’leri ve Stream’ler
https://hwclass.medium.com/react-server-componentleri-ve-stream-ler-c5faa803f1ee

Makefile Tutorial By Example
https://makefiletutorial.com/

Flat image → interactive layers ✨

## Proje Klasör Düzeni
root/
|-- scss/						# https://gist.github.com/ademilter/746cb307f14bd4e32de1#file-scss
|
|-- js/							# Script klasörü
| |-- plugin/						- Eklentilere ait scriptler
| |-- pages/						- Sayfalara özel scriptler
| |-- plugin.js						- Plugin klasöründeki dosyaları bu dosya içinde birleştiriyoruz
| |-- main.js						- Global olan bütün scriptleri buraya yazıyoruz
|
|-- img/						# Ham tasarım ve sprite gibi dosyalar (psd, sketch, ai, vs...)
	<html>
	<head>
	<title>Form ve Elemanları</title>

	<link rel="stylesheet" href="main.css" />
	</head>

	<body>
	<!--
	- adı *
	// pages/api/chatbox/[...chatbox].js

	import createChatBoxAPI from "@upstash/chatbox/api";

	const ChatBoxAPI = createChatBoxAPI({
	webhooks: [process.env.SLACK_WEBHOOK_URL!],
	});

	export default ChatBoxAPI;
	<SectionBlockContainer>

	<SectionBlock>
	<SectionBlockIcon>
	<Drafts />
	</SectionBlockIcon>
	<SectionBlockTitle>Marketing Emails</SectionBlockTitle>
	<SectionBlockSummary>
	Receive occasional news from Upstash teams, and promotional
	offers.
	// https://rsms.me/inter/dynmetrics

	const DynamicText = ({ className, children, fontSize = 15, tag = "span" }) => {
	const pxToRem = (px) => {
	return Number(px * 0.0625)
	}

	const dynamicLeading = (z) => {
	const l = 1.4
	return Number(pxToRem(Math.round(z * l)))
	export default function Component() {
	const [isFocus, setIsFocus] = useState(true)
	const { getData } = useContext(RedisDatabaseStoreContext)

	useInterval(async () => {
	if (!isFocus) return
	await getData()
	}, 5000)

	useEffect(() => {
	- webpack.config.js
	- postcss.config.js
	- config.js
	- addons.js
	const baseComponents: ComponentNode = selection()[0];
	if (!baseComponents) return alert("Not selected!");

	const w = baseComponents.width;
	const h = baseComponents.height;

	const fixedItem = "value";
	const childNames = baseComponents.children.map((c) => c.name);
	const combinations: [[String]] = getCombinations(childNames);
	Auth0 Brand Evolution
	https://auth0.design/

	Great designers are strong at "product thinking."
	https://twitter.com/joulee/status/1357748477548089344

	Webpack Nedir?
	http://devnot.com/2021/webpack-nedir-webpacke-detayli-bir-bakis/

	Chalk
	Flagpack
	https://www.flagpack.xyz/

	Sunucu-taraflı React Component’leri ve Stream’ler
	https://hwclass.medium.com/react-server-componentleri-ve-stream-ler-c5faa803f1ee

	Makefile Tutorial By Example
	https://makefiletutorial.com/

	Flat image → interactive layers ✨
	root/
	\|-- scss/ # https://gist.github.com/ademilter/746cb307f14bd4e32de1#file-scss
	\|
	\|-- js/ # Script klasörü
	\| \|-- plugin/ - Eklentilere ait scriptler
	\| \|-- pages/ - Sayfalara özel scriptler
	\| \|-- plugin.js - Plugin klasöründeki dosyaları bu dosya içinde birleştiriyoruz
	\| \|-- main.js - Global olan bütün scriptleri buraya yazıyoruz
	\|
	\|-- img/ # Ham tasarım ve sprite gibi dosyalar (psd, sketch, ai, vs...)