54 алатке које олакшавају израду веб сајта

Није лако бити веб-дизајнер. Не само што морамо да се разумемо у дизајн, фонтове, структуру информација, психологију  још много других дисциплина, него морамо да водимо рачуна и о много детаља, што наш посао чини временски презахтевним, захтева десетине алатки, одређен ниво концентрације, као и ефективан ток рада који има за циљ прелепе, али  и функционално и временски испоштоване резултате.

И управо ту на сцену ступају алатке које ће вам уштедети време. Било да је то “to-do” листа, инсталација више програма одједном, конвертер из Excel-а у HTML– све ово може да вам уштеди неколико минута сваког дана. Зрно по зрно – погача. Било да сте љубитељ оваквих листи или не: ово ће вам сигурно помоћи да нађете оне ситнице које ће вам помоћи да избегнете главобоље и стрес. Испод представљамо корисне алатке за уштеду времена за веб-дизајнере.

[Offtopic: Кад сте овде, зашто се не би пријавили на наш newsletter, шаљемо корисне стварчице попут ових једном месечно. Унесите свој мејл у пољу ‘Бесплатан е-мејл курс о пословању на вебу!’ са десне стране! ->]

Почнимо…

LaunchList

Ова алатка вам помаже да прегледате битне ставке пре него што сајт пустите на нет. По дифолту (енгл. default), у листи стоји 28 ставки које треба проверити, али можете додати и неке своје ставке на листу. Свака ставка може да се коментарише или прецрта. Кад завршите, можете да пошаљете извештај на више мејл адреса. Неке алтернативе Ultimate Website Launch Checklist и The Ultimate Website Prelaunch Checklist.

дизајнери

Pencil Project: Sketching and Prototyping with Firefox

Pencil је алатка отвореног кода. Садржи уграђене форме за дијаграме и прототипове, директно едитовање текста са веома великим избором опција, као и стандардне опције за цртање. Ради у Firefox-у 3.5 и новијима.усефул-тоол-212

Zootool

Zootool је сајт за чување садржаја на који налетите на нету као што су слике, документа, линкови, видео клипови и слично. Омогућава вам да додате било који садржај брзо и једноставно. Касније можете да организујете тај садржај како ви желите у админ делу. Можете га интегрисати са Tumblr-ом, Twitter-ом као и многим другим.тоолс-154

Bounce

Забавна алатка. Са њом можете да делите идеје по сајтовима. Моћи ћете да поставите белешку, напишете неки подсетник док сте на сајту, а касније да погледате шта сте све написали.усефул-тоол-220

Ninite Batch Installer

Ninite вам омогућава да изаберете ваше омиљене програме из једне велике листе ( претраживачи, chat програм, слике, документа, сигурност, компресије и многе друге), а затим креира фајл који можете да преузмете и кад га покренете, он инсталира све што сте изабрали аутоматски.хандy-004

Support Details

Када сте у недоумици, пошаљите ваше клијенте на ову алатку. Сва њихове подешавања и верзије програма ће бити очитане, и послате вама на e-мејл. Било би лепо имати Firefox верзију, Flash верзију, оперативни систем, JavaScript статус, резолуцију и слично од клијента.суппортдетаилс

MugTug’s Darkroom

Кад треба да средите слику, а немате баш нешто времена, као ни омиљени Photoshop при руци, можете користити ову алатку. Она је првенствено за фотографе. Можете подесити осветљење, нивое, количину беле боје на слици, експозицију, контраст и сатурацију, као и неке ефекте. На крају, слике можете уплоадовати на Flick и Picasa-у.хандy-005

Visual Website Optimizer

Visual Website Optimizer је, без сумње, најбољи софтвер за тестирање вашег сајта који је људска рука икада направила. Тачка.тоолс-151

Keyonary

Овај сајт је фина мала апликација за проналажење пречица у MacOS X, Photoshop-у и слично.
Тренутно је додатo преко 250 пречица за Photoshop. Само укуцајте име програма за који вам требају пречице и добићете огромну листу пречица.тоолс-143

gridr buildrrr

Овај генератор вам омогућава да одаберете мрежу за ваш распоред сајта, и тестирате га онлајн.тоолс-145

Instant Blueprint – Алат који прави фрејмворк у секунди.

Instant Blueprint вам омогућује да креирате HTML/xHTML и CSS фрејмворк у секунди, како би ваш пројекат што пре био готов.усефул-113

Hummingbird

Ова мала апликација вам пружа увид у то колико људи је тренутно на вашем сајту и помиње ваш сајт на друштвеним мрежама, у реалном времену. Базиран је на Node.js, која може да издржи велику посету и много клијената у исто време.усефул-тоол-227

jsFiddle

