📌 این سایت‌ها به شما کمک می‌کنند تا به آسانی و بدون دردسر، Gradient های خیره کننده برای وب سایت خود بسازید.
🔸https://mycolor.space/
🔸http://gradientsguru.com/
🔸https://cssgradient.io/
#site
🆔 @APSignals_PER
🔸https://mycolor.space/
🔸http://gradientsguru.com/
🔸https://cssgradient.io/
#site
🆔 @APSignals_PER
❤3
📌 bank icon
آیکن bank در وبسایت‌ها معمولا برای نمایش یک بانک یا موسسه مالی استفاده میشه. این آیکن رو معمولا به عنوان لوگو یا نمادی برای نشان دادن اطلاعات مربوط به حساب‌های بانکی، خدمات بانکی، امور مالی و پرداخت‌های آنلاین استفاده می‌کنند. همچنین این آیکن به عنوان یک لینک به صفحه اصلی یا صفحه ورود به حساب کاربری در وبسایت بانک نیز نمایش داده میشه.
در تصویر، نمونه‌هایی از این آیکن رو مشاهده می‌کنید.
#icon
🆔 @APSignals_PER
آیکن bank در وبسایت‌ها معمولا برای نمایش یک بانک یا موسسه مالی استفاده میشه. این آیکن رو معمولا به عنوان لوگو یا نمادی برای نشان دادن اطلاعات مربوط به حساب‌های بانکی، خدمات بانکی، امور مالی و پرداخت‌های آنلاین استفاده می‌کنند. همچنین این آیکن به عنوان یک لینک به صفحه اصلی یا صفحه ورود به حساب کاربری در وبسایت بانک نیز نمایش داده میشه.
در تصویر، نمونه‌هایی از این آیکن رو مشاهده می‌کنید.
#icon
🆔 @APSignals_PER
👍2❤1💯1
This media is not supported in your browser
VIEW IN TELEGRAM
📌Aurora Gradient Spinner
🔸Source Code: https://codepen.io/Code-Result/pen/dyLwPGM
🔸Deploy: https://codepen.io/Code-Result/full/dyLwPGM
#codeAndResult
🆔@APSignals_PER
🔸Source Code: https://codepen.io/Code-Result/pen/dyLwPGM
🔸Deploy: https://codepen.io/Code-Result/full/dyLwPGM
#codeAndResult
🆔@APSignals_PER
❤🔥3❤1
This media is not supported in your browser
VIEW IN TELEGRAM
پارت ۱
♨️توی این پست سعی کردم چند تا از emmet های کاربردی رو بررسی کنم:
🍽 ! + Tab
نوشتن قالب اولیه صفحه html یا boilerplate
📏 ctrl + G + Line Number (:10)
رفتن به خط مورد نظر
🛠 tag.className#idName
-نوشتن اسم tag
-استفاده از نقطه (.) قبل از اسم class
-استفاده از هشتگ (#) قبل از اسم id
🎹 یادتون باشه تا جایی که میتونید از جادوی کیبورد در vscode بهره ببرید 😎
#VsCode
🆔 @APSignals_PER
♨️توی این پست سعی کردم چند تا از emmet های کاربردی رو بررسی کنم:
🍽 ! + Tab
نوشتن قالب اولیه صفحه html یا boilerplate
📏 ctrl + G + Line Number (:10)
رفتن به خط مورد نظر
🛠 tag.className#idName
-نوشتن اسم tag
-استفاده از نقطه (.) قبل از اسم class
-استفاده از هشتگ (#) قبل از اسم id
#VsCode
🆔 @APSignals_PER
❤🔥4
This media is not supported in your browser
VIEW IN TELEGRAM
📌Rainbow Border Animation
🔸Source Code: https://codepen.io/Code-Result/pen/yLrGyNR
🔸Deploy: https://codepen.io/Code-Result/full/yLrGyNR
#codeAndResult
🆔@APSignals_PER
🔸Source Code: https://codepen.io/Code-Result/pen/yLrGyNR
🔸Deploy: https://codepen.io/Code-Result/full/yLrGyNR
#codeAndResult
🆔@APSignals_PER
❤🔥3❤1
♨️ ممکنه تابحال بارها مقاله‌ای رو در روزنامه‌ها و مجلات دیده باشید که عکس در دل متن قرارداره و از قضا اون تصویر، عکسی با اندازه کوچک و شکلی نامتعارفه.
بیشتر وقتها این کار برای این انجام میشه که توجه خواننده به فضای محیط بر عکس یعنی خود مقاله جلب بشه (بخصوص اگه شکل عکس مثلا دایره، بیضی و یا مستطیل باشه).
بعضی مواقع انجام این کار با text wrap یا positioning elements بسیار چالش برانگیز میشه.
در CSS میشه این کاررو با یک خط کد و shape-outside property براحتی آب خوردن انجام بدید و رنگ و لعاب جذاب‌تری به محتوای خودتون بدید 🐙
#CssTrick
🆔 @APSignals_PER
بیشتر وقتها این کار برای این انجام میشه که توجه خواننده به فضای محیط بر عکس یعنی خود مقاله جلب بشه (بخصوص اگه شکل عکس مثلا دایره، بیضی و یا مستطیل باشه).
بعضی مواقع انجام این کار با text wrap یا positioning elements بسیار چالش برانگیز میشه.
در CSS میشه این کاررو با یک خط کد و shape-outside property براحتی آب خوردن انجام بدید و رنگ و لعاب جذاب‌تری به محتوای خودتون بدید 🐙
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8" />
<noscript>Position Absolute</noscript>
</head>
<style>
.curved_text {
float: left;
shape-outside: circle(50%);
width: 200px;
height: 200px;
}
div + p {
font-size: 24px;
}
</style>
<body>
<div class="curved_text"></div>
<p>
lorem100
</p>
</body>
</html>
#CssTrick
🆔 @APSignals_PER
💯6
APSignals (Persian)
⁉️Coding Quiz.No 45: What gets logged to the console? (difficulty level: hard) const outerFunc = () => { let count = 0; return () => ++count; }; const counter = outerFunc(); console.log(counter()); console.log(counter());
⁉️English Quiz.No 46:
Scientists are still …….. into the causes of cancer.
Scientists are still …….. into the causes of cancer.
Anonymous Quiz
17%
1)caring
78%
2)researching
4%
3)creating
0%
4)reporting
❤2
♨️LeetCode:
یک پلتفرم آنلاین برای تمرین برنامه نویسی هست که برنامه نویس ها مسائل مهم الگوریتمی و ساختار دیتا رو حل می کنند و مهارت هاشون رو ارتقا میدن!
#site
🆔 @APSignals_PER
یک پلتفرم آنلاین برای تمرین برنامه نویسی هست که برنامه نویس ها مسائل مهم الگوریتمی و ساختار دیتا رو حل می کنند و مهارت هاشون رو ارتقا میدن!
#site
🆔 @APSignals_PER
❤🔥4👌1
This media is not supported in your browser
VIEW IN TELEGRAM
📌باز کردن پروژه گیت‌هاب داخل VSCode
❇️ برای اینکه بخواید یک پروژه GitHub رو توی VsCode باز کنید باید کارهای زیر رو انجام بدید 👇
1⃣ توی گیت هاب وارد repository مورد نظر شده و تو قسمت آدرس قبل از dot
عبارت 1s رو مثل ویدیو وارد کنید. با این کار پروژه ی شما داخل VsCode اجرا میشه
2⃣ یا میتونید داخل ریپو که شدید یکبار کلید . روی کیبوردتون رو بزنید github vscode باز میشه
3⃣ یا بجای github.com بنویسید github.dev ، بازم همین کار رو میکنه
#vscode
🆔 @APSignals_PER
❇️ برای اینکه بخواید یک پروژه GitHub رو توی VsCode باز کنید باید کارهای زیر رو انجام بدید 👇
1⃣ توی گیت هاب وارد repository مورد نظر شده و تو قسمت آدرس قبل از dot
عبارت 1s رو مثل ویدیو وارد کنید. با این کار پروژه ی شما داخل VsCode اجرا میشه
2⃣ یا میتونید داخل ریپو که شدید یکبار کلید . روی کیبوردتون رو بزنید github vscode باز میشه
3⃣ یا بجای github.com بنویسید github.dev ، بازم همین کار رو میکنه
#vscode
🆔 @APSignals_PER
❤🔥4😁1
This media is not supported in your browser
VIEW IN TELEGRAM
📌Emoticon Toggle
🔸Source Code: https://codepen.io/Code-Result/pen/yLrGzYL
🔸Deploy: https://codepen.io/Code-Result/full/yLrGzYL
#TG
#codeAndResult
#4/24
🔸Source Code: https://codepen.io/Code-Result/pen/yLrGzYL
🔸Deploy: https://codepen.io/Code-Result/full/yLrGzYL
#TG
#codeAndResult
#4/24
❤🔥3
💢اکستنشن Svg Viewer
همان طور که می دانید امروزه فایل های Svg جای تصاویر حجیم jpg و png را گرفته است. به طوری که خیلی از برنامه نویسان فرانت اند استفاده بسیار زیادی از فایل های Svg دارند.
اما مشکل اینجاست که اگر بخواهید داخل VsCode فایلی با فرمت Svg را باز کنید به جای نمایش خروجی عکس، کد های آن را به شما نمایش می دهد!
اکستنشن Svg Preview یکی از بهترین اکستنشن های VsCode برای برنامه نویسان فرانت اند است و این امکان را به شما می دهد که بتوانید تصاویر Svg پروژه مورد نظرتان را داخل محیط VsCode مشاهده کنید.
#extention
🆔 @APSignals_PER
همان طور که می دانید امروزه فایل های Svg جای تصاویر حجیم jpg و png را گرفته است. به طوری که خیلی از برنامه نویسان فرانت اند استفاده بسیار زیادی از فایل های Svg دارند.
اما مشکل اینجاست که اگر بخواهید داخل VsCode فایلی با فرمت Svg را باز کنید به جای نمایش خروجی عکس، کد های آن را به شما نمایش می دهد!
اکستنشن Svg Preview یکی از بهترین اکستنشن های VsCode برای برنامه نویسان فرانت اند است و این امکان را به شما می دهد که بتوانید تصاویر Svg پروژه مورد نظرتان را داخل محیط VsCode مشاهده کنید.
#extention
🆔 @APSignals_PER
❤🔥8