Reply to thread

Message: <blockquote data-quote="blackcatcyb" data-source="post: 16502853" data-attributes="member: 34780">Web_designers/Developers ලට වටිනා tools 15ක්<a href="http://fontello.com/" target="_blank">1.Fontello</a><img src="http://www.developerslane.com/wp-content/uploads/2014/04/fontella.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />Fontello web site එකෙන් ඔයාලට පුළුවන් free icons හොයාගන්න. ගොඩක් කට්ටියට තියෙන ප්‍රශ්නයක් තමයි free vector icons සොයාගැනීමට තිබෙන අපහසුව. මේ web site එකේ ගොඩක් icons තියෙනවා හොයාගන්න. <a href="https://gomockingbird.com/" target="_blank">2.MockingBirdMockup Tool</a><img src="http://www.developerslane.com/wp-content/uploads/2014/04/MockingBirdMockup-Tool.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />MockingBirdMockup Tool එක wireframe tool එකක්, මෙම tool එකෙන් පුළුවන් අපේ site එකේ basic design එක ඇදගන්න. මේ tool එක බාවිතා කිරීම ඉතාම පහසුයි, හරියට අපි photoshop භාවිත කරන විදියටම තමයි. වම් පැත්තේ pannel එකේ තියෙන icons පාවිච්චි කරලා අපිට ඕන කරන design එක ඇදගන්න පුළුවන් <a href="http://bugherd.com/" target="_blank">3.Bugherd</a><img src="http://www.developerslane.com/wp-content/uploads/2014/04/Bugherd.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />Bugherd කියන්නේ ඉතාම සරල bug tracker tool එකක්. මේ tool එකෙන් client ට පුළුවන් සරල විදියට massage එකක් යවන්න තමන් ගේ web  site එක හදපු company එකට හෝ අදාළ පුද්ගලයට. මෙම tool එකෙන් එම පණිවිඩය bug report එකක් විදියට පරිවර්තනය කරන එක සිදු කරනවා. <a href="http://getbootstrap.com/" target="_blank">4.Bootstrap</a><img src="http://cdn.designinstruct.com/files/415-best_html5_frameworks/html5_framework_01bootstrap.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />bootstrap responsive design framework එකක්. අද වනවිට ලෝකයේ web site design වලදී ගොඩක් සලකා බලන දෙයක් තමයි mobile phone, tablet, wide screen සහ normal screen යන හැම එකටම හරියන ලෙස design එක කරන විදිය. ඉතින් bootstrap කියන්නේ ඒ විදියට web site design කරන්න පාවිච්චි කරන framework එකක්.මේක ඇත්තටම mobile-first approach වලට use කරනවා කිව්වොත් නිවැරදියි.<a href="http://www.adobe.com/products/dreamweaver.html" target="_blank">5.Dreamweaver CS6</a><img src="http://www.developerslane.com/wp-content/uploads/2014/04/Dreamweaver-CS6.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />Dreamweaver CC ගැන නම් කියන්න දෙයක් නැනේ ඉතින්. web design/ develop කරන්න තියෙන හොදම tool එකක් තමයි Dreamweaver CC කියන්නේ. මම Dreamweaver පාවිච්චි කරන්නේ Macromedia company එකෙන් release කරපු කලේ ඉදන්. ඉස්සෙල්ලම පාවිච්චි කලේ Macromedia Dreamweaver 3.0. තාමත් මගේ ප්‍රියතම tool එකක්.  <a href="http://dabblet.com/" target="_blank">6.Dabblet</a><img src="http://www.developerslane.com/wp-content/uploads/2014/04/Dabblet.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />Dabblet කියන්නේ HTML/CSS codes online test කරගන්න පුළුවන් open source tool එකක්.  <a href="http://brackets.io/" target="_blank">7.Brackets</a><img src="https://github.com/adobe/brackets/wiki/screenshots/brackets-ui-thumb.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />Brackets යනු opensource web editor tool එකක්. මේ tool එකේ ගොඩක් features තියෙනවා CSS syntax checking, error handling, and functions searching වගේ දේවල්. ඒ එක්කම අපේ design එක ඒ වෙලාවේම පැත්තකින් බලාගන්න පුළුවන්. මේකත් Adobe ලා ගේම වැඩක්. Edge Code කියන්නේ Brackets tool එකේ commercial version එක. සල්ලි දීල ගන්න ඕනිනම් Edge Code ගන්න පුළුවන්.  <a href="http://modernizr.com/" target="_blank">8.Modernizr 2.6</a><img src="http://www.developerslane.com/wp-content/uploads/2014/04/Modernizr-2.6.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />Modernizr 2.6 කියන්නේ front-end development tool එකක් (Dreamweaver වගේ). මේක free download කරගන්න පුළුවන්. Dreamweaver වගේ torrents, crack හොයන්න ඕනේ නෑ. මේ tool එකෙත් ගොඩක් features තියෙනවා  browser capability checking, and CSS properties checking වගේ. ඒ වගේම ලොකු community එකක් තියෙනවා ඕන උදව්වක් ගන්න පුළුවන්. <a href="https://trello.com/" target="_blank">9.Trello</a><img src="http://www.developerslane.com/wp-content/uploads/2014/04/Trello.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />Trello කියන්නේ project management tool එකක් හරියට organizer එකක් වගේ. මේක ඕනෙම project එකකට යොදා ගන්න පුළුවන්. Task එකකට comment කරන්න, file attach කරන්න වගේම task prioritize කරගන්න පුළුවන්.<a href="https://gridsetapp.com/" target="_blank">10.Gridset</a><img src="http://www.developerslane.com/wp-content/uploads/2014/04/Gridset.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />Gridset ඉතාම වැදගත් tool එකක් responsive design වලට. මේ tool එකෙන් අපිට පුළුවන් grid වල functions adjust කරන්න. <a href="http://yeoman.io/" target="_blank">11.YEOMAN</a><img src="http://www.developerslane.com/wp-content/uploads/2014/04/Yeoman.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />YEOMAN කියන්නේ ඇත්තටම framework of frameworks කියල කියන්න පුළුවන්. මේක හරියට java වල Spring framework එක වගේ දෙයක්. Front-end development වලට අද ලෝකේ ගොඩක් tools අපිට හොයාගන්න පුළුවන්. ඉතින් web application එකක් හදද්දී අපිට හිතාගන්න බෑ මොන tools ද මොන framework ද අපි මේ web application එක හදන්න use කරන්නේ කියල. අන්න ඒකට විසදුමක් විදියට තමයි මේ tool  එක හදලා තියෙන්නේ. මේකෙදී අපිට පුළුවන් ඒ frameworks එකම තැනකින් හොයාගන්න.  <a href="http://tools.dynamicdrive.com/favicon/#.U0e4qVWSy2V" target="_blank">12.Favicon Generator</a><img src="http://www.developerslane.com/wp-content/uploads/2014/04/Favicon-Generator.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />FavIcon Generator ඉතාම පහසුවෙන් FavIcon icons හදා ගන්න පුළුවන් online tool  එකක්. ඔබේ පරිගණයේ තිබෙන image එකක් ලෙහෙසියෙන් ම මෙම tool එකට upload කර FavIcon icon හදාගන්න පුළුවනි . <a href="http://net2ftp.com/" target="_blank">13.Net2FTP</a><img src="http://www.developerslane.com/wp-content/uploads/2014/04/Net2FTP.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />Net2FTP කියන්නේ FTP tool එකක්. ඔබේ project files FTP login එකක් භාවිතා කර server එකකට post කිරීමේදී යොදාගත හැකි ඉතා වටින tool එකක්.<a href="http://pixlr.com/" target="_blank">14.Pixlr Online Image Editor</a><img src="http://www.developerslane.com/wp-content/uploads/2014/04/Pixlr-Online-Image-Editor.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />Pixlr Online Image Editor කියන්නේ ලේසියෙන්ම photos සකසා ගන්න පුළුවන් tool එකක්. මෙම tool එක photoshop තරම් සංකීර්ණ නැත. පහසුවෙන් photos ඔබේ upload කිරීමටත් සරල interface එකක් භාවිතයෙන් ඔබට අවශ්‍ය විදියට සකසා ගැනිමටත් හැක.<a href="http://evernote.com/" target="_blank">15.Evernote</a><img src="http://www.developerslane.com/wp-content/uploads/2014/04/Evernote.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />Evernote කියන්නේ web apps ලේසියෙන් handle කරන්න පුළුවන් tool  එකක්. මේකත් organizer එකක් වගේ තමයි හැබැයි ඊට වඩා advance. ඒ වගේම මේකෙන් පුළුවන් cross platform sync කරන්න, ඒ කියන්නේ අපි computer එකේ save කරගත්ත එකක් phone එකෙන් බලන්න පුළුවන්.ඒ වගේ තව fractures ගොඩක් තියෙනවා.Source- Developers Lane</blockquote>

Verification: Hata thunen beduwama keeyada? (60 bedeema thuna)

Top Bottom