Skip to content

Instantly share code, notes, and snippets.

View ademilter's full-sized avatar

Adem ilter ademilter

View GitHub Profile
@ademilter
ademilter / Proje Klasör Düzeni
Last active February 19, 2024 11:23
Proje klasör düzeni
View 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...)
@ademilter
ademilter / form.html
Created March 20, 2020 13:42
7) form elemanlarını stillendirelim
View form.html
<html>
<head>
<title>Form ve Elemanları</title>
<link rel="stylesheet" href="main.css" />
</head>
<body>
<!--
- adı *
@ademilter
ademilter / api.js
Created April 25, 2022 15:42
@upstash/chatbox
View 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;
@ademilter
ademilter / index.tsx
Last active March 23, 2022 15:42
manageable component
View index.tsx
<SectionBlockContainer>
<SectionBlock>
<SectionBlockIcon>
<Drafts />
</SectionBlockIcon>
<SectionBlockTitle>Marketing Emails</SectionBlockTitle>
<SectionBlockSummary>
Receive occasional news from Upstash teams, and promotional
offers.
@ademilter
ademilter / DynamicText.jsx
Created February 28, 2022 22:06 — forked from thomaswangarchive/DynamicText.jsx
Inter dynamic tracking as a React component
View 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)))
@ademilter
ademilter / Component.js
Created October 4, 2021 12:10
react detecting focus of a browser window get data
View Component.js
export default function Component() {
const [isFocus, setIsFocus] = useState(true)
const { getData } = useContext(RedisDatabaseStoreContext)
useInterval(async () => {
if (!isFocus) return
await getData()
}, 5000)
useEffect(() => {
@ademilter
ademilter / .storybook
Last active September 7, 2021 12:11
postcss config for storybook
View .storybook
- webpack.config.js
- postcss.config.js
- config.js
- addons.js
@ademilter
ademilter / create-component.js
Last active April 11, 2021 01:12
figma variant generator
View 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);
View 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
View 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 ✨