Едитор за веб, са подршком за JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML и CSS. Можете сачувати и покренути апликације унутар претраживача.усефул-тоол-213

String:

Укратко, String контролише локализацију. Омогућава вам да управљате фајловима који садрже превод – од PHP-а преко Rails-а до iPhone апликација. Можете позвати пријатеља да преведе ваш садржај, и пратите промене.Можете додати нове секције и језике успут, а онда их преузети и поставити у своју апликацију.тоолс-132

Titanpad

Са овом алатком можете мењати документе истовремено са другим корисницима, обележите ко је шта едитовао у разним бојама. Едитовање се ради у реалном времену. Супер решење за све који раде истовремено на текст документима, било да су у суседној канцеларији или другој страни света.титанпад2

Pixelnovel Timeline: Version Control for Adobe Photoshop

Овај алат уствари интегрише Subversion клијенте у Adobe Photoshop-у са Adobe Photoshop додатком. Можете прегледати верзију директно у Photoshop-у. Није бесплатан.тоолс-142

0to255

Једноставан алат помоћу ког дизајнери могу наћи варијације боја. Једноставно изаберите боју са којом желите да почнемо, а алатка ће вам дати варијацију боја које су погодне за веб странице. Затим само кликните на хексадецимални код који је одмах копиран у ваш clipboard.тоолс-135

Load Impact: Website load/stress test

Алат вам помаже да откријете границе вашег веб-сајта пре него што ви то сами научите на тежи начин. Сервис симулира кориснике који долазе на ваш сајт и креира графике са извештајима о томе колико корисника ваш сајт може да поднесе.усефул-213

Ideone: Online IDE & Debugging Tool

Ова алатка је compiler/debugger комбинација која вам омогућава тестирање кода у више од 40 језика: C++, Java, JavaScript, Perl, PHP, Python и Ruby. Фине алтернативе PHP Anywhere (онлајн PHP едитор) анд CodeRun.тоолс-105

Online Dummy Image Generator

Ова алатка креира слике за ваш сајт. Поставите димензије, позадину, текст на слици, формат и слика је готова. Можете и правити стандардне димензије за рекламе и банере.тоолс-156

HiFi RegExp Tool

Regular expression може да буде проблем. Овај алат је 100% JavaScript који користи jQuery. Овај алат је креиран да помогне дизајнерима да уче, вежбају и праве regular expression.тоолс-146

Tableizer

Клијенти вам често дају информације у табели, и пребацивање у HTML може да буде проблем. Овај алат прави HTML табеле од Excel фајлова. Једноставно копирајте табеле, изаберите опције, и добићете лепо сређен HTML фајл.таблеизер

FollowUpThen: Easy Email Reminder

Ако немате ништа против да шаљете ваше мејлове трећим лицима, испробајте овај алат као е-мејл подсетник. На вашем следећем е-мејлу само додајте vremenskiperiod@followupthen.com и алатка ће вас подсетити кад период истекне. Не треба вам налог.тоолс-124

Divine: Conversion tool from PSD to HTML

Divine је додатак који ради са Photoshop-ом. Кад завршите у Photoshop-у, покрените Divine додатак у Photoshop-у, додајте Вордпрес улоге главним елементима и додатак ће припремити све фајлове који вам требају. Када подесите FTP приступ за сервер, алатка сама поставља фајлове на сервер. Тотално бесплатно.усефул-200

Kaleido

Ова алатка вам омогућује да направите корисне секције кода које касније можете користити да планирате, организујете и користите код на много бољи начин.тоолс-109

Sketchpad

Ова апликације је моћни онлајн едитор слика. Његове опције су организоване у корисним, превлачењем делова који могу бити где год ви желите као у стандардном едитовању слика.скетцхпад

Unicode code converter

Искуцајте текст у било ком зеленом или сивом пољу и кликните на дугме Convert изнад. У осталим пољима појавиће се варијације на текст. Онда можете копирати делове текста у Ваш документ.усефул-155

Grid System Generator

Ова алатка прави мрежу у валидном css/html коду, за брз развој ваших апликација. Систем прављења мрежа вам омогућава да одредите ширину, број колона и маргине, како би мрежа била флексибилнија.усефул-176

ud.com namecheck

[ADRIATEK SPECIAL] Овај алат проверава доступност корисничких имена на друштвеним мрежама, имена домена и брендова.усефул-тоол-217

Typograph — Scale & Rhythm

Као што назив сервиса каже, омогућава вам проверу ваше типографије и да ли улази у стандард који би требало да се испоштују.сцале

ColorBrewer Intro – Selecting Good Color Schemes for Maps

ColorBrewer је алатка која је направљена да помогне људима да изаберу добру комбинацију боја за мапе и друге слике.усефул-210

