خوش آمدید , میهمان گرامی! ورود or ثبت نام

تغییر رنگ قالب



بستن
آنچه قبل از تصمیم به جراحی بالا کشیدن ابرو باید بدانید (خطر ها و عوارض احتمالی بالا ک
jarahezibai jarahezibai 0 20
همین الان تو چه فکری هستی؟ (22)
گلایه roghayeh 492 14400
محاسبه سن با شکلات (بسیار جالب)
sana sazokar00 9 1022
سئو سایت :افزایش ترافیک چه اثری در سئو دارد
toniyo sazokar00 23 1625
آنچه پس از جراحی بالا کشیدن ابرو در انتظارتان است قسمت دوم
jarahezibai jarahezibai 0 23
آنچه پس از جراحی بالا کشیدن ابرو در انتظارتان است قسمت اول
jarahezibai jarahezibai 0 23
عکس های تبلیغاتی کاتالوگ و بورشور
sepidgra sepidgra 0 27
معجزه مصرف خرما در روز/ چرا باید در دوران بارداری مکمل خورد؟/ روشی غلط در پخت غذا که
nbtfd234 nbtfd234 0 23
ریزش خرما در بم بیشتر از سایر مناطق است/ ریزش خرما شامل پوشش بیمه ای نمی شوند
nbtfd234 nbtfd234 0 22
خسارت به نخیلات در منوجان
nbtfd234 nbtfd234 0 20
بدنی سالم با تغذیه ای سالم
nbtfd234 nbtfd234 0 30
در این مواقع هرگز آب ننوشید!
nbtfd234 nbtfd234 0 26
یک هفته با بورس کالا
nbtfd234 nbtfd234 0 27
سامسونگ اولین کارت حافظه 2 گیگابایتی گوشی های همراه را عرضه کرد
admin fintrent 9 584
آغاز برداشت خرما در برخی از نقاط کشور/ روند نزولی قیمت خرما ادامه دارد
nbtfd234 nbtfd234 0 26
تمایل بازار ارز برای ورود به کانال دلار ۱۰ هزار تومانی/ ترخیص ۶۶۵۳ دستگاه خودروی وارد
nbtfd234 nbtfd234 0 28
کدام نوع جراحی برای من مناسب تر است؟ جراحی پلک یا جراحی بالاکشیدن ابرو؟
jarahezibai jarahezibai 0 29
مشکل استقلال و پروپیچ حل شد
sana sana 0 27
قطع اینترنت ۲۱۰ نقطه برای لو نرفتن سوالات کنکور
sana sana 0 31
بحث نامگذاری روز کوروش دوباره مطرح شد
sana sana 0 24
تقلید از عصر جدید؛ ماجرای خودکشی پسر ۱۲ساله
sana sana 0 29
یک میلیارد یورو ارز دولتی گم شد
sana sana 0 38
فتیله بازار طلا خاموش شد
sana sana 0 20
آخرین اس ام اسی که برای شما اومده چی بوده ؟
sana sana 746 53475
اخرین اس ام اسی که دادین چی بوده ؟
sana sana 588 35415
طراحی چیدمان شبکه برای طراحی وب پاسخگو
magbot magbot 0 30
اشتباهات متداول در بازاریابی محتوا
magbot magbot 0 28
نکاتی درباره تجربه استفاده از وب سایت ضروری
magbot magbot 0 31
المان های غلط برای طراحی سایت چیست
sitecode sitecode 0 38
خوشبختی های کوچک من !!
azadeh roghayeh 81 10161
محاسبه رنگ هاله انسان !!
mdark poonehmedia00 28 8586
ظاهر شما پس از جراحی پلک و جراحی افتادگی پلک چه تغییری خواهد کرد؟
jarahezibai jarahezibai 0 43
مقاصد محبوب گردشگران در تالش کدامند؟
mahno0osh mahno0osh 0 43
خرمای لذیذ استعمران
nbtfd234 nbtfd234 0 40
راهکار‌هایی آسان برای داشتن پوستی خیره کننده +۴ خوراکی براق کننده پوست
nbtfd234 nbtfd234 0 36
خطرناک بودن محصولات تراریخته ثابت شده است؟
nbtfd234 nbtfd234 0 40
داروی خوراکی درمان سرطان پروستات روانه بازار شد
nbtfd234 nbtfd234 0 33
۴توصیه به والدین برای تغذیه سالم کودکان
nbtfd234 nbtfd234 0 41
قبل از Big Bang
tree of life tree of life 11 754
مذاکرات ژنو!!!
دایی جان دایی جان 15 3251

نماد ها
دسترسی سریع به تاپیکهای مهم
تبلیغات
مطالب منتخب
مطالب پربازدید
مطالب پربازدید
15 ابزار CSS مبتنی بر وب برای طراحان وبزمان کنونی: Wednesday 24 July 2019, 00:06
کاربرانِ درحال بازدید از این موضوع: 1 مهمان
نویسنده: magbot
آخرین ارسال: magbot
پاسخ: 1
بازدید: 93
 
امتیاز دهید:
  • 0 رأی - میانگین امیتازات : 0
  • 1
  • 2
  • 3
  • 4
  • 5
15 ابزار CSS مبتنی بر وب برای طراحان وب
Saturday 22 June 2019, 02:48
ارسال: #1
15 ابزار CSS مبتنی بر وب برای طراحان وب
[font=Cormorant Garamond, Arial, serif]
[size=xxx-large]15 ابزار CSS مبتنی بر وب برای طراحان وب[/size] مشاهده لینک [/font]
مشاهده لینک
تنها مشکل این است که برخی از آنها به خوبی شناخته نمی شوند، بنابراین من مجموعه ای از ابزار و ژنراتورهای CSS مبتنی بر وب را برای شما ایجاد کردم. همانطور که ابزارها طبقه بندی می شوند، در انتهای هر گروه یک لیست با برنامه های دیگر که همان موارد مورد بررسی هستند، خواهید یافت.
ابزار برای چیدمان
اگر شما HTML یا CSS را نمی شناسید و می خواهید یک وب سایت داشته باشید، مشاهده لینک می توانید برای چند ثانیه از طرح شما استفاده کنید .
بسیاری از طرح های ممکن شما می توانید انتخاب کنید، تصاویر و سایر عناصر گرافیکی و بسیاری از موارد دیگر را آپلود کنید.
شما می توانید به راحتی هر عنصر در صفحه را انتخاب کنید و آن را با انتخاب گزینه های مختلف از لیست کشویی سفارشی کنید، که باعث می شود صفحه را ساده تر و کاملا سریع تغییر دهید. پوسته هایی که ایجاد می کنید می توانید با استفاده از یک برنامه دانلود و نصب کنید. بخش دیگری نیز پشتیبانی از چندین زبان است.

[تصویر: 0.jpg]

مشاهده لینک به عنوان templatr پیچیده نیست، بلکه ویژگی های خوبی نیز دارد. همانطور که می توانید در تصویر زیر مشاهده کنید، یک شیوه CSS ساده برای یک صفحه HTML ایجاد می کند و به شما کد CSS را برای آن می دهد، که شما باید در شیوه خود کپی/جای گذاری کنید. بدیهی است که شما همچنین کد را برای صفحه HTML دریافت خواهید کرد. ناکامی این ژنراتور کمبود گزینه دانلود است. تنها راه استفاده از پوسته هایی که در اینجا ایجاد شده است، کد خودتان را کپی می کنید.

<کلاس IMG = "aligncenter اندازه کامل فایل wp-تصویر-62154" عنوان = "CSS ژنراتور الگو است" src = "6.jpg" دگرساز = "" width = "570" height = "285" srcset = "https:/1stwebdesigner.com/wp-content/uploads/2012/01/Untitled-2src = "7.jpg 570w، https:/1stwebdesigner.com/wp -content/ارسال/2012/01/بدون عنوان-2-480x240src = "8.jpg 480W، 150W مشاهده لینک = "9.jpg، https://را 1stwebdesigner .com/wp-content/uploads/2012/01/Untitled-2-65x33src = "10.jpg 65w، https:/1stwebdesigner.com/wp-content/uploads/2012/01/Untitled-2-282x141src = "11.jpg 282w "اندازه = "(حداکثر عرض: 570 پیکسل) 100vw، 570px"/>

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

[تصویر: 12.jpg]

دیگران: مشاهده لینک ، مشاهده لینک ، مشاهده لینک ، ژنراتور چیدمان و ژنراتور چیدمان CSS.
ابزار Grid
سیستم گرید متغیر ممکن است یکی از بهترین سیستم های شبکه ای است که می توانید در اینترنت پیدا کنید. این اجازه می دهد تا شما به سرعت یک شیوه CSS برای وب سایت خود تولید کنید و بر اساس 960gs است، که ما کمی بیشتر از جاده بازبینی خواهیم کرد.

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

[تصویر: 18.jpg]

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

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

[تصویر: 24.jpg%20alt%20=]
مشاهده لینک یک ژنراتور شبکه نیست، اما شما می توانید مقدار زیادی از سیستم های شبکه را از آن یاد بگیرید. برخی از قالب هایی که می توانید دانلود کنید وجود دارد و شما همچنین می توانید برخی از نمونه هایی از وب سایت هایی را که براساس شیوه های پیش فرض آنها ساخته شده است را مشاهده کنید. شما می توانید برخی جاوا اسکریپت های جاوا را پیدا کنید - adaptive.css باور نکردنی است و هر جاذبه دیگر مشابه هر روز هفته را می بیند - و ببینید که شبکه چگونه روی صفحات مختلف کار می کند.

[تصویر: 30.jpg%20alt%20=]
دیگران: مشاهده لینک و مشاهده لینک
ابزار برای رنگ های CSS
اکنون ما یک طرح و یک سیستم شبکه داریم، می توانیم در مورد رنگ ها و طرح های رنگی فکر کنیم. در اینجا چند ابزار عالی که باید نگاه کنید.

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

بیش از 11،000 طرح رنگ موجود است (همه رایگان) و شما حتی می توانید گزینه ای برای سفارشی کردن آنها. اگر شما یک حساب کاربری ایجاد کرده اید، می توانید طرح های رنگی خود را از انتخاب انتخاب کنید و دیگران را در وب سایت های خود به آنها القا کنید. یکی دیگر از ابزار باور نکردنی توسط Adobe ...

[تصویر: 36.jpg]

اگر چه کاملا متفاوت از مثال اول، Color Scheme Designer یک ابزار عالی دیگر است که به شما اجازه می دهد طرح هایی را در یک سطح دیگر ایجاد کنید. شما می توانید یک رنگ را انتخاب کنید، سپس یکی از گزینه های بالا - تک تک، تکمیل، سه گانه، تتراد، مشابه یا مقیاس مشابه - و اجازه دهید این ابزار کار خود را انجام دهد.

این یک ابزار است که شما ممکن است بسیار مفید برای زمانی که شما نیاز به رنگ برای طراحی شما. و اگر این کافی نبود، شما همچنین می توانید طرح های رنگی برای کور رنگی ایجاد کنید. هر طرح ای که شما ایجاد می کنید یک شناسه ای است که می توانید آن را ذخیره کنید. بعدا می توانید دوباره به طرح خود بازگردید و همچنان آن را سفارشی کنید.
[تصویر: 42.jpg]

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

[تصویر: 48.jpg]

دیگران: مشاهده لینک و کد های رنگی CSS
ابزار برای ناوبری و دکمه ها
مشاهده لینک به شما امکان می دهد منوهای سفارشی CSS خود را ایجاد کنید و آنها را برای شما در یک ساده، قالب HTML/CSS، بنابراین شما می توانید آنها را از اینجا دانلود کنید و از آنها استفاده کنید.
ابزار دارای گالری مناسبی نسبتا بزرگ - عمودی، افقی و کشویی است - و به شما اجازه می دهد تا جزئیات آنها را سفارشی کنید. علاوه بر این، شما همچنین می توانید پلاگین های Adobe Dreamweaver را دانلود کنید و منوهای خود را بر روی کامپیوتر خود ایجاد کنید.
منوها متقابل سازگاری دارند و در تمامی مرورگرها (به استثنای انتقال اینترنت اکسپلورر) مشابه خواهد بود.

[تصویر: 54.jpg]

این تنها CSS ابزار منو که واقعا خارج از غرفه، برخی از آنهایی که دیگر شما می توانید یک نگاه هستند CSS ژنراتور منو، <یک عنوان = "من CSS منو" عکاس هنگام عکسبرداری = "http://www.mycssmenu.com/" هدف این است = "_ خالی"> منو CSS من و با Generator" href="http://www.tabsgenerator.com/" زبانهها ژنراتور را. < br>
مشاهده لینک از Drive Dynamic اجازه می دهد تا دکمه های خود را ایجاد و سفارشی کنید ، سپس آنها را در طرح های خود دانلود و استفاده کنید.

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

[تصویر: 60.jpg]

این یکی بسیار شبیه به اول است، تنها شما منوها را به شیوه دیگری ایجاد کنید : با انتخاب سبک خود از چندین لیست کشویی. این کاملا یکسان است و تنها بستگی دارد که شما راحت تر با آن کار کنید.
[تصویر: 66.jpg]
ابزارهای فونت وب
تستر قلم یک ابزار باور نکردنی است که به شما اجازه می دهد فونت های مختلف را پیش نمایش دهید، به طوری که شما مجبور نیستید آنها را در فایل CSS خود وارد کنید و آن ها را سفارشی کنید. فقط فونت ها را در این صفحه وب سفارشی کنید و هنگامی که یک کامل را پیدا می کنید، کد را دریافت کرده و از آن استفاده کنید!
گزینه های بسیاری وجود دارد که من حتی نمی دانم کجا شروع شود. ارتفاع خط، دکوراسیون متن، تبدیل متن، وزن فونت، فاصله فونت، فونت کشویی، فضای سفید، بیتی یونیکد و بسیاری دیگر، وجود دارد. فقط امتحان کن، آن را دوست دارم.

[تصویر: 72.jpg]

مشاهده لینک برای هدف همان تستر فونت بسیار کاربرد دارد، فقط ممکن است محبوب تر باشد و شما می توانید فونت های بیشتری را مشاهده کنید - حتی فونت های گوگل.

گزینه های زیادی برای سفارشی سازی وجود ندارد، اما آنچه که شما باید داشته باشید، به اندازه ای کافی است که پیش نمایش متن موردنظرتان را در طراحی خود بسنجید.
[تصویر: 78.jpg%20alt%20=]
دیگران: مشاهده لینک ، فونت CSS و Style Wizard متن، مشاهده لینک .
سایر ابزار CSS
اگر می خواهید سریع سبک CSS پیش فرض را تولید کنید، سپس مشاهده لینک برای شما خواهد بود. این مشابه ابزارهایی است که برای سیستم های شبکه استفاده می شود، اما این یکی واقعا سیستم شبکه ای را حفظ نمی کند (بعدا باید آن را کد کنید).
با این حال شما می توانید یک شیوه نامه با رنگ های لینک، اندازه فونت، حاشیه ها، رنگ شناور و غیره ایجاد کنید - و در هنگام برنامه نویسی بعضی از زمان های ارزشمندی را در اختیار دارید.

[تصویر: 84.jpg]

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

CSS تولید شده به نظر می رسد همیشه توسط W3C معتبر و روند بسیار سریع است، بنابراین شما می توانید بعد از نیم ساعت از تلویزیون لذت ببرید به جای برنامه نویسی پیش فرض های شیوه.
[تصویر: 90.jpg]

در حال حاضر من در ابزارهای CSS sprites به روز نمی شود، زیرا از آنها استفاده نمی کنم، اما برخی از بررسی ها SpriteGen Sprite Generator را پیشنهاد می کنند، CSS Sprites و مشاهده لینک


اگر شما خبرنامه های الکترونیکی را طراحی کرده و نیاز به ایجاد جداول در CSS دارید، سپس این کار را انجام می دهد.

این فهرستی از ابزارهای CSS و ژنراتورهایی بود که می خواستم آگاهی را افزایش دهم. آیا شما برخی از دیگران را دوست دارید توصیه؟ src = "96.jpg
مشاهده لینک مشاهده لینک مشاهده لینک مشاهده لینک مشاهده لینک مشاهده لینک [url=http://www.somacon.com/p141.php] مشاهده لینک مشاهده لینک مشاهده لینک
نقل قول


موضوع های مرتبط با این موضوع...
موضوع: نویسنده پاسخ: بازدید: آخرین ارسال
  چگونه طراحان وب می توانند ارتباط با مشتریان را توسعه دهند؟ magbot 0 38 Sunday 14 July 2019 14:35
آخرین ارسال: magbot
  کیت های UI رایگان برای طراحان برنامه موبایل و توسعه دهندگان magbot 0 156 Monday 27 May 2019 20:19
آخرین ارسال: magbot
  چرا طراحان وب سایت ها باید از ابزارهای طراحی سایت اختصاصی استفاده نمایند؟ mehran19999 0 696 Tuesday 25 July 2017 11:44
آخرین ارسال: mehran19999
  13 ابزار جالب و سرگرم‏کننده با استفاده از تکنولوژی USB admin 1 406 Saturday 08 August 2009 09:22
آخرین ارسال: aria

پرش به انجمن:



زمان کنونی: Wednesday 24 July 2019, 00:06