یکی از امکانات جالبی که در css3 معرفی شده برطرف کردن مشکلی قدیمی و دردسر ساز می باشد …

این مشکل هنگامی به وجود می آید که شما در درون یک کادر , نوشته ی طولانی دارید و طبیعتا این نوشته ها پس از رسیدن به انتهای کادر , شکسته و بقیه آن به سطر بعدی میرود .

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

با ما در ادامه همراه باشید تا این مشکل را برای همیشه از بین ببریم …

حتما تابحال اسم این نوع نمایش پاپ آپ را نشنیده باشید و این پست براتون گنگ و مبهم باشد …

Snackbaar PopUp , یک پیام به صورت تولتیپی میباشد که در پایین وب سایت به نمایش در می آید و میتوانید آن را پس از چند ثانیه محو کنید .

این نوع پیام ها بیشتر برای اطلاع از یک نوع خطای خاص یا اخطار و یا موفقیت آمیز بودن یک مرحله و نمایش آن به کاربران استفاده میشود . در ادامه با آموزش ساخت این نو PopUp با استفاده از Css3 و Java Script آشنا می شویم .

یکی از فاکتور های بسیار مهم در بهینه سازی وب سایت و سئو , فشرده سازی فایل های html , css و js میباشد .

این کار باعث میشود فضاهای خالی بین کد نویسی گرفته شود که در نتیجه باعث کم حجم تر شدن فایل و در ضمن تفسیر سریعتر کد ها توسط مرورگر میشود که این دو عمل تاثیر بسیاری در فاکتور های موتور های جستجوگر از جمله گوگل دارد .

به این کار در اصطلاح Minify میگویند …

واضح است فشرده سازی یک مشکل جدید را پیش می آورد که همان از بین رفتن چیدمان ( قانون Child & Parent ) کد ها میباشد . پس باید به خاطر داشته باشید زمانی که کدنویسی شما به طور کامل انجام شد , قبل از آپلود کد بر روی سایت این فشرده سازی را انجام دهید .

یکی از بزرگترین مشکل هایی که پیرامون ریسپانسیو ساختن وب سایت وجود دارد , ساخت جدول ذر این نوع وب سایت ها میباشد .

جداولی که دارای تعداد ستون های زیادی هستند , در موبایل به دلیل پهنای کم ,  بسیار جمع شده و به صورت ناخوانایی در می آیند .

در این پست از وب سایت اسکریپت دات کام , روشی بسیار ساده و جالب را آموزش خواهم داد که به کمک آن میتوانید جداول را در سایز های بسیار کوچک مانند موبایل , به صورت اسکرول افقی در بیاورید تا از بهم ریختن آن در سایز های پایین جلوگیری کنید .

ضمنا علاوه بر آموزش این کار , سعی بر ساخت یک جدول ساده , زیبا و شیک را هم داریم …

اگر شما یک توسعه دهنده وب سایت بخصوص در زمینه php باشید با اصطلاحی به نام include آشنا هستید . ویژگی جالبی که میتواند یک فایل php را در صفحه ی دیگری از php قرار دهد .

این کار باعث میشود اگر ما دارای تعداد فایل های php زیادی هستیم و مقداری ثابت را میخواهیم در جایی از آن درج کنیم , دیگر مجبور نشویم که هر بار این کار را انجام دهیم و تمامی مقادیر را در یک فایل گنجانده و آن را در هر صفحه صدا میزنیم .

خوب این کار در صفحات html تابحال غیر ممکن بود که در این پست قصد دارم ویژگی جالب w3 , که همچین امکانی را برای طراحان وب سایت فراهم ساخته را آموزش دهم .

در این پست از سایت اسکریپت دات کام , قصد آموزش ساخت یک پنل اریب تمام صفحه با پراپرتی بسیار جدید Flex را دارم .

این بنل بدون استفاده از جی کوئری و جاوا اسکریپت و تمام آن به صورت Html5 و Css3 میباشد .

ضمنا این پنل به صورت کاملا ریسپانسیو میباشد .

در ادامه میتوانید علاوه بر آموزش , دموی آنلاین آن را مشاهده فرمایید .

طبق ایمیل های فراوانی که برای معرفی افکت های پارالاکس در وب سایت داشتم , تصمیم گرفتم از این به بعد بیشتر به این نوع افکت های زیبا بپردازم و مطالب بیشتری در این زمینه به صورت آموزشی منتشر کنم .

پارالاکس (Parallax)  در لغت به معنای اختلاف منظر است ولی در طراحی وب به معنی تکنیک‌های پیمایش در صفحه برای عمق بخشی به وب سایت است.

در اولین پستی که در رابطه با این نوع طراحی منتشر میکنم , یک افکت زیبا که فقط با html5 و css3 طراحی شده است را برای شما کاربران گرامی آماده ساخته ام .

این افکت میتواند پس زمینه شما را به صورت دایره های چند بعدی تبدیل کرده که با تغییر مکان نمای ماوس , دایره ها به صورت زیبایی جابجا میشوند .

منوی آکاردئون Css3 ریسپانسیو در چهار مدل مختلف

در این منو به هیچ عنوان از js ها استفاده نشده است و تماما با html5 و css3 طراحی شده که شما عزیزان میتوانید در ادامه آن را دانلود نمایید …

ویژگی های منوی آکاردئونی :

بدون استفاده از js و فقط استفاده از html5 و css3

کاملا ریسپانسیو و بهینه سازی شده

در ۴ طراح کلی مختلف

بهینه شده برای نمایش در تمامی مرورگرها

استفاده از فونت آیکون

دارای امکان ساخت ساب منو