CSS Inliner Tool

Ако сте икад радили е-мејл кампању, знате да ако нисте сами припремили CSS, он може да буде ‘огољен’ од стране мејл сервиса и онда да не изгледа баш као што сте замислили. Mail Chimp је сервис који конвертује цео ваш CSS у inline CSS, како би ваши мејлови изгледали прелепо. Није потребно да отварате налог.усефул-222

HTML Purifier – Filter your HTML the standards-compliant way!

HTML Purifier је библиотека стандард који се користе у кодирању. Он чисти ваш код од непотребног, и прави ваше документе унутар стандарда.усефул-223

Rendera

Овај сервис вам помаже да научите више о HTML5 и CSS. Укуцајте свој HTML код и погледајте како изгледа у реалном времену. Онда га стилизујте у CSS-у. Можете користити било који таг у HTML5 и CSS3 ако га ваш бровсер (енгл. browser) подржава.усефул-тоол-204

RegExr

Занимљив алат за учење, писање и тестирање regular expression-а.усефул-тоол-211

try ruby! (in your browser)

Овај алат вам помаже да испробате Ruby код у командној линији. Подржава Ruby-еве методе, а садржи и корак-по-корак туториал за новајлије.усефул-тоол-216

Google Command Line

GoogleCL је командна линија која пружа приступ свим Google сервисима. Можете постовати на Blogger-у, додавати догађаје у календар, или мењати документе у Google Docs.усефул-тоол-222

Tiny Fluid Grid

Једноставан алат који генерише код за садржај варијабилних ширина.усефул-тоол-206

Fonolo.com

Овај алат вам омогућава да прескочите говорне аутомате компанија и чини цео поступак мање фрустрирајућим. За власнике компаније, Fonolo приказује све меније вашим клијентима, пре него што вас позову. Предлажемо да ако вам не ради нет, SBB или неког другог провајдера позовете на овај начин.тоолс-152

Producteev: Creating To-Do Lists with Emails

Проследите битне емаилове на task@producteev.com И алатка ће вам креирати to-do листу у ходу, обавестити вас, а чак се може интегрисати у разне апликације.тоолс-1271

AddUse – User research made easy

AddUse је алат заснован на вебу који Вам помаже да креирате, мењате и презентујете ваша истраживања брзо једноставно и јефтино. То је алат који можете користити у било ком тренутку, док развијате апликацију. Приказује резултате тестова корисника, анкете  и упитнике у графичком окружењу, помажући маркетинг и менаџмент групама да донесу праву одлуку.тоолс-148

bookwhen

Резервације за догађаје, радионице, разреде и курсеве. Бесплатна верзија је за 150 догађаја и 300 резервација по месецу.усефул-тоол-218

Још неке занимљивости…

see[Mike]code: tool for remote coding interview

Овај алат омогућује да пронадјете програмера за свој посао, тако што ћете му дати да нешто искодира на вебу. Ви то пратите у реалном времену.

jsdo.it

Ова алатка вам омогућава да пишете код директно у претраживач, мењате и модификујете било који код, поправљате багове (енгл. bug) и слично.

JavaScript Error Tracking

Слично као у Netbeans-у, овај алат вам приказује грешке у JavaScript-у и групише сличне грешке.

Old Version

Овај алат садржи старију верзију неке апликације коју користите. Зашто? Зато што ново није увек боље.

Onbile

Преко Onbile можете да креирате сајт за мобилну верзију за iPhone, Android и Blackberry.

iSendr

iSendr вам омогућава да пошаљете фајлове брзо и лако, без отпремања на сервер.

seekWP

Претрага документације за Вордпрес.

speedtracer

Ова апликација вам омогућава да пронађете и поправите проблем у Вашој веб презентацији.

the Awesome Highlighter

Омогућава да означите текст на веб странама и даје вам мали линк до означеног дела.

OpenWith.org

Ова страница вам даје увид у апликације које могу да отворе оне фајлове и екстензије које ви тренутно не можете.

И за крај…

Kuku Klok

Аларм за оне који раде превише и заспе пред екраном. Одаберите време кад желите буђење и оставите прозор отворен. Боље него 977.тоолс-158

What the Hex?

Мислите да познајете хексадецимални код? Проверите на овом сајту колико заправо нисте у праву. Само ћемо наговестити да можете да подешавате тежину погађања од 2 до 48 могућих одговора.тоолс-160

Извор: Smashing Magazine

ПРИЈАВИТЕ СЕ ЗА НАЈНОВИЈЕ ТЕКСТОВЕ СА НАШЕГ БЛОГА!

Tags: , ,

Нема коментара.

Пошаљи коментар