Waarschuwing
Kan map niet verwijderen. Pad: [ROOT]/cache/com_content
Bericht sluiten
JUG Bussum Super Joomla Tools

Door: .Categorie: Bussum.

Verslag van 'De Super Joomla Tools' JUG meeting in Bussum op 20 februari 2017

Dit was zéér waarschijnlijk een meeting van JUG Bussum waarbij je nét de tool had kunnen ontdekken die jouw werk als webdesigner veel makkelijker maakt. Deze meeting ging over onze favoriete tools. Wat zijn echte musthaves, time- of zelfs live-savers… Dat kan een plugin of component zijn. Een programma dat je gebruikt om code/css te schrijven of een dienst waarmee je je Joomla! websites kunt onderhouden…

Onderstaande lijst is wat we met elkaar hebben samengesteld. Doe er je voordeel mee en mocht je nog tips of vragen hebben, laat het ons weten en plaats een reactie!

Welke tools gebruiken we als JUG Bussum met zijn allen?

Joomla! beheer

  • Watchfulli
  • MyJoomla auditing
  • Akeeba backup
  • Myjoomla.com

Joomla! Extensions

  • Extensions.joomla.org
  • Regurlabs.com
  • RSforms
  • Ampz van Roosters.com – voor social buttons
  • Social 2S – Social buttons die laadt geen onnodige javascripts
  • Purity3 is een template van Joomla art
  • JCE editor

Inspiratie

  • Google.nl
  • Pinterest.com
  • Css-tricks
  • Joomladagen

Website en optimalisatie

  • Firefox Developer edition is handig zeker als je Firebug gewend bent. Op FireBug vindt geen ontwikkeling en ondersteuning meer plaats.
  • CanIuse.com – Als je iets in css doet, kan je zien of het in elke browser ondersteund wordt.
  • Pingdom.com – kijken naar o.a. de laadsnelheid van je website
  • Gtmetrix.com - idem, maar dan kun je je plaatje geoptimaliseerd terugkrijgen.
  • Webp.com – optimaliseert jpg images nog meer zonder verlies van kwaliteit. Je kunt kiezen tussen lossy en lossless. De eerste instelling moet je nemen.
  • Textwrangler voor css
  • Tinypng.com – ook heel interessant voor verkleining van plaatjes
  • Imageoptin – is alleen op de Mac een NotePackageManager pakket
  • Pexels.com – free stock photos
  • Rgbstock.com – free stock photos
  • Jch optimizer

Editors

  • Editors zoals Atom, brackets, sublime zijn platform onafhankelijk beter dan Notepad++
  • PHPStorm vergelijkbaar met netbeans of eclipse (hierbij probleemloos php + javascript in één te gebruiken) zelfde als Visual Studio een IDE. Webstorm is de Javascript-variant.
  • Filewatcher die kijkt naar je bestanden… Henk gebruikt dit om PHPStorm te configureren.
  • Gulpjs.com voor het maken van Less-bestanden
  • Git op bijvoorbeeld github

Andere tools

  • Paymo app – urenregistratie 5 euro per user per maand
  • Money bird – boekhouden moneybird.com, goedkoopste 10 euro, daarna 25 euro
  • Targetpay.com niet doen, beter mollie.com gebruiken voor webshops
  • Invision – Prototyping handig om ontwerp online te kunnen laten zien aan de klant
  • Axure RP doet hetzelfde als Wireframe.cc ( €15 p/mnd) en Invision bij elkaar. Dit is handig voor de communicatie tussen ontwerper en developer. Axure kost $ 29 per maand. Het is heel interessant om samen te werken binnen een team.
  • Axismeta is zelfde als OS meta
  • Svg toevoegen css door aan het element een ID geven.
  • Meetup

Beheer van systemen

  • Scotchbox virtuele server dmv Vagrant
  • AMPPS voor Wamp, Mamp en Lamp
Gravatar
Even een reactie n.a.v. de webp en tinypng.
webp.com bestaat niet; geparkeerd domein. tinypng.com werkt voor 'bonte' plaatjes goed. Ik zag op het oog geen verschil, terwijl de bestandsgrootte flink afnam (20%-70%). Voor plaatjes met een groot vlak met een geleidelijk kleurverloop ben ik nog geen goede software, Photoshop-extensie of website tegengekomen. Ze gaven allemaal een schoksgewijs verloop. Je ziet dus banen van gelijke kleur/tint i.p.v. een continu verloop. Dit geldt dus voor tinypng.com, webp-converter.com, cwebp (command-line in Linux en misschien ook Mac), imageoptim.com/mozjpeg, Trimage (Linux).

Wie heeft er nog suggesties?

Thom

1000 Resterende tekens


Deze site wordt beschermd door reCAPTCHA en Google Privacybeleid en Servicevoorwaarden zijn van toepassing.