کدنویسی html و css

شاید شما هم تو دنیای کد نویسی اونم کد نویسی تحت وب براتون این سوال پیش اومده که کلاس ها و آی دی هایی که در بدنه صفحه وب یا یک سایت نوشته شده به چه صورت قرار گرفتن و به شکل بصری دوست داشته باشین این موضوع رو ببینید. تو این مطلب تصمیم گرفتم براتون یک افزونه فایرفاکس رو معرفی کنم که شما رو با تجربه ای متفاوت رو به رو می کنه . در ادامه با ما همراه باشید. تکنولوژی سه بعدی چند وقتی است که وارد بازار شده و با اینکه هنوز کاربران زیادی را به دلایل مختلف به خود جذب نکرده، با این حال روند رو به رشد آن نشان از این دارد که به مرور زمان باید چشمان خود را به آن عادت دهیم! امروز به شما راهی برای تست، آزمایش و تمرین ورود به...

به احتمال زیاد در هنگام کدنویسی و طراحی قالب وردپرس با اشکال هندسی در طرح رابط کاربری یا همان psd قالب برخورد کرده اید، برای پیاده سازی اشکال هندسی چند راه وجود دارد که به اختصار هر کدام را شرح میدهیم. روش اول استفاده از فونت آیکون ها میباشد که اگر سایر ایکون و تصاویر پوسته در مجموعه فونت آیکون موجود هستند میتوانید از فونت آیکون برای نمایش ایکونهای بخشهای مختلف رابط کاربری استفاده کنید. روش دوم بکارگیری div و اختصاص تصویر به عنوان تصویر زمینه div می باشد که میتوان با تعیین موقعیت position:absolute بخش را جابه جا کرد. اما بهترین روش ایجاد مثلث با کد css است زیرا توسط چند خط کد ساده امکان ساخت مثلث و سایر اشکال هندسی فراهم میشود درنتیجه سرعت بارگذاری پوسته افزایش می یابد. در این مطلب از روناک وب به آموزش و...

اگر از تبلت یا موبایل های هوشمند اندرویدی یا ios برای وبگردی استفاده کرده باشید قابلیت جالب تغییر رنگ آدرس بار مرورگر یا همان نوار آدرس دهی که url های سایت را نمایش میدهد را مشاهده کرده اید طوریکه نوار آدرس بروزر موبایل در هر سایتی به رنگ خاصی تغییر میکند و در نتیجه آن رنگبندی مرورگر با سایت و قالب وردپرس هماهنگ می شود. برای بهره برداری بهتر از این امکان جالب بهتر است پوسته سایت تان دارای طراحی واکنش گرا یا ریسپانسیو باشد تا با به درستی در نمایشگر موبایل نمایش داده شود و نیازی به اسکرول در عرض و زوم کردن برای مشاهده محتوای وب سایت نباشد. اگر میخواهید قابلیت تغییر رنگ آدرس بار مرورگر موبایل را در سایت تان ایجاد کنید این آموزش از روناک وب را از دست ندهید.

یکی از نکات مهم در طراحی سایت یا طراحی قالب وردپرس رعایت اصل سازگاری و نمایش صحیح وب سایت در مرورگرهای اینترنتی متفاوت می باشد. از پرکاربرد و محبوب ترین مرورگر های وب می توان به کروم، فایرفاکس و سافاری اشاره کرد که تقریبا کمترین ناسازگاری را چه در نسخه های قدیم و چه در ورژنهای به روز در میان سایر Browser بروزرها دارا می باشند و از بدترین مرورگرها می توان به اینترنت اکسپلورر ie در نسخه های ۷ و ۸ اشاره کرد که به کابوسی برای طراحان تبدیل شده بود به همین دلیل تقریبا دیگر هیچ طراحی وقتش را برای سازگاری کامل سایت با ie نسخه ۷ و ۸ صرف نمی کند. در این مطلب از روناک وب نحوه نمایش پیش فرض یکسان وب سایت در مرورگرهای متفاوت با استفاده از کد Css Reset و Html5 سازگاری قالب...

یکی از امکاناتی که توسط css در اختیارمان قرار می گیرد امکان استفاده از فونت وب می باشد فونت وبها نسخه هایی استاندارد از فونتهای مورد استفاده در سایر برنامه ها و ویرایشگرهای متنی مانند: نرم افزارها آفیس و فتوشاپ و … می باشند که برای استفاده در صفحات وب و همچنین نمایش صحیح در مرورگرهای مختلف بهینه شده اند و معمولا حجم بسیار کمتری نسبت به نسخه خارج از وب و مخصوص سیستم عامل های کامپیوتری مانند ویندوز دارند. فونت وب معمولا با ۴ فرمت eot، woff، svg و ttf در صفحات وب بکار برده می شود در این پست قصد آموزش روش افزودن فونت دلخواه به قالب سایت با دستور استاندارد css را داریم پس همراه ما باشید.