0

سبد خرید شما خالی است.

طراحی سایت در اصفهان, سئو سایت اصفهان, ساخت سایت اصفهان, طراحی سایت حرفه ای اصفهان, بهینه سازی سایت , بازاریابی و دیجیتال مارکتینگ 09133886881 احمدپور

css

محل قرار گیری عناصر ، خواص float و clear
مطالعه :

در این مقاله با موضوع محل قرارگیری عناصر با خواص float و clear با ما همراه باشید. محل قرارگیری عناصر با خواص float و clear امروز قصد بیان سه Property کاربردی در CSS رو داریم. برای آشنایی کامل با Property های position و float ،clear تا انتهای مطلب با تیم طراحی سایت اصفهان همراه باشید. محل قرار گیری عناصر با خواص float و clear خاصیت position خاصیت position برای تعیین موقعیت عناصر در یک صفحه تعیین می شود؛ هم چنین با استفاده از این ویژگی می توانید عناصر را در صفحه وب پشت سر هم قرار دهید . ویژگی position دارای 4 مقدار اصلی می باشد که هر کدام دارای کاربرد مخصوص به خود است.در ادامه به بررسی چهار مقداری که ویژگی position دارد، می پردازم. Static تمام عناصر HTML به طور پیش فرض دارای مقدار استاتیک هستند به عبارتی نوشتن و یا ننوشتن مقدار static در هنگام کد نویسی تاثیری نخواهد داشت و عناصر در همان محلی که هستند نمایش داده می شوند. عناصری که از ویژگی static استفاده می کنند از ویژگی های top و right ,bottom ,left تبعیت نمی کنند. Fixed عناصری که مقدار position آن ها fixed می باشد حتی در صورت Scroll خوردن صفحه و یا تغییر اندازه پنجره مرورگر در موقعیت خود قرار خواهند گرفت و موقعیت آن ها نسبت به قبل هیچ تغییری […]

فریم ورک های جاوا اسکریپت
مطالعه : 10 دقیقه

 Best Javascript Frameworks 2019   منظور از فریم ورک جاوا اسکریپت چیست؟ در دنیای برنامه نویسی و توسعه، عبارت « فریم ورک جاوا اسکریپت » به کتابخانه ای از جاوا اسکریپت اشاره می کند که رابط های کاربری تعاملی و داده محور ارائه می دهد. این فریم ورک ها به گونه ای طراحی شده اند که در هنگام ایجاد تعامل با استفاده از یک برنامه یا رابط، به تهیه داده برای کاربران کمک می کنند. فریم ورک های جاوا اسکریپت با یکدیگر متفاوت اند اما هدف نهایشان یکی است: نمایش داده های جدید به محض اینکه کاربر، یک اقدام تعاملی را آغاز می کند. با تیم طراحی سایت اصفهان وب یار همراه باشید تا مروری بر ویژگی های محبوب چند مورد از فریم ورک های جاوا اسکریپت داشته باشیم. خصوصیات فریم ورک های جاوا اسکریپت   1) موثر بودن: شما می توانید برنامه های موبایل، دسکتاپ و یا سایر رابط های کاربری سطح بالا را در مدت چند هفته و یا حتی چند روز بسازید! 2) امن بودن: همه فریم ورک های رایج و محبوب جاوا اسکریپت دارای تنظیمات امنیتی مطمئن هستند. طیف وسیعی از برنامه نویسان، تست کنندگان و کاربران نیز از این فریم ورک ها پشتیبانی می کنند. 3) کم هزینه بودن بیشتر فریم ورک های جاوا اسکریپت به صورت متن باز (open-source) و رایگان هستند که به […]

انتخابگرها - CSS Selectors
مطالعه : 7 دقیقه

معرفی انتخابگر ها در CSS     همانطور که می دانید برای استایل دادن به المان های صفحه وب در فایل CSS، ابتدا باید المان HTML مورد نظر را با استفاده از انتخابگر های CSS مشخص کنیم؛ اما گاهی انتخاب کردن ها دشوار می شود و معلوم نیست اشکال کدنویسی از کجا ناشی شده است. تیم طراحی سایت اصفهان وب یار، نحوه ی انتخاب دقیق و سریع المان های HTML را در این مقاله آموزش می دهد که امیدواریم مورد استفاده شما برنامه نویسان و نوآموزان خوش آتیه قرار بگیرد.   لیست انتخابگرها (CSS Selectors List)   نوع انتخابگر مثال توضیح .class .Buttons همه المان هایی که کلاس Buttons دارند را انتخاب می کند .class1.class2 <div class=”name1 name2″>…</div> همه المان هایی که هر دو کلاس name1 و name2 را دارند، انتخاب می کند .class1 .class2 <div class=”name1″> <div class=”name2″> … </div> </div> همه المان هایی که کلاس name1 را دارند و از نوادگان المانی با کلاس  name2 هستند را انتخاب می کند #id #unique المانی با “id=”unique را انتخاب می کند * * همه المان ها را انتخاب می کند element p همه پاراگراف ها را انتخاب می کند element,element div, p همه <div> ها و همه <p> ها را انتخاب می کند element element div p همه پارگراف های داخل همه <div> ها را انتخاب می کند element>element div […]

