Back to Question Center
0

Хариуцлагатай вэб семаль 13

1 answers:

Semalt вэб дизайн нь сайтууд өөр өөр төхөөрөмж, дэлгэц дээр сайн ажилладаг. Таны хэрэглэгчдэд зохистой үзвэрийн туршлагатай эсэхийг шалган бататгах дизайны хэрэгслүүд ашигла.

Энд хариу урвалын хэрэгслүүдийн жагсаалт байна. Semalt бол хариу өгөх вэб хуудасны элементүүдийг бий болгох, янз бүрийн бодит төхөөрөмжүүд болон дэлгэцийн хэмжээн дээр таны загварыг турших хэрэгслүүд юм. Semalt бол хураамж, үнэ төлбөргүй хэрэгсэл юм.

Хариуцлагатай загварын хэрэгсэл

Хариуцлагатай зураг, хариуцлагатай зураг - continental talvirenkaat kokemuksia. Adobe-ийн Жеймс Мэллерүүдээс үүсгэсэн энэхүү энгийн хэрэгсэл нь хэрэглэгчдэд хариуны дизайны жишээ болох тоглох боломжийг олгодог. Өөрийн ашиглах цонхны хэмжээг өөрчлөхийн тулд хэрэглэж буй хэмжээний хязгаарлалтуудыг харна уу. Үнэ: Үнэгүй.

13 Tools for Responsive Web Semalt

Bootstrap . Вэб дээр вэбсайтад хариу өгөх, мобайл-анхны төслүүдийг бий болгох нь хамгийн өргөн хэрэглэгддэг урд талын бүрэлдэхүүн хэсгүүдийн номын сан юм. Bootstrap нь HTML, CSS, JS-тай хөгжүүлэх нээлттэй эхийн хүрээ юм. Өөрийн үзэл санаануудыг загварчлаад эсвэл бүхэл аппликэйшнээ Bootstrap-ын хариу үйлдлийн сүлжээ систем, урьдчилан бүтээгдсэн бүрэлдэхүүн хэсгүүд болон jQuery дээр бүтээгдсэн залгаасуудаар бүтээнэ. Үнэ: Үнэгүй.

Google Mobile-Friendly Test. Google-ийн үнэгүй Гар утастай Туршилтыг ашиглан гар утсан дээр зочин хэрхэн амархан ашиглаж болохыг турших. Таны вэбсайтуудыг хөдөлгөөнт хэрэглэхэд хялбар болгосноор таны хуудсууд бүх төхөөрөмж дээр сайн ажиллаж байгааг баталгаажуулдаг. Үнэ: Үнэгүй.

Justinmind. Justinmind бол вэб болон мобайл аппликейшнүүдийн хувьд бүхнийг хамарсан прототипинг хэрэгсэл юм. Вэб, iOS, болон Андройд зэрэг вэбсайтууд болон програмуудыг татах-ба-дусал интерфэйсээр тодорхойлох - ямар ч кодчилол байхгүй. Justinmind-ийн уян хатан үйл явдал, үйлдлүүд бүхий бүх төхөөрөмжүүд дээр бүх дэлгэцийн хэмжээг тохируулахын тулд динамик байршлыг ашиглан өөрийн wireframe-ыг тааруулж тохируулна уу. Justinmind нь вэб хөтөч, гар утасны аппликейшнуудыг түргэн шуурхай үзэх боломжийг танд олгож, төрөл бүрийн веб дэлгэц, өөр өөр төрлийн арьс бүхий дурын хөтчөөс түргэн шуурхай үзээрэй. Үнэ: Төлөвлөгөө сар бүр $ 19 байна.

13 Tools for Responsive Web Semalt

Gridset. Gridset нь дизайнерууд тооцооллын талаар санаа зоволгүйгээр вэбэд зориулж вэбсайтын бүтээлч байрлуулах тохиргоог хийх боломж олгодог. Gridset нь үр дүнтэй мэдрэмжтэй дизайныг тодорхойлох завсарлагааны цэгүүд дээр тусгай бүлгийг тохируулах боломжийг олгодог. Үнэ: Төлөвлөгөө сар бүр $ 9 байна.

Дасан зохицох зураг. Adaptive Images нь таны зочны дэлгэцийн хэмжээг илрүүлдэг бөгөөд таны вэб хуудасны суулгагдсан HTML зургуудын төхөөрөмжийн тохирох дахин хэмжсэн хувилбаруудыг автоматаар үүсгэж, кэшээр, дамжуулж өгдөг. Энэ нь хариу урвалын загвар ашиглахад зориулагдсан бөгөөд шингэний зургийн техниктэй хослуулах зориулалттай. Тэмдэглэлд өөрчлөлт оруулах шаардлагагүй. Үнэ: Үнэгүй.

