وسط چین کردن عمودی عنصرها با کمک CSS

وسط‌چین کردن عنصرهای HTML با کمک چند شیوه‌ی نسبتا پیچیده امکان‌پذیر است. در این نوشته به یکی از این روش‌ها که با کمک pseudo element ها انجام می‌شود می‌پردازیم.

نکته‌ی ابتدایی برای وسط‌چین کردن عمودی عنصرها، مشخص بودن ارتفاع عنصر پدر است. به این معنی که اگر ارتفاع عنصر پدر نامعلوم باشد، وسط‌چین کردن فرزندها از نظر منطقی غیرممکن است.

برای انجام این کار یک عنصر div به عنوان پدر و یک عنصر span به عنوان فرزند ایجاد می‌کنیم:

<div id="parent">
	<span id="child">وسط چین به صورت عمودی</span>
</div>

برای وسط‌چین کردن عمودی عنصر child از “‎:before” در parent کمک می‌گیریم. با تغییر ارتفاع، شکل نمایش و ویژگی vertical-align این عنصر، کل ارتفاع عنصر والد را به یک خط با ارتفاع ۱۰۰٪ تبدیل می‌کنیم.
در نتیجه، وسط‌چین کردن یک عنصر در خطی که قرار دارد، به کاری ساده تبدیل می‌شود.

#parent {
	height: 100px;
	background-color: khaki;
}
 
#parent:before {
	content: "";
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}
 
#child {
	display: inline-block;
	vertical-align: middle;
	background-color: navy;
}

نتیجه‌ی کار در این قسمت قابل مشاهده است:

وسط چین به صورت عمودی

در صورت تمایل می‌توان به جای استفاده از pseudo element از یک عنصر واقعی، پیش از child هم بهره‌گیری کرد. تخصیص شیوه‌نامه‌ی تعریف‌شده برای “‎:before” به غیر از content به این عنصر، همین نتیجه را در پی خواهد داشت.

ارسال شده در CSS, HTML | ۵ دیدگاه

شش دلیل برای بهینه‌سازی سایت‌های اینترنتی

مزایای بهینه‌سازی سرعت و حجم سایت اینترنتی

کاهش حجم صفحات وب با ابزارها و تکنیک‌های مختلفی به انجام می‌رسد. از آن جمله می‌توان به انتخاب صحیح فرمت تصاویر، بهینه‌سازی تصویرها، طراحی گرافیکی با در نظر داشتن حجم، کدنویسی بهینه و فشرده‌سازی اشاره کرد.
شاید در نگاه نخست به نظر برسد، با پیشرفت سخت‌افزارها و توسعه‌ی زیرساخت‌های ارتباطی، نیاز به کاهش حجم صفحات وب کمتر از گذشته اهمیت دارد. در ادامه برخی دلایل که اشتباه بودن این تصور را نشان می‌دهند، فهرست می‌کنم:

  1. کاهش هزینه‌ها: کاهش حجم صفحات وب مساوی است با کاهش نیاز به فضای ذخیره‌سازی و پهنای باند.
  2. بهینه‌سازی موتور جستجو( SEO ): یکی از مهم‌ترین موارد که می‌تواند رتبه‌ی سایت را در نظر موتورهای جستجو افزایش دهد، سرعت بارگزاری صفحات وب و حجم کمتر آن‌ها است.
  3. افزایش بازدید: هرچه حجم سایت بیشتر باشد و زمان بارگزاری آن بیشتر طول بکشد، کاربران بیشتری از بازدید سایت شما منصرف می‌شوند. هر یک کیلوبایت حجم اضافه و هر یک ثانیه تاخیر می‌تواند اثری فراتر از تصور در حجم بازدیدکنندگان باقی بگذارد.
  4. حفظ محیط زیست: مصرف بیشتر پهنای باند و فضای ذخیره‌سازی مساوی است با مصرف بیشتر انرژی و آلودگی بیشتر محیط زیست.
  5. ابزارهای جدید: با روی کار آمدن تبلت‌ها و گوشی‌های هوشمند، بسیاری از کاربران از این ابزارها برای مرور اینترنت استفاده می‌کنند. محدودیت‌های سخت‌افزاری و محدودیت در سرعت و حجم دسترسی به اینترنت، کاهش حجم و افزایش سرعت بارگزاری را به موضوعی مهم تبدیل می‌کنند.
  6. افزایش امنیت داده‌ها: هر چه حجم منابع یک سایت بیشتر باشد، تهیه‌ی پشتیبان از آن سخت‌تر و طولانی‌تر خواهد بود. در نتیجه ممکن است تهیه‌ی پشتیبان در دوره‌های کوتاه‌مدت مقدور نباشد.
