Handige Tools & Links

maconl · December 12, 2011

Hallo Forum Leden,
Bij deze een topic over handige tools / programma's,
welke erg handig zijn om te gebruiken bij het bouwen van een Prestashop Webwinkel

1) Agent ransack - Woorden in files zoeken | Windows
Dit is een zeer handige en krachtige tool , welke helpt bij het zoeken naar woorden
het tooltje zoekt dus niet alleen naar bestandsnamen maar ook in files waarvan de extensie niets uitmaakt of het php , pdf , enz enz is , het tooltje toont dan alle bestanden waar betreffend woord in voorkomt

downloads voor windows :
32 bits : http://download.myth...om/agentran.exe
64 bits :http://download.myth...agentran_64.exe

2) Notepad+++ Sourcecode Editor | Windows
Handig om files te editen ( geeft regelnummers aan)
http://notepad-plus-plus.org/

3) Examdiff - Inhoud van 2 mappen vergelijken | Windows

Idem als winmerge, besproken in #2 door Frens, geeft de verschillen alleen op een andere wijze aan.
http://www.prestosof...dp_examdiff.asp

4) Colorpic - Colorpicker | Windows

Zeer handige colorpicker.

http://www.iconico.com/colorpic/

5) Free Css Toolbox - CSS tools | Windows

Zet je css weer netjes en weergaveformaat in div. opties, code opschonen, validator, compressor e.d.

http://www.blumentals.net/csstool/

6) WampServer - Developmentomgeving | Windows

Wampserver is een Windows web development-omgeving. Het maakt het mogelijk om lokaal webapplicaties te maken met Apache 2, PHP en MySQL.

http://www.wampserver.com/en/

7) Xampp - Developmentomgeving | Windows, OS X, Linux

Hetzelfde principe als 6, maar dit programma is multiplatform.

http://www.apachefri...g/en/xampp.html

8) Browser Developer Tools | Windows, OS X, Linux

Zie post #3

9) Paint.NET | Windows

Microsoft Paint-vervanger.

http://www.getpaint.net/

10) GIMP | Windows, OS X, Linux

Bijna een Adobe® Photoshop™-vervanger.

https://www.gimp.org/

11) PHPStorm | Windows, OS X, Linux

Een betere IDE (Integrated Development Environment) voor PrestaShop bestaat er niet. PHPStorm begrijpt wat je typt in PHP, CSS, Smarty, etc. en vult je prima aan. Verder kennen tools van JetBrains naast deze opties nog ontelbaar veel meer functies.

https://www.jetbrains.com/phpstorm/

12) GitHub en Git | Windows, OS X, Linux

PrestaShop zelf maakt er ook onwijs veel gebruik van. Een versiebeheersysteem is onmisbaar om eerst bijvoorbeeld wijzigingen te testen in je eigen test-omgeving, voordat je ze uitrolt in de productieomgeving.

Omdat je met versies werkt, kun je ook gemakkelijk terugrollen bij problemen. Zeker in combinatie met PHPStorm, zijn dit erg nuttige tools voor PrestaShop- en moduleontwikkeling.

https://github.com/ en https://git-scm.com/

Als alternatief voor GitHub zijn er nog GitLab en Bitbucket. Beide bieden gratis private repositories.

Zoeken op het prestashop forum:
Daar de standaard zoek optie bij gewoon zoeken van dit forum een beetje te wensen overlaat hier een paar zoektips :

Optie 1 - je plaatst het zoekwoord tussen aanhalingstekens dus je typt in het zoekveld op dit forum "Je-zoekwoord"

Optie 2 - rechtstreeks op google type in:
site:www.prestashop.com prestashop.com/forums/ je-zoekwoord
TIP type in het google zoekveld site:www.prestashop.com prestashop.com/forums/
zet deze dan in je favorieten of maak een snelkoppeling op het bureaublad je hoeft dan alleen nog maar erachter je zoekwoord in te vullen

Optie 3 : http://www.google.com/sitesearch/
hier kan je als url www.prestashop.com/forums invullen en in het ander vakje je zoekwoord

Optie 4: uitgebreid zoeken via google zie bij zoekresutlaten onderaan bij google
vual als url www.prestashop.com/forums/ en vul de zoekwoord(en )in

Succes