FitText. Вэб төрлийг инфляцид зориулж jQuery залгаас, FitText фонтуудын хэмжээг уян хатан болгодог. Толгойн элементийн өргөнийг дүүргэх өргөтгөх боломжтой мэдээллээр хангахын тулд энэ залгаасыг ашиглан шингэний эсвэл мэдрэмжтэй байрлалдаа ашигла. FitText нь асар том дэлгэцийн текст хэлбэрээр байдаг. Үнэ: Үнэгүй.

13 Tools for Responsive Web Semalt

Ghostlab. Ghostlab дээр та янз бүрийн хөтөч, мобайл төхөөрөмж дээр нэгэн зэрэг вэбсайтыг туршиж үзэх боломжтой. Ghostlab руу URL-ыг зүгээр л чирч, "Play" товчийг дарна уу. Холбогдох хөтчүүд, төхөөрөмжүүдийн аль нэгэнд тестийг эхлүүлэх. Бусад бүх хөтөч, төхөөрөмжүүд нь таны үйлдлийн тусгал болно - товчлуурыг дарж, дараах холбоосууд, хуудсыг гүйлгэж, маягтуудыг бөглөж, хулганыг тусгай элементүүдээр туулдаг. Ghostlab дотроос дэлгэцийн зургийг аваад нэгдсэн зургийн засварлагч дээр тэмдэглээд өөрийн ашиглаж буй алдааны аль ч цэг рүү чирнэ үү. Үнэ: $ 49.

Би хариулдаг уу? Би Хариуцлагатай байна гэдэг нь мэдрэмжтэй дизайны breakpoints дээр хурдан дэлгэцийн хэрэгсэл юм. Өөрийн URL-ыг оруулна уу. Төхөөрөмжийг дарж, чирж төхөөрөмжүүдийг дахин тохируулаарай. Би өөрийн хөтөч дээрээс нэг товшилтоор нэг сайтын хариуг шалгахын тулд Би RWD bookmarkletlet ашиглана уу.

Хариуцагч. Хариуцагч нь вэбсайтууд нь хамгийн тохиромжтой төхөөрөмжүүд дээр тэдний хариу үйлдэл хэрхэн харагдахыг хурдан олж авахад тусалдаг. Гэсэн хэдий ч энэ нь хэрхэн харагдахыг яг нарийн хуулбарладаггүй. Нарийвчлалыг шалгахын тулд бодит төхөөрөмж дээр үргэлж туршилт хийнэ. Үнэ: Үнэгүй.

13 Tools for Responsive Web Semalt

Google Chrome DevTools Device Mode. Google Chrome DevTools нь Google Chrome-д бүтээгдсэн authoring, debugging, болон profiling хэрэгслүүдийг багтаасан багц юм. Өөрийн сайт болон апп-ыг идэвхтэй хөгжүүлэх үед Responsive Mode-г ашиглаарай. Мөн үл мэдэгдэх болон ирээдүйн төхөөрөмжийн төрлүүдэд тохирсон чөлөөтэй чөлөөтэй хариу үйлдэл хийх загварыг бий болгохын тулд үзүүлэнгийн чиглэлийг өөрчлөх. Төхөөрөмжийн горимын дэлгэцийн эмулятор ашиглан сайтынхаа хариуг шалгах. Viewport хяналт нь танай сайтыг янз бүрийн төхөөрөмжүүдтэй сайтар турших боломжийг олгодог. Үнэ: Үнэгүй.

Хөдөлгөөнт стек. Хөдөлгөөнт стек бол амьд, вэб дээр суурилсан хөтөчийн тест юм. Хамгийн зөв үр дүнд хүрэх Android болон iOS хөдөлгөөнт төхөөрөмжүүд болон таблетуудыг туршиж үзээрэй. Бодит машинууд дээр 1100 ширээний хөтөчтэй тест хийх, медиа цацалт, хөгжүүлэгчийн хэрэгслүүд, гарын товчлолууд болон бусад. IOS, Android, OS X, болон Windows дээр бодит төхөөрөмжийн дэлгэцэн дээр дэлгэц үүсгэх. Үнэ: сард 29 доллар.

CrossBrowserTesting. CrossBrowserTesting нь таны зочдын ашиглаж байгаа хөтөч болон төхөөрөмжүүдэд хандах боломжийг танд олгоно. Интерактив гарын авлага, хайгуулын туршилтыг 1500 ширээний болон хөдөлгөөнт хөтчүүд дээр гүйцэтгэх. Олон дэлгэцийн хөтчийг автоматаар дэлгэцэн дээр дарж, бүрэн хуудастай нийцтэй байршлуудыг харьцуулах. Шинэ тутамд гарч буй бүх өөрчлөлтийг харааны үзлэгээр авч, тэдгээрийг түүхэн хувилбаруудтай харьцуулахад илүү хялбар регрессийн туршилтыг харьцуулна. Үнэ: сард 29 доллар.

13 Tools for Responsive Web Semalt
March 1, 2018