ارسال شده در SEO, امنیت, برنامه‌نویسی | برچسب‌شده , , | دیدگاه‌تان را بنویسید

ویژگی‌های مهم RAR5

WinRAR 5

نگارش جدید WinRAR 5 به تازگی منتشر شده است. مهم‌ترین تغییر در این نگارش، افزوده شدن شیوه‌ی جدید فشرده‌سازی فایل‌هاست که با نام RAR5 شناخته می‌شود.

در ادامه به مهم‌ترین ویژگی‌های این فرمت جدید می‌پردازیم.

  • فایل‌های ساخته شده با این فرمت جدید در نگارش‌های قدیمی WinRAR و همچنین بسیاری از برنامه‌های دیگر قابل استخراج نیستند. بنابراین اگر می‌خواهید فایل فشرده را برای دیگران بفرستید، بهتر است تا فراگیر شدن نگارش جدید، همچنان از فرمت قدیمی استفاده کنید
  • بیشینه‌ی حجم دیکشنری از ۴ مگابایت به ۱ گیگابایت افزایش پیدا کرده. این محدودیت در سیستم‌های ۳۲ بیتی ۲۵۶ مگابایت است. افزایش حجم دیکشنری، بر قدرت فشرده‌سازی اثر مثبت و در زمان فشرده‌سازی اثر منفی دارد. مقداردهی به دیکشنری بیش از اندازه‌ی مورد نیاز، اثری در نتیجه نمی‌گذارد
  • امکان انتخاب الگوریتم جدید BLAKE2 برای هش( Hashing ) فایل‌ها. الگوریتم‌های هش روال‌هایی هستند که بر اساس محتوای فایل‌ها یک امضای منحصر به فرد تهیه می‌کنند. این امضا می‌تواند برای بررسی مشابه بودن محتوای فایل‌ها مورد استفاده قرار بگیرد. الگوریتم BLAKE2 امنیت بسیار بالایی دارد و سرعت آن نیز به علت استفاده‌ی بهینه از امکانات جدید سخت‌افزاری بسیار زیاد است. این الگوریتم به صورت پیش‌فرض غیرفعال است و برای استفاده از آن باید به بخش تنظیمات برنامه مراجعه کنید
  • نگارش جدید WinRAR به صورت موثر از هسته‌های متعدد پردازنده استفاده می‌کند. این کار سرعت فشرده‌سازی و استخراج را به ویژه در مورد فایل‌های حجیم افزایش می‌دهد
  • الگوریتم اصلاح خطای RAR5 به Reed-Solomon تغییر پیدا کرده است. این الگوریتم، توانایی بهتری در اصلاح خطاهای متعدد دارد. بنابراین RAR5 گزینه‌ای بهتر از گذشته برای نگهداری فایل‌های مهم به شمار می‌رود
  • رمزگزاری فایل‌های RAR5 از کلید ۲۵۶ بیتی به جای ۱۲۸ بیتی استفاده خواهند کرد. این به معنی سخت‌تر شدن عملیات آزمون و خطا برای بازیابی رمز گشایش است

منبع: RARLab

ارسال شده در امنیت, نرم‌افزار | برچسب‌شده , | دیدگاه‌تان را بنویسید

نکته‌هایی درباره‌ی Redirect یا تغییر مسیر صفحات وب

تغییر مسیر - Redirect

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

تغییر مسیر یا Redirect از روش‌های مختلفی امکان‌پذیر است. در این نوشته به تغییر مسیر از طریق سرآمد پاسخ( header ) می‌پردازیم و از روش‌های موجود در HTML و JavaScript چشم‌پوشی می‌کنیم.
ادامه‌ی خواندن

ارسال شده در HTML, PHP, SEO, برنامه‌نویسی | برچسب‌شده , | ۲ دیدگاه

آشنایی با برنامه‌نویسی چند زبانه و شیوه‌ی به‌کارگیری gettext

i18n
شاید ساده‌ترین کار در توسعه‌ی برنامه‌های چندزبانه ترجمه‌ی واژه‌ها و جمله‌های به‌کاررفته در نرم‌افزار باشد، بخش مهم‌تر شیوه‌ی کدنویسی چنین سیستمی است. به گونه‌ای که توسعه و تغییر در کوتاه‌ترین زمان و به ساده‌ترین شکل امکان‌پذیر باشد.

