|
|
|
|
|
|
31 نمونه طراحی جالب و دیدنی صفحات html5
این روزها سر و صدایHTML5 رو بین توسعه‌دهنده‌های وب و نرم‌افزار زیاد می‌شنویم،تقریباً هر جا که می‌ریم صحبت‌هایی از HTML5 هستش، از طراحی وب گرفته، تا طراحی و توسعه‌ی نرم‌افزارها و اپلیکیشن‌های مختلف برای موبایل‌ها و کامپیوترها. و البته سر و صداهای زیادی که به واسطه‌ی انتخاب استاندارد HTML از طرف مایکروسافت برای توسعه‌ی پروژه‌ی ژوپیتر به راه افتاده و این که احتمالاً در آینده نرم‌افزارهای دسکتاپ هم با HTML5 طراحی و توسعه داده بشن! پس می‌تونیم این نتیجه رو بگیریم که HTML5 به اندازه‌ی کافی پیشرفته هستش تا بشه همه‌جور کار باهاش انجام داد و انعطاف‌پذیری‌های لازم رو در خودش داره، برای این که بیشتر با این امکانات آشنا بشید در این پست می‌تونید ۳۱نمونه از طراحی‌هایی که در قالب صفحات وب به کمک HTML5 و جاوا اسکریپت طراحی شده رو ببینید و بیشتر با این استاندارد نسبتاً جدید آشنا بشید.
برای باز کردن این صفحات وب روی لینک هر کدام کلیک کنید.
[فقط کاربران می توانند لینک هارا ببینند. ]
۲. [فقط کاربران می توانند لینک هارا ببینند. ]
۳. [فقط کاربران می توانند لینک هارا ببینند. ]
۴. [فقط کاربران می توانند لینک هارا ببینند. ]
۵. [فقط کاربران می توانند لینک هارا ببینند. ]
۶. [فقط کاربران می توانند لینک هارا ببینند. ]
۷. [فقط کاربران می توانند لینک هارا ببینند. ]
۸. [فقط کاربران می توانند لینک هارا ببینند. ]
۹. [فقط کاربران می توانند لینک هارا ببینند. ]
۱۰. [فقط کاربران می توانند لینک هارا ببینند. ]
۱۱. [فقط کاربران می توانند لینک هارا ببینند. ]
۱۲. [فقط کاربران می توانند لینک هارا ببینند. ]
۱۳. [فقط کاربران می توانند لینک هارا ببینند. ]
۱۴. [فقط کاربران می توانند لینک هارا ببینند. ]
۱۵. [فقط کاربران می توانند لینک هارا ببینند. ]
۱۶. [فقط کاربران می توانند لینک هارا ببینند. ]
۱۷. [فقط کاربران می توانند لینک هارا ببینند. ]
۱۸. [فقط کاربران می توانند لینک هارا ببینند. ]
۱۹. [فقط کاربران می توانند لینک هارا ببینند. ]
۲۰. [فقط کاربران می توانند لینک هارا ببینند. ]
۲۱. [فقط کاربران می توانند لینک هارا ببینند. ]
۲۲. [فقط کاربران می توانند لینک هارا ببینند. ]
۲۳. [فقط کاربران می توانند لینک هارا ببینند. ]
۲۴. [فقط کاربران می توانند لینک هارا ببینند. ]
۲۵. [فقط کاربران می توانند لینک هارا ببینند. ]
۲۶. [فقط کاربران می توانند لینک هارا ببینند. ]
۲۷. [فقط کاربران می توانند لینک هارا ببینند. ]
۲۸. [فقط کاربران می توانند لینک هارا ببینند. ]
۲۹. [فقط کاربران می توانند لینک هارا ببینند. ]
۳۰. [فقط کاربران می توانند لینک هارا ببینند. ]
THIS IS NOT IMPORTANT IF YOU BORN POOR BUT IF YOU DIE POOR MEANS YOU ARE STUPID
-------------------
why you always clear my posts
کسی نظری نداره؟
بچه ها لطفا نظراتتونو بدید.
THIS IS NOT IMPORTANT IF YOU BORN POOR BUT IF YOU DIE POOR MEANS YOU ARE STUPID
-------------------
why you always clear my posts
بسیار عالی
اﻭﻧﻘﺪﺭ ﻣﻴﺨﻮاﻣﺖ ﻫﻤﻪ ﺑﺎﻫﺎﺕ ﺑﺪ ﺷﻦ, ﺑﺎ ﺣﺴﺮﺕ ﻫﺮ ﺭﻭﺯ اﺯ ﻛﻨﺎﺭ ﻣﺎ ﺭﺩ ﺷﻦ
خیلی حرفه ای بودن ...
ولی 90 درصد فلش بود :دی
طرح های خیلی جالبی بودن به خصوص بازی هاش البته من از برنامه نویی و طراحی وب چیزی سر در نمیارم ولی یه رفیق دارم که این کارس فردا نشونش میدم...
جکت پایینه...!
راز موفقیت در زندگانی سه چیز است: چیز اول،چیز دوم و چیز سوم...!
آپلود دائمی عکس: www.picofile.com
خیلی جالب بود.من خودم از اون flower power و google gravity خیلی خوشم اومد.
THIS IS NOT IMPORTANT IF YOU BORN POOR BUT IF YOU DIE POOR MEANS YOU ARE STUPID
-------------------
why you always clear my posts
نتونستم ریپش کنم ! :دی هنوز تو این کار تازه واردیم ...
HONDA CRF-CRM
250cc
درود
html5 رقیب اصلی فلش هست و این باعث خوشحالیه گسترش دهنده های html5 هست که در ابتدا کار انقدر حرفه ای هست که شما رو به اشتباه انداختهنوشته اصلی توسط FARID2XF
مزیت های زیادی داره html5 مثل : حجم کمتر , استفاده کمتر از منابع , نبودن نیاز به نصب نرم فازار جانبی و انعطاف پذیری بالا
سورس گوگل گرافیتی
کلاس های cssکد PHP:body { background-color: #FFFFFF; font-family: arial,sans-serif; margin: 0; overflow: hidden;}#topbar { border-spacing: 0; color: #CCCCCC; font-size: 13px; white-space: nowrap; width: 100%;}#topbar tr { margin: 0; padding: 0; width: 100%;}#topbar td { background-color: #2D2D2D; border-top: 2px solid transparent; cursor: pointer; height: 26px; margin: 0; white-space: nowrap;}#topbar td:hover { background-color: #4C4C4C;}#topbar td.selected { color: #FFFFFF; font-weight: bold;}#topbar td.empty { cursor: auto;}#topbar td.empty:hover { background-color: #2D2D2D;}#topbar td span { display: block; padding: 4px 5px 6px;}#content { margin-top: 152px; text-align: center; white-space: nowrap; width: 100%;}#content #logo { margin-bottom: 15px;}#content input { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #C0C0C0 #D9D9D9 #D9D9D9; border-right: 1px solid #D9D9D9; border-style: solid; border-width: 1px; color: #000000; font: 17px arial,sans-serif; margin-bottom: 18px; padding: 4px 9px; width: 640px;}#content input:hover { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #A0A0A0 #B9B9B9 #B9B9B9; border-right: 1px solid #B9B9B9; border-style: solid; border-width: 1px;}#content input:focus { border-color: #4D90FE; outline: 0 none;}#content button { background-color: #F4F4F4; border: 1px solid #D9D9D9; border-radius: 2px 2px 2px 2px; color: #666666; cursor: pointer; font-size: 11px; font-weight: bold; height: 29px; padding: 0 8px; text-align: center;}#content button:hover { background-color: #F8F8F8; color: #333333;}#footer { bottom: 10px; font-size: 13px; padding: 0 50px; position: absolute; white-space: nowrap; width: 88%;}#footer * { margin: 0 2px;}#footer a { color: #2200C1; text-decoration: none;}#footer a:hover { text-decoration: underline;}.result { width: 546px;}.result .title { color: #2200C1; font-size: 16px; font-weight: normal;}.result .title a:active { color: #2200C1;}.result .url { color: #0E774A; font-size: 13px;}.result .content { font-size: 13px;}
البته همش به این راحتی نیست دوست عزیزکد PHP:body { background-color: #FFFFFF; font-family: arial,sans-serif; margin: 0; overflow: hidden;}#topbar { border-spacing: 0; color: #CCCCCC; font-size: 13px; white-space: nowrap; width: 100%;}#topbar tr { margin: 0; padding: 0; width: 100%;}#topbar td { background-color: #2D2D2D; border-top: 2px solid transparent; cursor: pointer; height: 26px; margin: 0; white-space: nowrap;}#topbar td:hover { background-color: #4C4C4C;}#topbar td.selected { color: #FFFFFF; font-weight: bold;}#topbar td.empty { cursor: auto;}#topbar td.empty:hover { background-color: #2D2D2D;}#topbar td span { display: block; padding: 4px 5px 6px;}#content { margin-top: 152px; text-align: center; white-space: nowrap; width: 100%;}#content #logo { margin-bottom: 15px;}#content input { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #C0C0C0 #D9D9D9 #D9D9D9; border-right: 1px solid #D9D9D9; border-style: solid; border-width: 1px; color: #000000; font: 17px arial,sans-serif; margin-bottom: 18px; padding: 4px 9px; width: 640px;}#content input:hover { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #A0A0A0 #B9B9B9 #B9B9B9; border-right: 1px solid #B9B9B9; border-style: solid; border-width: 1px;}#content input:focus { border-color: #4D90FE; outline: 0 none;}#content button { background-color: #F4F4F4; border: 1px solid #D9D9D9; border-radius: 2px 2px 2px 2px; color: #666666; cursor: pointer; font-size: 11px; font-weight: bold; height: 29px; padding: 0 8px; text-align: center;}#content button:hover { background-color: #F8F8F8; color: #333333;}#footer { bottom: 10px; font-size: 13px; padding: 0 50px; position: absolute; white-space: nowrap; width: 88%;}#footer * { margin: 0 2px;}#footer a { color: #2200C1; text-decoration: none;}#footer a:hover { text-decoration: underline;}.result { width: 546px;}.result .title { color: #2200C1; font-size: 16px; font-weight: normal;}.result .title a:active { color: #2200C1;}.result .url { color: #0E774A; font-size: 13px;}.result .content { font-size: 13px;}
---------- Post added at 09:58 PM ---------- Previous post was at 09:45 PM ----------
منتظر طراحی یک سایت html5 از گروه پرشین موتور باشید
من آگاهم از می‌گساریِ پنهان زاهد// و اندرزش از پاکی آب، نزد خلایق
هاینریش هاینه, شاعر آلمانی
امیر جون نبودی.دلم هواتو کرده بود داداش.
THIS IS NOT IMPORTANT IF YOU BORN POOR BUT IF YOU DIE POOR MEANS YOU ARE STUPID
-------------------
why you always clear my posts
امیرجان داریم مجموعه سایت ها رو درست می کنیم , و یکم هم مشکلات خودم هست که کمتر به سایت سر میزنم
موفق باشید
من آگاهم از می‌گساریِ پنهان زاهد// و اندرزش از پاکی آب، نزد خلایق
هاینریش هاینه, شاعر آلمانی
در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)
مجوز های ارسال و ویرایش
انجمن موتورسيکلت ايران(پرشین موتور) جهت بالابردن سطح فرهنگ و اطلاعات در زمينه موتورسواري راه اندازي شده است
شماره سامانه پيامکي انجمن : 50002666994466
برای ثبت شماره خود در سامانه پیامکی نام و نوع موتور خود را به شماره فوق پیامک کنید.
لطفا در هنگام کپی برداری مطالب و عکس ها منبع و لینک سایت ذکر شود.
تبدیل فینگلیش به فارسی (بهنویس)
قدرت گرفته از ویبولتین - طراحی قالب توسط وی بی ایران
علاقه مندي ها (Bookmarks)