📌 این سایت‌ها به شما کمک می‌کنند تا به آسانی و بدون دردسر، 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