مجله طراحی وب

[بهزاد علی محمدزاده]

90088

مجله طراحی وب
سلام . این مجله با اهداف زیر کار خود را آغاز می کند :
- این تاپیک برای ارتقای سطحی علمی کاربران در نظر گرفته شده است . پاسخ به سوالات ، خصوصا تازه کاران باید بخشی از کار اعضای طراح باشد و نه تمام آن . طراحان و علاقه مندان خود به جایی نیاز دارند که با اشتراک گذاری تجربه ها و اطلاعات ( در قالب هایی که در ذیل به آنها اشاره می کنم ) از قابلیت های همدیگر بهره مند شوند . ما بخشی داریم به نام طراحی وب اما بدون معرفی نمونه کار !!!
- این مجله با رعایت قوانین برنامه نویس می تواند شامل : مقاله ( به نکته درباره مقالات آموزشی دقت کنید ) . اخبار و مصاحبه ، ویدیو های مفید ، معرفی کتاب ، وبلاگ ، وب سایت ، مجلات داخلی و خارجی ، و معرفی نمونه طراحی ها ( ملاک ها را در نکته بخوانید ) باشد .

- درباره معرفی نمونه کارها : دقت کنید نمونه طراحی هایی که معرفی می کنید باید حتما ملاک هایی در زمینه طراحی برای معرفی داشته باشند ، ( این ملاک ها می تواند شامل رنگ بندی ، اصول طراحی ، رعایت استاندارد ها ، طرح های خلاقانه ، طراحی های ساده ( مینیمالیسم ) ، طرح های فروشگاهی مناسب و ... باشد که بعدا ممکن است به این لیست بنا به تجربه تاپیک و پیشنهادات شما اضافه شود ... ).
- سعی کنید درباره لینک هایی که معرفی می کنید ، حتما توضیحاتی حداقل در حد همان معرفی ارائه کنید تا هنگامی که حجم تاپیک بالا رفت کاربران تازه ورود بتوانند با استفاده از این توضیحات لینک های مورد نظر خود را انتخاب کنند .

[بهزاد علی محمدزاده]

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


تعادل به چه معناست ؟

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

روشهایی برای ایجاد تعادل در طراحی وجود دارد که برخی از آنها را به همراه نمونه هایی بصورت طراحی های وب ( و نه آثار طراحی و نقاشی ) با هم بررسی می کنیم .

تعادل متقارن

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

90201
در طراحی ، تقارن با تعادل گره خورده است . تعادل متقارن زمانی رخ می دهد که ترکیب عناصر در دو طرف خطوط محور با هم برابر هستند .