برای ایجاد برنامه‌هایی با مفهوم چندزبانه دو پیش‌نیاز وجود دارد. نخست آنچه به «عمومی سازی» یا «Internationalization» یا به شکل کوتاه «I18n» مشهور است.
I18n به صورت کوتاه به کارهایی گفته می‌شود که رفتارهای ورودی و خروجی نرم‌افزار را با نیازهای زبان‌های مختلف سازگار می‌کند. مثلا یکی از این نیازها، «عدم وابستگی به یک تقویم خاص»، «امکان تایپ راست به چپ و چپ به راست»، «پشتیبانی از نویسه‌های یونی‌کد»، «پشتیبانی واحدهای پولی و اعداد متفاوت» و از این دست است.

پس از آنکه پیش‌نیازهای ایجاد یک نرم‌افزار چندزبانه آماده شد و مراحل I18n به درستی در نرم‌افزار اعمال شد، نوبت به مرحله‌ی «بومی‌سازی» یا «Localization» یا به شکل کوتاه «L10n» می‌رسد.
این مرحله، انجام کارهای مورد نیاز برای اضافه کردن یک زبان تازه به نرم‌افزاری است که پیش‌نیازهای I18n در آن وجود دارد. کارهایی که در این مرحله ممکن است انجام شوند عبارتند از: «ترجمه‌ی واژه‌ها و جمله‌های نرم‌افزار به زبان تازه»، «اضافه کردن یک تقویم جدید به نرم‌افزار» و مانند آن.
ادامه‌ی خواندن

ارسال شده در PHP, برنامه‌نویسی, فناوری | برچسب‌شده , , , | ۴ دیدگاه

راه‌اندازی Microsoft Drivers 3.0 for PHP for SQL Server روی WAMP

PHP & SQL Server

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

دسترسی به پایگاه داده‌ی Microsoft SQL Server در زبان PHP با محدودیت‌هایی همراه است.
در این مقاله با ابزارهای موردنیاز برای برقراری این ارتباط آشنا می‌شویم و گام به گام مراحل نصب را دنبال خواهیم کرد.
ادامه‌ی خواندن

ارسال شده در برنامه‌نویسی, عمومی, پایگاه داده | برچسب‌شده , , , , | ۱۶ دیدگاه

UTF-8 برای برنامه‌نویسان

یو‌تی‌اف-۸ - UTF-8
پیش از آنکه به UTF-8 بپردازم لازم است تا اندازه‌ای با سیستم‌های کدگذاری رشته‌ها آشنا شویم.
تا زمانی نه چندان دور، بیشتر سیستم‌عامل‌ها و کامپایلرهای برنامه‌نویسی با سیستم قدیمی ASCII کار می‌کردند. در این سیستم( سیستم اسکی ) هر نویسه( Character ) یک بایت یا هشت بیت فضا اشغال می‌کند. در نتیجه کل نویسه‌های قابل پوشش در این سیستم ۲۵۶ حرف خواهد بود.
نیازی به توضیح نیست که این ۲۵۶ حرف برای نگهداری نویسه‌های زبان‌های مختلف و حتی برای برخی از زبان‌ها به تنهایی کافی نیست.
ممکن است برایتان سوال پیش بیاید که با این حجم اندک چگونه ممکن است بتوانیم رشته‌هایی با زبان‌های مختلف را در کنار هم داشته باشیم.
ادامه‌ی خواندن

ارسال شده در برنامه‌نویسی, عبارت‌های منظم | برچسب‌شده , , , , , | ۲۰ دیدگاه

توضیح مختصری درباره make

make ابزاری است که برای مشخص کردن وابستگی‌ فایل‌ها به یکدیگر استفاده می‌شود.
برای مثال می‌توانید تعیین کنید اگر یک فایل جاوااسکریپت تغییر کرده بود، به صورت خودکار فشرده شود و درون html جاگذاری شود یا می‌توان مشخص کرد که چنانچه یک فایل سرآمد با پسوند h تغییر کرده بود، فایل‌های برنامه دوباره کامپایل شوند تا برنامه‌ی اجرایی آخرین تغییرات را در خود داشته باشد.

برای مشاهده‌ی آموزش اینجا کلیک کنید
پیوند از سایت «انجمن‌های فارسی اوبونتو»