فونت ها در css
مطالعه : 5 دقیقه

آموزش خاصیت های فونت در CSS خواصی که برای فونت ها در CSS به کار می رود، نام فونت (خانواده فونت)، سایز، ضخامت و استایل متن است. تیم طراحی سایت اصفهان وب یار قصد دارد در این مقاله شما را با ویژگی های قابل تغییر فونت ها در CSS آشنا کند. با ما همراه باشید.   دسته بندی فونت ها در CSS دو نوع خانواده برای فونت ها کاربرد دارد: 1) خانواده کلی (Gneric Family): گروهی از خانواده های فونت که ظاهری مشابه دارند (مثلاٌ همه به فرم Serif یا Monoscape هستند) 2) خانواده فونت (Font Family): یک نوع فونت مشخص (مانند Arial یا “B Yekan”)   تفاوت ظاهر فونت ها معمولاً فونت ها (اغلب لاتین) به سه شکل تعریف و ساخته می شوند:  Serif – در انتهای حروف، خط کوتاهی مشاهده می شود. Sans-Serif – کلمه Sans به معنی «بدونِ …» است. این گونه فونت ها، خط کوتاه یادشده را ندارند. خوانایی این نوع از فونت ها در صفحه کامپیوتر بیشتر از خانواده Serif است. Monoscape – عرض تمام حروف در این حالت، یکسان است.   خانواده فونت (CSS Font Family) نوع فونت یک متن، با دادن خاصیت font-familly به استایل CSS آن تعریف می شود. برای این خاصیت بهتر است بیشتر از یک فونت تعریف شود تا اگر مرورگری نتوانست یکی از آن ها را تشخیص دهد، فونت […]

CSS Animations
مطالعه :

آموزش ساخت انیمیشن با کمک CSS     انیمیشن های CSS ، تغییر حالت (Transition) تدریجی از یک استایل خاص به استایلی دیگر را میسر می کنند. انیمیشن ها از دو جزء تشکیل شده اند، استایلی که CSS مربوط به انیمیشن را مشخص نموده و مجموعه ای از نقاط عطف (keyframes) که حالت های شروع و پایان استایل های انیمیشن و همچنین ایستگاه های میانی را تعیین می کنند. تیم طراحی سایت اصفهان وب یار، شما عزیزان را به خواندن این مقاله دعوت می کند؛ همچنین پذیرای علاقمندان به یادگیری طراحی سایت در کلاس آموزشی طراحی سایت اصفهان وب یار می باشد.   در اینجا سه مورد از دلایل برتری انیمیشن های CSS نسبت به انیمیشن های اسکریپت محور را لیست کرده ایم: 1) استفاده از انیمیشن های CSS برای ساخت انیمیشن های ساده، بسیار آسان تر است. حتی بدون دانستن جاوا اسکریپت هم می توانید انیمیشن بسازید! 2) انیمیشن های CSS خیلی روان اجرا می شوند، حتی در سیستم هایی با قدرت تحلیل ضعیف؛ انیمیشن های ساده، اغلب در جاوا اسکریپت اجرای ضعیفی دارند (مگر آنکه به خوبی نوشته شده باشند). موتورهای گرافیکی می توانند Keyframe ها را حین اجرا، رندر (Render) کنند تا اجرای پیوسته و مطلوبی به نمایش گذاشته شود. 3) اگر به مرورگرها اجازه کنترل انیمیشن ها داده شود، خروجی اجرایی بهینه تر و کارآمدتری را […]

پوزیشن ها در css
مطالعه : 10 دقیقه

آموزش انواع پوزیشن در CSS همان طور که می‌دانید برای تعیین موقعیت دقیق المان های html در صفحه وب از css استفاده می شود؛ اما گاهی در استفاده درست از پوزیشن ها در css دچار اشتباه می شویم و سردرگم می مانیم. تیم طراحی سایت اصفهان وب یار در این مقاله سعی در پرداختن به توضیح هر کدام از پوزیشن های css و کاربرد آن ها داشته است که امیدواریم نظر شما عزیزان را جلب کند؛ با ما همراه باشید.   پوزیشن های CSS: 1- static 2- relative 3- absolute 4- fixed 5- sticky   پوزیشن استاتیک (Static Position) این پوزیشن که به صورت پیش فرض به تمام المان های صفحه اعمال می شود برای تعیین موقعیت طبیعی هر عنصر html به کار می رود. برای مثال سه div زیر را در نظر بگیرید: HTML: <div class=”d1″>d1</div> <div class=”d2″>d2</div> <div class=”d3″>d3</div> CSS: .d1,.d2,.d3 { text-align: center; color: #fff; background-color: rgb(22, 182, 62); padding: 20px; } .d2 {background-color: rgb(143, 22, 190);} .d3 {background-color: rgb(32, 131, 245);}   نظم طبیعی صفحه از ترتیب تگ های html پیروی کرده و ایجاب می کند که ابتدا d1 قرار بگیرد، بعد از آن d2 می آید و سپس d3 در زیر d2 موقعیت دهی می شود. خروجی کد فوق به همراه مقداری استایل دهی به شکل زیر خواهد شد:   نکته ها: – اگر دقت […]