Folge 18
Was dich in der Folge erwartet:
Erfahre...
- ...wie einfach es ist sich zu optimieren
- ...warum effektive Optimierungen gar nicht groß sein müssen
- ...wie schnell sich Philipp über 10 Minuten pro einem Arbeitsschritt sparen kann
- ...welche Auswirkungen kleine Ablenkungen bzw. Umwege bei der Erledigung von Aufgaben haben können
More...
Jetzt abspielen:
Überblick
Ich bin ja schon sehr Web-affin, und deshalb habe ich mich immer locker zurecht gefunden, wenn ich Farben einer Website wiederverwenden wollte.
Ist ja nur, die DevTools öffnen und schnell den Farbcode holen.
Gut ... bei manchen Elementen ist es ein wenig schwieriger, weil sie sich überlappen, oder die Farbe geerbt wurde.
Dann brauche ich auch nicht besonders lang... (aber vielleicht doch mal 3-5 Minuten)
In einzelnen Fällen wirklich 5 Minuten oder mehr.
Egal, das sind ja Einzelfälle, meistens passt das schon.
Aber was will ich dann mit der Farbe machen?
Ich will sie für irgend etwas verwenden.. ZB in einem CSS eintragen, oder in einem Grafiktool einbinden... oder in einem CMS verwenden.
Jetzt wurde der Farbwert entweder als RGB formuliert oder als HEX
Ist ja auch kein Thema... und simple Mathematik das umzurechnen. Dann muss das aber richtig in der Zwischenablage oder in einem temporären Editor aufgeschrieben werden, damit ich es richtig verwenden kann.
.. ab hier beginnt es dann schon lästig zu werden. Aber ich denke nicht weiter drüber nach
Und in einem Video, das ich gestern gesehen habe, nutzt einer einfach ein Chromeplugin "ColorZilla".
Das habe ich gleich installiert, und mit Klick auf die Farbe haut er mir diese Farbe direkt in die Zwischenablage. Und zeigt mir auch noch gleichzeitig den RGB Wert wieder.
Was ist also passiert? Jedes Mal, wenn ich einen Farbcode anwenden will spare ich mir im Schnitt 2 Minuten. Aber viel wichtiger ist, dass ich meine Aufmerksamkeit nicht auf ein ganz anderes Thema lenke.
Also gewinne ich allein dadurch schon bestimmt 10 Minuten an Produktivität.
Durch so einen kleinen Kniff.
Wer, der mit so einfachen Mitteln so viel Lebenszeit gewinnt, bleibt dabei, dass Produktivität nicht cool ist?
Wie produktiv bist Du während der Arbeit? Teste jetzt Deinen Produktivitätsindex unter https://bitpuls.de
Transkript
Hallo und herzlich willkommen zu dieser neuen Folge. Heute habe ich was für euch vorbereitet. Heute möchte ich über einen echten Produktivität-hack sprechen, den ich gestern gelernt habe. Und zwar, ich weiß ja nicht, was ihr alles für Jobs habt und so weiter. Ich über mich, ich habe einigen von euch schon erzählt, was ich so mache, also das es hauptsächlich mit IT zu tun hat, und ich bin jetzt damit zwar nicht unbedingt, ich bin jetzt kein Webentwickler oder sowas aber, dennoch bewege ich mich oft auf Websites. Sowie wahrscheinlich jeder von uns. Aber ich benutze auch Websites um meine Arbeit weiterzumachen, also Teile meiner Arbeit sind schon, dass ich irgendwie noch was im Web mache, aber auch wenn es jetzt nur darum geht, dass ich ein Content Beitrag oder so schreibe, mache ich das auch im Web und das ist jetzt gerade so ein langer Bogen, den ich da schwinge, aber mit geht's darum, dass ich, obwohl ich nicht der typische Webentwickler bin, häufig mal Farben mir aus dem Web holen muss. Also um, ich muss mir Farbcodes oft von Webseiten, naja oft. aber so ein bis zweimal pro Woche kommt's schon vor, dass ich irgend so ein Farbcode mal brauch, den ich eben irgendwo wieder verwenden muss, Also eben, wenn es ein Blogartikel ist, und ich habe da eine Colourbox die ich irgendwo anders schon mal gemacht habe die ich nicht als Template gespeichert habe, weil ich nicht darüber nachgedacht habe, dass ich das noch mal brauchen könnte zum Beispiel. Dann muss ich das noch mal machen und dann nehme ich mir da die Farben oder für unsere eigene Web-Plattform kann es dann auch sein, dass ich jeden Tag auch die Farbe an der Stelle sieht ganz gut aus, die will ich jetzt vielleicht an der stelle auch mal probieren dann hole ich mir eine Farbe oder meine zum SAP-Umfeld, das ist auch öfter so wie es wird ja alles moderner mit je fünf und so weiter. Und da will man ja dann auch meine Farbe für irgendeine Website verwenden oder so. Aas also inspiriere ich mich weil das muss ja alles immer ein harmonisches Gesamtbild geben an Farben, die eben schon vertreten sind, und die muss ich mir rausholen. So und wie mache ich das immer? Ich meine, ich kenn mich ja gut aus, endlich also mittlerweile ist in jedem Browser sind diese Entwicklertools vorhanden und dann mache ich einfach Rechtsklick auf dieses Symbol, wo ich mir die Farben klauen möchte oder anschauen möchte und gehe dann auf Entwickler-Tools und dann finde ich in den Style Sheets manchmal sofort die Farbe. Manchmal wird sie dann aber auch geerbt von den über- und über-elementen und so weiter, dann ist es ein bisschen schwieriger.
Ich kenne mich ganz gut aus, deswegen würde ich sagen in der Regel brauche ich so drei Minuten, um eine im schnitt also meistens geht es ja viel viel schneller aber im schnitt brauche ich drei Minuten, weil manchmal geht es halt auch die Fälle, da sitzt man dann fünf Minuten dran und dann gibt es noch Ausnahmefälle, da ist es noch wesentlich schwieriger wenn irgendwelche Ebenen übereinander geschachtelt sind und so, und auf jeden Fall habe ich mir ehrlich gesagt nie so Gedanken darüber gemacht, weil ich das ja auch gut kann, dass es doch immer ein paar Minuten Arbeit sind. Und also erschwerend kommt ja dann noch hinzu, dass wenn ich jetzt diesen Farbwert habe, dann gibt es zwei übliche Notationen, nämlich entweder mal als RGB oder als HEX oder als drittes, nicht ganz so üblich, aber was eben auch immer passieren kann ist dieses RGBA und, dass da wo ich die Farbe jetzt verwenden möchte, ist es dann zum Beispiel HEX oder RGB, also muss ich diese Sachen nochmal umrechnen davor. Und das ist ja auch überhaupt kein Problem, weil entweder gibt auch bei google ein RGB to HEX und dann kann man das eingeben oder so wie ich meistens, ich mache dann einfach schnell den wissenschaftlichen Taschenrechner auf, weil ist ja überhaupt kein Problem und tack tack tack gebe ich ein und dann habe ich mein wert.
Aber dann bin ich immer noch nicht fertig, dann muss ich ja diesen Wert manchmal noch mal anders formatieren, weil das muss ja dann in Klammern rein dieser RGB-Wert und dann packe ich den noch mal in die Zwischenablage oder hab so ein Notepad offen nebenbei, wo ich das dann reinnehme, das dann noch mal richtig formatier, und dann chack, kann ich das wieder zurück in die Entwicklertools z.B. werfen, um eben das Ergebnis zu sehen oder in dem Blogeintrag oder wie auch immer. So und mit dieser ganzen Tätigkeit bin ich dann bestimmt bei fünf Minuten. Das ist zwar nur kurz, aber es ist halt ein Interrupt von meiner aktuellen Arbeit und das heißt, auch wenn mir das Spaß macht oder wenn ich da nicht drüber nachdenke und das keine große Rechenzeit in meinem Kopf belegt, ist es halt so, dass ich mich auf etwas anderes konzentrier und wenn ich dann damit fertig bin, dann muss ich schon immer denken >>oh, wo war ich denn jetzt überhaupt<< also ich glaube insgesamt kostet es mich wahrscheinlich dann doch mehr ist die fünf Minuten. Nämlich, das wieder zurück hineinkommen in meine ursprüngliche Aufgabe.
So und jetzt habe ich gestern ein Video gesehen von jemanden, der irgendwas gezeigt hat und der hat dann einfach da in seinem Browser oben so ne Pipette gehabt und dann drückt er drauf und nimmt die Farbe. So und dann dacht ich mir geil, das brauche ich auch und dann habe ich gesucht und dieses Plug-in, dass ich dann gefunden habe, ich weiß nicht, ob das das war was der jetzt da verwendet hat, aber also danke für die Idee, wer auch immer du warst! Das Plug-in heißt Colorzilla, gibt es, habe ich für den Chrome runtergeladen. Ich vermute dem Namen nach zu urteilen, dass es das vielleicht auch für den Firefox geben könnte. Ich habe es auf jeden Fall unter Chrome runtergeladen. Und wisst ihr was, ich bin so viel schneller damit, weil ich nämlich jetzt einfach, wenn ich auf dieser Webseite bin, auf diesen einen Knopf drücke und dann gehe ich über diese Farben und dann zeigt er mir das gleich an und zwar sofort in RGB und in HEX und wenn ich dann einmal drauf klicke auf die Farbe die ich will, dann hat er die auch sofort in der Zwischenablage, das heißt ich muss nicht mal mehr das ding noch mal irgendwo kopieren und ctrl copy oder so drücken oder sowas. Nein, ich drück einfach auf die Farbe die ich haben möchte und ich habe sie. Und jetzt ohne Scheiß, das macht mit meinem Rollin und Roll-out den ich in meinem kopf machen muss für diese andere Tätigkeit jedes mal, wenn ich diesen Farbcode brauche, bestimmt 10 Minuten mir wett und damit bin ich einfach sofort produktiver.
Und für jeden der jetzt das gehört hat und für sich selbst auch so eine Ahnung hat, dass er das mit dem Farbcode öfter als einmal im Monat brauchen könnte, dem würde ich empfehlen lad dir colorzilla runter, ist kostenlos. Also einfacher wirst du nicht produktiv und du mühst dich nicht mehr mit irgendwelchen CSS Sachen ab, die ich nicht weiter bringen bei der aktuellen Arbeit und also das heißt, du kriegst das, woran du wirklich sitzt schneller weg. Hast früher Zeit für was worauf du vielleicht noch mehr Bock hast und bist einfach produktiver geworden. Und nein es ist kein pain, du musst es nur einmal runterladen, dauert eine Minute das hast du bei der ersten Benutzung wieder drin.
Also sag mir was du von diesem Tipp hältst und ich freue mich bis zur nächsten Folge!