ارسال شده در برنامه‌نویسی | برچسب‌شده | دیدگاه‌تان را بنویسید

پیش‌واکشی( Prefetch ) محتوا و نشانی دامنه در html5

اگرچه تا زمان تصویب نهایی استاندارد html5 زمان نسبتا زیادی باقی مانده، با این حال مرورگرهای اینترنتی بسیاری از ویژگی‌های جدید را پیاده‌سازی کرده‌اند و می‌توان از این ویژگی‌ها برای توسعه‌ی سایت‌هایی مدرن و کارآمد بهره‌گیری کرد.
یکی از جدید‌ترین امکانات اضافه شده به html5 امکان پیش‌واکشی( Preftch ) صفحه‌ها و پیش‌واکشی نشانی دامنه‌ها( DNS ) است.
فرض کنید مقاله‌ای چند صفحه‌ای را در سایت یا وبلاگ خود قرار داده‌اید. با کمک این ویژگی جدید می‌توانید به مرورگر اعلام کنید که می‌خواهید دریافت و پردازش صفحه‌ی بعدی مقاله پیش از آنکه کاربر روی پیوند مربوط کلیک کند، به انجام برسد.
برای اعلام این درخواست به مرورگر از کد زیر استفاده می‌شود:

<link rel="prefetch" href="http://amib.ir/my-articele-page-2">

دستور فوق تنها محتوای html صفحه‌ی مورد نظر را واکشی می‌کند. برای واکشی و پردازش از کد زیر استفاده می‌شود.

<link rel="prerender" href="http://amib.ir/my-articele-page-2">

و ویژگی سوم واکشی نشانی دامنه( DNS ) است که سبب می‌شود مرورگر عملیات درخواست IP متناظر با نامه دامنه‌ی دلخواه شما را به انجام برساند.

<link rel="dns-prefetch" href="//google-analytics.com">
<link rel="dns-prefetch" href="//fonts.googleapis.com">

استفاده‌ی نابجا از این ویژگی می‌تواند باعث اتلاف پهنای باند کاربران و افزایش فشار روی سرور شود، همچنین ممکن است سبب شود مورتورهای جستجو سایت شما را به عنوان سایتی خرابکار شناسایی و طبقه‌بندی کنند.

منبع

ارسال شده در HTML, برنامه‌نویسی | برچسب‌شده | دیدگاه‌تان را بنویسید

نصب مخفی SQL Server و dotNet Framework و Windows Installer

برای یک پروژه نیاز به نصب مخفی( Silent ) چند ابزار داشتم. نتیجه‌ی جستجوهای مرا می‌توانید در ادامه مشاهده کنید.

نصب Silent پایگاه داده SQL Server 2008 Express

SQLEXPR32_x86_ENU.exe /QS /FEATURES=SQLEngine,Replication,Conn /IAcceptSQLServerLicenseTerms=1 /SQLSVCSTARTUPTYPE=Automatic /ACTION=Install /INSTANCENAME=SQLExpress /SQLSVCACCOUNT="NT AUTHORITY\Network Service" /SQLSYSADMINACCOUNTS="BUILTIN\ADMINISTRATORS" /AGTSVCACCOUNT="NT AUTHORITY\Network Service" /AGTSVCSTARTUPTYPE=Automatic /ERRORREPORTING=0 /SECURITYMODE=SQL /SAPWD="123456" /RSSVCACCOUNT="NT AUTHORITY\Network Service" /RSSVCSTARTUPTYPE=Automatic

برای مشاهد‌ه‌ی شرح کامل دستورات اینجا کلیک کنید

نصب مخفی Windows Installer 4.5

Setup_x86_4.5.exe /quiet /norestart

نصب مخفی dotNet Framework 2

dotnetfx2.exe /q:a /c:"install.exe /qb"

نصب مخفی dotNet Fraework 3.5

dotnetfx35.exe /q /norestart

نمایش فرآیند نصب به کاربر( امکان لغو عملیات وجود دارد )

dotnetfx35.exe /qb /norestart

نصب مخفی dotNet Framework 4.0

dotNetFx40_Full_x86_x64.exe /q /norestart

نمایش فرآیند نصب به کاربر( امکان لغو عملیات وجود دارد )

dotNetFx40_Full_x86_x64.exe /qb /norestart
ارسال شده در برنامه‌نویسی, نرم‌افزار | برچسب‌شده | ۸ دیدگاه