zal deze lijst nog aanvullen

EDIT: te laat, ik heb het al aangevuld. Groetjes mdekker;)

Edited November 15, 2015 by mdekker
Aangevuld met nog meer tools (see edit history)

Frens · December 12, 2011

2A) Winmerge http://winmerge.org/

Hier kun je de inhoud van mappen en bestanden (bv de code van een lokaal en extern bestand) mee vergelijken,kan bv aan Dreamweaver gekoppeld worden

2B) Colorpic ..spreekt voor zich,,zeer handige tool http://www.iconico.com/colorpic/

2C) Free Css Toolbox http://www.blumentals.net/csstool/ zet je css weer netjes,en weergave formaat in div. opties , code opschonen, validator, compressor ed

2D) WampServer > WampServer is a Windows web development environment. It allows you to create web applications with Apache2, PHP and a MySQL database.http://www.wampserver.com/en/

2E) Xamp http://www.apachefri...g/en/xampp.html zie 2D alleen van andere makers

* Alle hier genoemde programma's zijn gratis en door mij naar volle tevredenheid in gebruik

AKJV · December 13, 2011

Goed idee, deze topic!

Ook onmisbaar bij het bouwen/aanpassen van een website zijn de browser geintegreerde development tools. Hiermee kan je snel en eenvoudig html, javascript en css opmaak van je eigen of andere websites bekijken en aanpassingen testen zonder dat je direct elke keer via ftp (of anderszijds) de gewijzigde files moet uploaden.

Voor Firefox:

- Firebug (mijn favoriet):

https://addons.mozil.../addon/firebug/

- Web Developer:

https://addons.mozil.../web-developer/

Voor Chrome:

- Web Inspector (is al geintegreerd in de browser; rechterklik ergens op website en selecteer dan 'Inspect element')

- Web Developer:

https://chrome.googl...ekhjnmfkcnldhhm

Voor IE:

- Internet Explorer Developer Toolbar (al geintegreerd in de browser; druk op F12-functietoets)

Voor Opera:

- Dragonfly (al geintegreerd in de browser; rechterklik ergens op website en selecteer dan 'Inspect Element')

Verder is er ook een Firebug (Firebug Lite) versie voor andere browsers dan Firefox:

http://getfirebug.com/firebuglite

EDIT:

De Internet Explorer Developer Toolbar is vanaf IE8 al standaard ingebouwd en is op te roepen door op de F12-functietoets te drukken. Ook de tool van Opera toegevoegd.

Edited December 13, 2011 by AKJV (see edit history)

AKJV · December 13, 2011

Zoals jullie vast weten hebben oudere versies van Internet Explorer vaak problemen met de layout (en soms ook functies) van moderne websites. Prestashop ondersteunt IE6 en hoger maar veel externe modules en templates werken niet goed met oudere IE versies.

Ook als je zelf aanpassingen doet aan je template kunnen er snel compatibiliteitsproblemen ontstaan met oude IE versies. Het is dus belangrijk om na veranderingen regelmatig te checken hoe je website eruit ziet en of alles goed werkt met IE6/7/8/9. Mijn eigen webshop biedt geen ondersteuning voor IE6; bezoekers met IE6 krijgen een melding in beeld waarin dringend doch vriendelijk wordt verzocht om snel te upgraden naar een moderne (en veiliger) browser. Gelukkig gebruikt in Nederland bijna niemand meer IE6 maar IE7 wordt nog best veel gebruikt.

Het is niet aan te raden om oude versies van IE te installeren naast je huidige versie (weet eigenlijk niet eens of dat kan). Er zijn echter tools om te zien hoe je website eruit ziet in oudere versies van IE:

- De in IE8/9 geintegreerde Internet Explorer Developer Toolbar. Druk op F12 en klik daarna in het nieuwe venster op 'Browsermodus: IE9'. Je hebt dan de keuze uit IE7/8/9 (afhankelijk van je installeerde IE versie) waarmee je de render engine tijdelijk kan aanpassen.

- IETester:

http://www.my-debugbar.com/wiki/IETester/HomePage

Dit is een apart programma waarmee je de rendering van websites vanaf IE5.5 kan testen. Bij mij crasht dit programma regelmatig maar het werkt goed genoeg om even wat dingetjes te testen.