دریافت (http://uplod.ir/wux7qfmvzm1b/Balance-1.rar.htm)

[بهزاد علی محمدزاده]

نمونه از طراحی متقارن :

90097

لینک (http://www.floridaflourish.com/) و لینک (http://darkskymagazine.com/) و نمونه های بیشتر (http://sixrevisions.com/web_design/symmetry-design/)

[بهزاد علی محمدزاده]

دو ابزار برای طراحی های اولیه :

90167 (http://pencil.evolus.vn/en-US/Home.aspx)
این (http://pencil.evolus.vn/en-US/Home.aspx) یک ابزار رایگان و افزونه ایی برای Firefox است .

90168 (https://gomockingbird.com/mockingbird/#)

و این (https://gomockingbird.com/mockingbird/#) هم یه ابزار آنلاین برای طراحی های اولیه . خروجی طرح ها می تواند بصورت فایل عکس یا PDF باشد و سپس می توان با فتوشاپ رنگ های مختلف را بر روی طرح آزمایش کرد .

[بهزاد علی محمدزاده]

90173

این وب سایت الگوهای مختلفی برای کارهای متفاوت در اختیار شما قرار میده ، مانند نمونه های اسلاید شو ، گالری عکس ، و ... الگوهای مختلف را در این (http://ui-patterns.com/patterns) بخش ببینید . به عنوان مثال به بخش آرشیو (http://ui-patterns.com/collections/archive/entry/378) برید و با کلیک بر روی ( نماد فلش یا Next ) می توان نمونه های مختلفی از طراحی آرشیو ها مشاهده کرد .

[بهزاد علی محمدزاده]

نمونه ایی از طراحی متقارن :

90174 (http://design-swap.com/)

[بهزاد علی محمدزاده]

معرفی 3 کتاب در زمینه طراحی وب :

90243 (http://www.adinebook.com/gp/product/9643547752)

200 راز html و طراحی وب مالی هولتس شلاگ، محمد کریمی ، این کتاب برای کسانی که قصد شروع یادگیری ( طراحی وب ) را دارند بسیار مناسب است .

سر فصل های کتاب : فصل اول : جعبه ابزار مادر - فصل دوم‌ : مدیریت پروژه وب - فصل سوم : معماری اطلاعات ( بررسی محتوی - طرح ریزی ساختار فنی - نقشه کشی سایت و ... ) - فصل چهارم : جذاب سازی و کارآمد سازی سایت - فصل پنجم : خلق و مدیریت محتوای خارق العاده - و در بخش دوم کتاب به html , css پرداخته می شود .

90244 (http://www.naghoospress.ir/bookview.aspx?bookid=1485997)

101نكته و ترفند براي استفاده از CSS در طراحي وب ، ریچل اندرو ، امیر عباس عبدالعلی . این کتاب برای طراحان و کسانی که قصد یادگیری CSS را دارند مناسب است که بصورت کاملا کاربردی و پروژه ایی نوشته شده .

90245 (http://www.naghoospress.ir/bookview.aspx?bookid=1486291)
آموزش HTML5 & CSS3 در قالب پروژه ، گلدستين - لازاريس - استلاويل ، امیر عباس عبدالعلی . این کتاب برای کسانی که با html , css2 آشنایی دارند مناسب است .و برای طراحانی است که قصد یادگیری html5 را دارند .

90413 (http://www.kianpub.com/book/292)

مرجع كاربردي JQUERY بیر بیبیولت ، آرمان اسد سنگابی . من این کتاب را نخوانده ام ، اما شما با مراجعه به وب سایت ناشر (http://www.kianpub.com/book/292) می توانید سرفصل ها را ببیند و یک از فصل از کتاب را دانلود کنید .

[بهزاد علی محمدزاده]

آیا برای شما پیش آمده که در یک فضای n * n بخواهید تصویرهایی را بصورت کاشی وار قرار بدهید اما تعیین اندازه کاشی های داخلی ( مثلا تصاویر آلبوم عکس ) به طوری که از لبه ها بیرون نزند و یا فضای خالی نداشته ، برای شما مشکل باشد .

تصاویر زیر را ببینید :
9039090391
این مساله با یک محاسبه ساده ریاضی قابل حل است . اندازه ایی که ما برای این مثال انتخاب کردیم 500 × 600 پیکسل است . اگر ما یک اتاق 5 × 6 داشته باشیم و بخواهیم آن را کاشی کنیم ، مقسوم علیه های مشترک بین 6 و 5 اندازه هر کاشی است برای اینکه از لبه ها بیرون نزند و یا فضای خالی بوجود نیاید .

مثلا 6 بر 1 و 2 و 3 و 6 بخش پذیر است . و 5 بر 1 و 5 ( رقم های صحیح مد نظر است ).

عدد مشترک بین 6 و 5 ... 1 است . یعنی اگر کاشی ها را 1 × 1 انتخاب کنیم ، تمام سطح را می پوشاند .

در مثال آلبوم ، ما از 100 پیکسل شروع می کنیم برای پیدا کردن مقسوم علیه های مشترک .

90392

اگر اندازه عکس ها را 100 × 100 انتخاب کنیم تمام سطح را می پوشاند.
90393
حال اگر بخواهیم عکس ها ارتفاع بیشتری داشته باشد ، از عرض همان 100 را انتخاب می کنیم و برای ارتفاع 250 .

90394

( دقت کنید که برای داشتن عکس های مربع کامل ، باید مقسوم علیه های مشترک را در نظر بگیرید که در اینجا 100 × 100 است . )


لینک (http://hejz.com/)، لینک (http://www.mattbangophotography.com/) مثالهایی در این زمینه .

[Mohsen.]

دانلود مجموعه کتاب های CSS
http://p30download.com/fa/entry/39403/120714/

دانلود مجموعه کتاب های JavaScript
http://p30download.com/fa/entry/39656/120731/

دانلود مجموعه کتاب های ای جکس
http://p30download.com/fa/entry/39371/120711/

دانلود مجموعه کتاب های جی کوئری
http://p30download.com/fa/entry/39487/120722/

سایت ایجاد کننده کدهای CSS3
http://css3generator.com/

[Taimaz_222]

از سایت زیر میتونید برای آیکن های گرافیکی تو سایتتون استفاده کنید

http://findicons.com/

[Taimaz_222]

دانلود قالب های web2

Free Download Web2 Templates (http://www.freewebsitetemplates.com/)

[بهزاد علی محمدزاده]

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

با دو مثال این مفهوم را بررسی می کنیم :

92884 (http://kylesteed.com/)

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

92885 (http://hellokarb.com/)

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

برای جستجوی نمونه ها و مطالب بیشتر در این زمینه از واژه : Emphasis به معنای تاکید استفاده کنید . Emphasis in Web Design

[Taimaz_222]

۴۰ وب سایت با طراحی چشم نواز و خلاقانه ( حتما ببینید ! )

طراحی وبسایت هم برای خودش عالمی داره ! اگر دوست دارید که طراح وبی با ایده های نو و خلاقانه باشید ، حتما لازمه که طرح ها و وبسایت های زیادی رو ببینید تا از اونها الهام بگیرید . در زیر مجموعه ای از ۴۰ وبسایت با طراحی های خارق العاده رو می بینید که پیشنهاد می کنم حتما یه نگاهی بهشون بندازید !
Sony Ericsson


http://www.youthedesigner.com/wp-content/uploads/2011/02/1-sony-ericsson.jpg (http://www.7learn.com/open?u=http://www.sonyericsson.com/xperiments/)
مشاهده وبسایت (http://www.sonyericsson.com/xperiments/)
Cornerd


http://www.youthedesigner.com/wp-content/uploads/2011/02/2-cornerd.jpg (http://www.7learn.com/open?u=http://www.cornerd.com/)
مشاهده وبسایت (http://www.cornerd.com/)
Toasted Digital


http://www.youthedesigner.com/wp-content/uploads/2011/02/3-toasted-digital.jpg (http://www.7learn.com/open?u=http://www.toasteddigital.com/)
مشاهده وبسایت (http://www.toasteddigital.com/)
Jeugdraadbrakel


http://www.youthedesigner.com/wp-content/uploads/2011/02/4-jeugdraadbrakel.jpg (http://www.7learn.com/open?u=http://www.jeugdraadbrakel.be/)
مشاهده وبسایت (http://www.jeugdraadbrakel.be/)
Cappen


http://www.youthedesigner.com/wp-content/uploads/2011/02/5-cappen.jpg (http://www.7learn.com/open?u=http://www.cappen.com/)
مشاهده وبسایت (http://www.cappen.com/)
Html 5lab


http://www.youthedesigner.com/wp-content/uploads/2011/02/6-html-5lab.jpg (http://www.7learn.com/open?u=http://html5lab.pl/)
مشاهده وبسایت (http://html5lab.pl/)
Ben the Bodyguard


http://www.youthedesigner.com/wp-content/uploads/2011/02/7-ben-the-bodyguard.jpg (http://www.7learn.com/open?u=http://benthebodyguard.com/index.php)
مشاهده وبسایت (http://benthebodyguard.com/index.php)
Ryan Scherf


http://www.youthedesigner.com/wp-content/uploads/2011/02/8-ryan-scherf.jpg (http://www.7learn.com/open?u=http://ryanscherf.net/)
مشاهده وبسایت (http://ryanscherf.net/)
Pointless Corp.


http://www.youthedesigner.com/wp-content/uploads/2011/02/9-pointles-scorp.jpg (http://www.7learn.com/open?u=http://www.pointlesscorp.com/)
مشاهده وبسایت (http://www.pointlesscorp.com/)
Pole Cat


http://www.youthedesigner.com/wp-content/uploads/2011/02/10-ipole-cat.jpg (http://www.7learn.com/open?u=http://www.ipolecat.com/)
مشاهده وبسایت (http://www.ipolecat.com/)
Nike Better World


http://www.youthedesigner.com/wp-content/uploads/2011/02/11-nike-better-world.jpg (http://www.7learn.com/open?u=http://www.nikebetterworld.com/index)
مشاهده وبسایت (http://www.nikebetterworld.com/index)
The Combine 2010


http://www.youthedesigner.com/wp-content/uploads/2011/02/12-the-combine.jpg (http://www.7learn.com/open?u=http://www.thecombine.org/)
مشاهده وبسایت (http://www.thecombine.org/)
Art Flavours


http://www.youthedesigner.com/wp-content/uploads/2011/02/13-art-flavours.jpg (http://www.7learn.com/open?u=http://www.artflavours.com/)
مشاهده وبسایت (http://www.artflavours.com/)
Still Pointe Llama Sanctuary


http://www.youthedesigner.com/wp-content/uploads/2011/02/14-still-pointe-sanctuary.jpg (http://www.7learn.com/open?u=http://stillpointesanctuary.org/)
مشاهده وبسایت (http://stillpointesanctuary.org/)
Notch Studio


http://www.youthedesigner.com/wp-content/uploads/2011/02/15-notch-studio.jpg (http://www.7learn.com/open?u=http://www.notchstudio.com/)
مشاهده وبسایت (http://www.notchstudio.com/)
Web Effectual


http://www.youthedesigner.com/wp-content/uploads/2011/02/16-web-effectual.jpg (http://www.7learn.com/open?u=http://webeffectual.com/)
مشاهده وبسایت (http://webeffectual.com/)
Inservio Web Solutions


http://www.youthedesigner.com/wp-content/uploads/2011/02/17-inservio-web-solutions.jpg (http://www.7learn.com/open?u=http://inserviowebsolutions.co.uk/)
مشاهده وبسایت (http://inserviowebsolutions.co.uk/)
Just Dot


http://www.youthedesigner.com/wp-content/uploads/2011/02/18-just-dot.jpg (http://www.7learn.com/open?u=http://www.justdot.gr/)
مشاهده وبسایت (http://www.justdot.gr/)



منبع : سون لرن دات کام

[Saber Mogaddas]

تبدیل آنلاین فایل swf به html5 (https://www.pixelplant.com/)
این سایت به این صورت عمل می کنه که فایل swf رو بهش میدید و فایل html5 رو براتون میده ، من چند نمونه تست کردم فایل های پیچیده فلش رو قادر نیست تبدیل کنه ولی فایل های ساده قابل تبدیل هستند :
95718

موفق باشید..

[بهزاد علی محمدزاده]

97261
آموزش axure برای پیش طراحی را از این لینک (http://karazmoodeh.com/video/) دریافت کنید .

[caspianhero]

دوستان لطفا برای php هم کتاب فارسی معرفی کنید؟؟

[بهزاد علی محمدزاده]

در کتابی در مورد طراحی وب، Jakob Nielsen اینگونه بیان می کند: "ضرورتا دو روش پایه برای طراحی وجود دارد: ایده آل از نظر هنری یعنی خود نمایی و ایده آل از نظر مهندسی یعنی حل مساله برای مشتری". طی اولین دهه توسعه ی وب، ایده هنری روشی بود که بسیاری از توسعه دهندگان انتخاب می کردند. حتی امروزه بسیاری از توسعه دهندگان وب کاربردهای وب را به صورت پوسترهای بچه گانه برای "طراحی محدود" به کار می برند. هنگامی که محتوا و عملکرد پیچیده باشند و هنگامی که اندازه کاربرد وب شامل صدها یا هزاران شی محتوایی، عملکرد و کلاس های تحلیل باشد، و هنگامی که موفقیت کاربرد وب تاثیر مستقیم بر موفقیت شغلی داشته باشد، طراحی نمی تواند و نباید سبک در نظر گرفته شود.

"مهندسی نرم افزار - ویرایش هفتم - راجر اس . پرسمن"

[tahoma]

از سایت زیر میتوانید برای یادگیری و استفاده از کدهای css3 استفاده کنید:
www.css3maker.com

[refugee]

بچه ها در مورد php - mvc کتابی مقاله ای چیزی معرفی کنید ..

تشکر

[بهزاد علی محمدزاده]

معرفی وب سایت های فعال در زمینه آموزش طراحی وب سایت (http://barnamenevis.org/showthread.php?389648-%D9%85%D8%B9%D8%B1%D9%81%DB%8C-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA-%D9%87%D8%A7%DB%8C-%D9%81%D8%B9%D8%A7%D9%84-%D8%AF%D8%B1-%D8%B2%D9%85%DB%8C%D9%86%D9%87-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA)

[بهزاد علی محمدزاده]

CSS Layout های مختلف از maxdesign (http://www.maxdesign.com.au/articles/css-layouts)

[moalla]

آموزش bootstrap
جلسه اول: دانلود و گریدبندی با بوتسترپ (http://quicklearn.ir/?q=node/14)
جلسه دوم: کامپوننتهای بوتسترپ همراه با پیاده کردن مثال عملی (http://quicklearn.ir/?q=node/22)

[Saber Mogaddas]

آموزش چینش نوشته ها تون به صورت صحیح و زیبا با css3

Css3 Typographie (http://blog.echoenduring.com/2010/05/13/create-beautiful-css3-typography/)

موفق باشید..

[بهزاد علی محمدزاده]

بوت استرپت ، سازگاری با زبان‌های راست به چپ و مستندات فارسی . (http://rbootstrap.ir/)

[بهزاد علی محمدزاده]

چرا سایت های ایرانی شبیه به هم هستند ؟ (http://barnamenevis.org/showthread.php?404031-%DA%86%D8%B1%D8%A7-%D8%B3%D8%A7%DB%8C%D8%AA-%D9%87%D8%A7%DB%8C-%D8%A7%DB%8C%D8%B1%D8%A7%D9%86%DB%8C-%D8%B4%D8%A8%DB%8C%D9%87-%D9%87%D9%85-%D9%87%D8%B3%D8%AA%D9%86%D8%AF)

معرفی سایت های خلاقانه و نقد و بررسی . (http://barnamenevis.org/showthread.php?404086-%D9%85%D8%B9%D8%B1%D9%81%DB%8C-%D8%B3%D8%A7%DB%8C%D8%AA-%D9%87%D8%A7%DB%8C-%D8%AE%D9%84%D8%A7%D9%82%D8%A7%D9%86%D9%87-%D9%88-%D9%86%D9%82%D8%AF-%D9%88-%D8%A8%D8%B1%D8%B1%D8%B3%DB%8C)

[moalla]

شروع کردم به ترجمه مجموعه آموزش دروپال از سایت لیندا که تو این تاپیک (http://barnamenevis.org/showthread.php?415448-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%AF%D8%B1%D9%88%D9%BE%D8%A7%D9%84-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%B3%D8%A7%DB%8C%D8%AA) یکسری فایلهاش رو میبنید.

مقالات جالبی هم اینجا (http://drupalkar.com/articles)به فارسی هست.

[بهزاد علی محمدزاده]

‌Bootstrap RTL (https://github.com/twbs/bootstrap/pull/8958) منتشر شد . نسخه اصلی به نقل از ( ‌Bootstrap RC 2 (http://www.bootply.com/bootstrap-3-migration-guide) ) در حدود 79 KB . نسخه راست به چ‍پ رو من دانلود کردم 116kb حجم اون هست و همه امکانات نسخه جدید در یک فایل است .

[بهزاد علی محمدزاده]

ویدیوهای آموزش (http://barnamenevis.org/showthread.php?425683-%D9%85%D8%AC%D9%85%D9%88%D8%B9%D9%87-%DB%B1%DB%B8-%D9%82%D8%B3%D9%85%D8%AA%DB%8C-%D9%88%DB%8C%D8%AF%DB%8C%D9%88-%D9%87%D8%A7%DB%8C-%D8%A2%D9%85%D9%88%D8%B2%D8%B4%DB%8C-HTML5-CSS3) html5 , css3 .

[learningtv.i]

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


تاپیک مجموعه فیلم های برنامه نویسی وب تیم learningtv.ir (http://barnamenevis.org/showthread.php?428569-%D8%AF%D8%A7%D9%86%D9%84%D9%88%D8%AF-%D8%B1%D8%A7%DB%8C%DA%AF%D8%A7%D9%86-%D9%85%D8%AC%D9%85%D9%88%D8%B9%D9%87-%D9%81%DB%8C%D9%84%D9%85-%D9%87%D8%A7%DB%8C-%D8%AF%D9%88%D8%B1%D9%87-%DB%8C-web-programming)

[بهزاد علی محمدزاده]

دوره آموزشی Chrome DevTools (http://barnamenevis.org/showthread.php?432388-%D8%AF%D9%88%D8%B1%D9%87-%D8%A2%D9%85%D9%88%D8%B2%D8%B4%DB%8C-Chrome-DevTools)

[setare88]

سلام

با توجه به اینکه به نمایشگاه بین المللی کتاب نزدیک می شیم...:قلب:

از دوستان درخواست دارم علاوه بر سه کتابی که درباره html5 ، css3 و jquery معرفی کردند. کتاب های جدید تری رو هم اگر خوندن معرفی کنند؟

لطفا راهنمایی کنید : html5 , css3 و javascript

[بهزاد علی محمدزاده]

سلام . وقتی این تاپیک و ایجاد کردم یه دونه مشابه رو هم گذاشتم برای درخواست ها و نظرات تا اینجا همه چیز روی هم انباشته نشه . مشابه اش در بخش PHP هست که حاشیه تاپیک از متنش بیشتره . ولی اینجا اینجوری نشده و من اون بخش و برداشتم .

در مورد کتاب های در خواست شده : برای css3 , html5 همون داشتن یه مرجع دم دستی کفایت می کنه . اینقدر منابع آموزشی بصورت فیلم هست که نیازی نیست کتاب براش بخونید . ( برای یادگیری های اولیه html , css ) . یکی از منابعی که اینجا معرفی شده 18 ساعت فیلم از html5 هست و css3 .و منابع انگلیسی ( فیلم ) که دیگه فراوان هست . کلی کنفرانس و ویدو در یو......تیو....ب هست.
برای جاوا اسکریپت هم به اینصورت . خیلی منابع در مورد اینها هست. از ویدیوهای آموزشی کمک بگیرید . ( من کتابهای جدید تری غیر از اونها نمی شناسم )

[yasharhi]

سلام به همه شما همراهان عزیز ،
دومین شماره ماهنامه مدرسه مجازی ایرانیان که به ” ماهنامه علمی اموزشی طراحی وب ” تغییر نام پیدا کرده است در تاریخ ۱۳۹۳/۲/۱۷ در اختیار عموم قرار گرفت .
در جهت دستیابی به اهداف این ماهنامه ، محتوای علمی آموزشی در این شماره تقریبا ۲ برابر شده است . همچنین بخش هایی مثل : مسابقه طراحی وب ، فیلم آموزشی و اخبار فناوری اطلاعات نیز به جمع محتوای ارزشمند این ماهنامه اضافه شده است .
http://www.iroschool.com/wp-content/uploads/2014/05/MAG003.png (http://www.iroschool.com/wp-content/uploads/2014/05/MAG003.png)
در این شماره چه میخوانید ؟

در این شماره از ماهنامه به مسائل مختلفی در ۳۰ صفحه پرداخته ایم که میتواند برای شما خواندنی باشد .





گپ دوستانه و گزارشی از شماره اول ماهنامه
معرفی نامه مدرسه مجازی ایرانیان
محبوبترین مطالب اخیر
آموزش ایجاد منوی ریسپانسیو
استفاده از Filter ها در CSS
طراحی بر مبنای گرید های استاندارد
فیلم آموزشی آموزش طراحی گرافیک Progressbar
Dublin Core ها و تاثیر آنها بر سئو
با Canonical link element آشنا شوید
جوملا ۳ در اوج قدرت قدم بر میدارد
وردپرس را فقط پارسی استفاده کنیم !
فونت آیکن ها را به راحتی انتخاب و دانلود کنید
ابزار آنلاین تولید کننده Gradient
پروژه های مشترک را حرفه ای مدیریت کنید
ابزار آنلاین تبدیل کننده فونت ها به فونت وب
ابزار آنلاین تولید متون لورم ایپسوم
ساخت آنلاین اپلیکیشن موبایل
نسخه جدید فایرفاکس با طراحی نو و قابلیت‌های تازه منتشر شد
هر روز کیبورد خود را بشویید !
خونریزی قلبی شماره ۲ روی اینترنت
کدام اپراتور تلفن همراه اینترنت بهتری دارد؟
مسابقه طراحی وب
خوشمزه




اهداف کلی ماهنامه

مباحث کلی و اصلی ماهنامه پیرامون “ آموزش طراحی وب ” هست که در بخش های مختلف تقدیم حضورتون میشه . در این ماهنامه که در ۱۵هُم هر ماه منتشر میشه ما سعی میکنیم اطلاعات تخصصی شما رو با مباحث جدید و حرفه ای بروز کنیم و اجازه ندیم که شما خودتونو در اتاقی که ذهنتون نام داره زندانی کنین و خودتونو از پیشرفت تکنولوژی های روز محروم کنید ! انسان باید هر روز به روزتر باشه و این خاصیت پیشرفت بشری هست که همه به دنبال اون هستند .

لینک دانلود :
http://www.iroschool.com/magazine/%D...C-%D9%88%D8%A8 (http://www.iroschool.com/magazine/%D8%A7%D9%86%D8%AA%D8%B4%D8%A7%D8%B1-%D8%AF%D9%88%D9%85%DB%8C%D9%86-%D8%B4%D9%85%D8%A7%D8%B1%D9%87-%D9%85%D8%A7%D9%87%D9%86%D8%A7%D9%85%D9%87-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8)

[Hemmatyar]

سومین شماره ماهنامه علمی آموزشی طراحی وب در تاریخ 1393/3/29 در اختیار عموم قرار گرفت .


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

http://www.iroschool.com/wp-content/uploads/2014/06/MAG3-Cover.png
در این شماره چه میخوانید ؟در این شماره از ماهنامه به مسائل مختلفی در 50 صفحه پرداخته ایم که میتواند برای شما خواندنی باشد .



گپ دوستانه
معرفی نامه مدرسه مجازی ایرانیان
اعلام نتایج اولین مسابقه طراحی وب
محبوبترین مطالب اخیر
آموزش ایجاد افکت پرکاربردی Front to back با CSS3
بدون دانش کدنویسی برای خود قالب ریسپانسیو بسازید
آموزش تبدیل html به پوسته ی وردپرس
آموزش تبدیل عکس به پترن
آیکن ها در فتوشاپ همیشه در دسترس هستند
فیلم آموزشی رایگان طراحی گرافیک صفحه ورود
استارتاپ دقیقا یعنی چه؟
دات نت نیوک مدیریت محتوایی لذت بخش
سایت خود را در همه مرورگر ها و نسخه های مختلف تست کنید
ساخت گرید های استاندارد ولی دلخواه
هر آنچه از CSS3 انتظار دارید خلق کنید
2 ابزار آنلاین تست نمایش ریسپانسیو قالب سایت
ابزار آنلاین ایجاد Tooltip به شکل دلخواه
ابزار آنلاین تبدیل واحد px به em
ابزار آنلاین تبدیل hex به rgb و rgba
دیسکاس ، دیدگاه های پیشرفته برای وب سایت شما
بیش از 2500 آیکن فلت در دستان شما
۵ تکنولوژی برتر در جام جهانی برزیل ۲۰۱۴
گوگل پلی برای ایرانیان قابل دسترس شد!
گلایه مشترکان از آنتن‌دهی نامطلوب رایتل
نشانه های آلوده شدن سیستم‌ شما به ویروس کدامند؟
خوشمزه


دانلود ماهنامه (http://www.iroschool.com/magazine/%D8%A7%D9%86%D8%AA%D8%B4%D8%A7%D8%B1-%D8%B3%D9%88%D9%85%DB%8C%D9%86-%D8%B4%D9%85%D8%A7%D8%B1%D9%87-%D9%85%D8%A7%D9%87%D9%86%D8%A7%D9%85%D9%87-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8)

[Hemmatyar]

سلامی گرم به همراهان همیشگی ماهنامه طراحی وب
چهارمین شماره ماهنامه علمی آموزشی طراحی وب در تاریخ 1393/5/4 در اختیار عموم قرار گرفت .
همانطور که در ماهنامه نیز اطلاع رسانی شده است از این پس شماره های جدید در روز اول هر ماه منتشر خواهد شد .
در این شماره به سراغ موضوعات جدیدی رفتیم که میتواند بسیار برای شما جذاب و البته از جنبه آموزشی مفید و کاربردی باشد . محتوای آموزشی این شماره همانند شماره قبلی بوده و شما میتوانید از مباحث آموزشی ارزشمند این ماهنامه در 44 صفحه استفاده نمایید . از اینکه ماهنامه طراحی وب را دانلود و مطالعه میکنید از شما بسیار سپاسگزاریم .

http://www.iroschool.com/wp-content/uploads/2014/07/MAG004.jpgدر این شماره چه میخوانید ؟در این شماره از ماهنامه به مسائل مختلفی در 44 صفحه پرداخته ایم که میتواند برای شما خواندنی باشد .


فهرست موضوعات
گپ دوستانه با مخاطبین ماهنامه
معرفی نامه مدرسه مجازی ایرانیان (http://www.iroschool.com/)
محبوبترین مطالب اخیر
ساخت پوسته وردپرس بخش دوم
آموزش استفاده از Livicon ها بصورت کامل و جامع
نحوه ایجاد Tooltip زیبای افکت دار با CSS3
یک پارچه سازی لایه ها در فتوشاپ با Composer
6 راهکار ساده از اصول ایمنی اولیه رنگ شناسی وب
رابط کاربردی برنامه نویسی (API) چیست و چگونه می‌توانید از مزایای آن در استارتاپ‌ خود بهره‌مند شوید؟
نسخه 4 وردپرس با قابلیت های جدید
فونت های فارسی همه و همه در فونت یاب
ایجاد منو های جذاب با CSS
مختصات ها در sprite رو به راحتی پیدا کنید
ساخت تصاویر متحرک لودینگ با چند کلیک ساده
طراحی اسکچ و اتود طرح به صورت آنلاین و حرفه ای
رتبه فایل PSD خود را بسنجید !
ذخیره کردن لینک‌ها برای مرور در آینده ویژگی جدید فیس‌بوک
آی تایم ، نسل بعدی ساعت‌های هوشمند
با خوردن این قرص، یک ساعته زبان خارجی یاد بگیرید
قاب دیواری اینترنتی-کامپیوتری دیده‌اید؟
حامیان ماهنامه
خوشمزه

همینک چهارمین شماره ماهنامه را دانلود کنید (http://www.iroschool.com/magazine/%D8%A7%D9%86%D8%AA%D8%B4%D8%A7%D8%B1-%DA%86%D9%87%D8%A7%D8%B1%D9%85%DB%8C%D9%86-%D8%B4%D9%85%D8%A7%D8%B1%D9%87-%D9%85%D8%A7%D9%87%D9%86%D8%A7%D9%85%D9%87-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8)
منتظر پیشنهادات و انتقادات شما از طریق بخش دیدگاه های این نوشته و همینطور شماره پیامک 3000122033 هستیم .

[Saber Mogaddas]

سلام
پلاگین jq برای انیمیشن سازی فایل های svg افرادی که با برنامه نویسی svg و Illustrator آشنایی دارند می تونن روی این پلاگین مانورهای زیبایی رو داشته باشن، این پلاگین از path های svg که شما خلق کردید کار میکنه ..
Lazy Line Painter (http://lazylinepainter.info/)
برای مثال می تونید تو یک طرح Parallax استفاده شه که زمان اسکرول این پلاگین اجرا شه..
دوستان موفق باشید..

[sheragimanam]

باتشکر
وبسایت حساب من (http://www.hesabeman.ir)

[Hemmatyar]

سلامی به همه شما همراهان همیشگی ماهنامه طراحی وب
ششمین شماره ماهنامه طراحی وب (http://mag.iranweblearn.com/) در تاریخ 1393/7/20 مصادف با روز بزرگداشت شاعر معاصر خواجه حافظ شیرازی (http://fa.wikipedia.org/wiki/%D8%AD%D8%A7%D9%81%D8%B8) و با تقدیم به ایشان ، در اختیار عموم قرار گرفت .
این شماره هم همانند شماره های قبلی ، با محتوای بیشتر و ارزشمند تری در 62 صفحه تشکیل شده است . همینطور به تعداد نویسندگان نیز اضافه شده است تا بتوانیم کلیه سلایق ، دیدگاه ها و نیازها را پوشش دهیم . از اینکه ماهنامه طراحی وب را دانلود و مطالعه میکنید از شما بسیار سپاسگزاریم .

http://www.iranweblearn.com/wp-content/uploads/2014/10/mag-6-cover.jpgدر این شماره چه میخوانید ؟در این شماره از ماهنامه به مسائل مختلفی در 62 صفحه پرداخته ایم که میتواند برای شما خواندنی باشد .


تقدیمی این شماره
فهرست موضوعات
گپ دوستانه با مخاطبین ماهنامه
معرفی نامه مدرسه مجازی ایرانیان (http://www.iranweblearn.com/)
گزیده ای از جدیدترین مطالب سایت
با آموزش مجازی ، زمان و مکان دیگر محدودیت نیست !
کلدفیوژن، زمانی برای تنبلی برنامه نویس ها!
طراحی وب سایت بدون نیاز به دانش کدنویسی
ایجاد یک DropDown Menu متفاوت با CSS3
اینفوگرافی طراحی ریسپانسیو در فروشگاه های اینترنتی (قسمت ابتدایی)
با CSS Hack ها بطور کامل آشنا شوید!
پارالاکس را قورت بدهید (قسمت دوم)
5 چیزی که اغلب افراد در مورد تجربه کاربری نمی دونن !‎
مصاحبه با بزرگان وب ( اعلام مصاحبه شونده شماره بعدی )
ایجاد سایه های بلند مثل آب خوردن
تبدیل عکس به نقاشی رنگ و روغن برجسته بدون استفاده از پلاگین
نوستالژی جذاب وردپرسی ها
باید و نباید های فریلنسری !
چگونه به یک برنامه نویس حرفه ای phpتبدیل شویم (قسمت دوم)
چگونه یک ارائه‌ی اثر گذار برای جلب توجه سرمایه گذاران انجام دهید؟
بررسی دقیق سئو سایت شما
یونیکد و کد HTML کاراکتر های خاص
بررسی سایت ریسپانسیو در رزولوشن ها و dpi های مختلف
فشرده سازی تصاویر با پشتیبانی از تمامی فرمت ها
رنگ های پیشنهادی در سبک فلت
فرم ساز آنلاین با یه عالمه امکانات
خانه دوم طراحان گرافیک جهان
دنیای آیکن های سه بعدی ، فلت ، کارتونی و …
آیا گوگل اولین کمپانی تریلیون دلاری دنیا خواهد بود؟
امنیت فضای مجازی با رمزگذاری !
نسخه جدید Skype از راه رسید
53 میلیون نفر در ایران آفلاین هستند
حامیان ماهنامه طراحی وب
خوشمزه


دانلود ماهنامه رایگان است (http://mag.iranweblearn.com/) ولی آیا تمایل به دریافت نسخه چاپی ماهنامه دارید ؟در صورتی که شما فرد یا مدیر یک شرکت و یا مجموعه ای هستید که در زمینه طراحی وب و علوم مرتبط فعالیت میکنه و تمایل دارید که خودتون و کارمندان محترمتون رو همیشه به روز نگه دارید و از مباحث حرفه ای به سرعت مطلع بشید ، ما به میزان 500 نسخه از این ماهنامه را به صورت چاپ شده و کاملا شکیل در قالب یک مجله چاپی آماده کرده ایم و در صورت تمایل ، با مبلغ بسیار مناسب که در حقیقت فقط هزینه چاپ و ارسالی پستی هست در اختیار شما قرار میگیرد جهت سفارش پستی به سراسر کشور میتونید از فروشگاه (http://shop.iranweblearn.com/)سفارش خودتون رو ثبت بفرمایید .
منتظر پیشنهادات و انتقادات شما از طریق بخش دیدگاه های این نوشته و همینطور شماره پیامک 3000122033 هستیم .

[yas@@@]

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

[mehdiomnia]

پس بقیه اش ؟