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

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

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

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

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

همیشه یادگیری از نوع تصویری یکی از بهترین انواع آموزش می‌باشد که علاوه بر گیرایی بسیار بالاتر نسبت به سایر روش‌ها، فهم آموزش را نیز آسان‌تر و راحت‌تر می‌کنند. در این مطلب قطد دارم تعدادی ویدیوی آموزشی محصول وبسایت Think Vitamin را که دربرگیرنده‌ی تمامی امکانات CSS3 به طور مجزا می‌باشند را به شما معرفی کنم.

همانطور که میدانید منشا همه‌ی صفحات اینترنتی HTML است و همین زبان است که با زبان‌های برنامه‌نویسی دیگری همچون PHP, Perl, ASP و ... مخلوط شده و محتوای وب را می‌سازد. متاسفانه امکانات HTML محدود هستند و نمیتوانند به راحتی یک صفحه پویا را مدیریت کنند. اما در نسخه جدید این زبان یعنی HTML۵ توانایی‌های به آن افزوده شده است که تاثیر بسزایی در قابلیت‌های این زبان گذاشته است. تا جایی امکان اتصال به بانک اطلاعاتی هم در آن گنجانده شده است.

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

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

در این مقاله قصد آموزش یک ترفند CSS را دارم که فکر میکنم خیلی از طراحان وب هنوز با آن مشکل دارند. هنوز هیچ دستور مشخصی برای قرار دادن یک عنصر div دقیقا در وسط صفحه‌ی مرورگر وجود ندارد. بسیاری از وبسایتها و صفحات را دیده‌ام که برای این کار از درصدهای نه چندان دقیق استفاده میکنند. برای مثال div خود را به فاصله‌ی ۴۰٪ از بالا و سمت راست یا چپ قرار میدهند که اگر ما اندازه‌ی صفحه نمایش را تغییر دهیم با تغییراتی در محل قرار گیری عنصر مواجه می‌شویم. اما با استفاده از ترفند امروز دیگر این مشکل به وجود نخواهد آمد.

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

همیشه طراحان وبسایتها از سر و کله زدن با Internet Explorer وحشت دارند مخصوصا اگر نسخه ۶ باشد. IE۶ همیشه یکی از مرورگرهایی است که با وجود استاندارد نبودن، کاربران زیادی در سرتاسر جهان دارد و عمده مشکل آن، عدم نمایش صحیح کدهای CSS و برخی از عناصر می باشد. از مشکلات آن میتوان عدم پشتیبانی از Hover در عناصر غیر لینک، دو برابر کردن برخی فاصله ها و در موارد html هم عدم پشتیبانی از PNG را نام برد.
 در این مطلب خواهید آموخت چگونه با صرف کمتر از یک دقیقه وقت، مشکل Hover نشدن عناصر غیر لینک در Internet Explorer ۶ را برطرف سازید.