📌 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
⁉️وبینار آموزشی تصحیح و بررسی چند نمونه CV(Resume)
🗂 این موضوع یکی از پرسوال ترین موضوعات
برای دوستانی هست آشنایی حدودی با دانش برنامهنویسی دارند و برای ادامه ی مسیر و ساخت CV (Resume) خود نیاز به کمک و راهنمایی دارند.
🖇 برای همین، ما از بانی شیرازی عزیز، بنیانگذار کمپانی APSignals که با داشتن سابقه ی 10 ساله در دنیای برنامه نویسی که هم اکنون دانش و تجربه ی خوبی در این زمینه رو داره خواستیم که در این وبینار با ما همراه باشه
تا بتونیم با کمترین میزان هدر دادن وقت و انرژی، مسیر رشد خودمان را تعیین کنیم و در نتیجه به هدف دلخواه برسیم.
🔴پس اگر به دنبال ساخت CV خودت هستی و نسبت به این مهم دانش کافی نداری، این وبینار فوق العاده رو از دست نده.
به کمک این لینک هم میتونی اطلاعات بیشتری در رابطه با این وبینار به دست بیاری و تا وقتی ظرفیت هست ثبتنام کنی😍
❗️این وبینار محدودیت تعداد داره، از ثبت نام جا نمونی❤️
راستی هزینه ی این وبینار فقط و فقط 10 هزار تومان هست و این هزینه صرفا در راستای برگزاری وبینار و مابقی آن صرف امور خیریه، برای عزیزانی که نیازمند کمک هستند، صرف خواهد شد❤️
🆔 @APSignals_PER
🗂 این موضوع یکی از پرسوال ترین موضوعات
برای دوستانی هست آشنایی حدودی با دانش برنامهنویسی دارند و برای ادامه ی مسیر و ساخت CV (Resume) خود نیاز به کمک و راهنمایی دارند.
🖇 برای همین، ما از بانی شیرازی عزیز، بنیانگذار کمپانی APSignals که با داشتن سابقه ی 10 ساله در دنیای برنامه نویسی که هم اکنون دانش و تجربه ی خوبی در این زمینه رو داره خواستیم که در این وبینار با ما همراه باشه
تا بتونیم با کمترین میزان هدر دادن وقت و انرژی، مسیر رشد خودمان را تعیین کنیم و در نتیجه به هدف دلخواه برسیم.
🔴پس اگر به دنبال ساخت CV خودت هستی و نسبت به این مهم دانش کافی نداری، این وبینار فوق العاده رو از دست نده.
به کمک این لینک هم میتونی اطلاعات بیشتری در رابطه با این وبینار به دست بیاری و تا وقتی ظرفیت هست ثبتنام کنی😍
❗️این وبینار محدودیت تعداد داره، از ثبت نام جا نمونی❤️
راستی هزینه ی این وبینار فقط و فقط 10 هزار تومان هست و این هزینه صرفا در راستای برگزاری وبینار و مابقی آن صرف امور خیریه، برای عزیزانی که نیازمند کمک هستند، صرف خواهد شد❤️
🆔 @APSignals_PER
❤🔥2
♨️متد ()console.trace در جاوا اسکریپت برای خروجی گرفتن از یک stack trace در کنسول استفاده می شه. این به معنای روشی برای ردیابی دنباله function call ها است که به نقطه فعلی در کد منتهی میشه و در اصل یکی از متد های console object هست که به ویژه برای debugging میتونه استفاده بشه.
ازتون میخوام برای درک بهتر کارایی این method به کد و خروجی اش توی کنسول توجه کنید :
و این هم خروجی کد :
( آخرین خط anonymous اشاره داره به جایی که main function ، call شده، یعنی همون global scope)
#JsTrick
🆔 @APSignals_PER
ازتون میخوام برای درک بهتر کارایی این method به کد و خروجی اش توی کنسول توجه کنید :
function first(){
second();
}
function second() {
console.trace("This line is called from :");
}
function main(){
first();
}
main();و این هم خروجی کد :
( آخرین خط anonymous اشاره داره به جایی که main function ، call شده، یعنی همون global scope)
// output
// This line is called from :
// second @noscript.js:6
// first @noscript.js:2
// main @noscript.js:10
// (anonymous) @noscript.js:13
#JsTrick
🆔 @APSignals_PER
❤1