4nduril / my-website Goto Github PK

Eine Grunt-Task schreiben, die mich die Website über rsync und ssh veröffentlichen lässt.

Write a Grunt task for publishing the website via rsync with ssh.

Eine weitere Seite mit meinem Portfolio muss erstellt werden.

Create another page for my portfolio.

Eine neue Unterseite mit zusätzlichen Infos / Biografie / Lebenslauf. Außerdem das Kontaktformular aus #7 einbetten.

A new sub page with additional information / bio / resume. Also embed the contact form from #7.

Ein Blog-System aussuchen - Wordpress ist ein heißer Kandidat.

Choose a CMS for my blog. Maybe I'll go with Wordpress.

In meinem anderen Blog habe ich schon ein paar Artikel über Webentwicklung und Verwandtes. Diese müssen in das neue Blog importiert werden.

I have some articles about web dev topics in my other blog. These have to be imported over into the new one.

Plane und programmiere eine Navigation

Plan and program a navigation

Für mehr Barrierefreiheit die Links im Seitenfuß (Icons zu Social Media Accounts) mit Text versehen. Styles siehe unten.

For better accessibility put text into the links inside the page footer (social media icons). Styling like this:

.sm {
  overflow:hidden;
  width:.9em;

Ich möchte am Indieweb teilnehmen. Der erste Schritt sind "rel=me"-Links.

I want to take part on the Indieweb. First step is "rel=me" links.

Implementiere responsive images, damit Ladezeiten und Anzeigekapazitäten vernünftig ausgenutzt werden.

Implement responsive images to responsibly adapt to load times and display capacities.

Ich habe eine .htaccess vergessen. Caching usw.

Totally forgot adding a .htaccess for caching etc.

Eine neue Seite anfertigen, auf der genauer steht, was ich anbiete.

Create another page for further explanation on my profession and what my offers for potential customers are.

Ein schickes Kontaktformular integrieren.

Build a nice little contact form.

Im Gruntfile stecken noch zu viele alte und / oder unpraktische Dinge. Manches Nützliche fehlt.

Too many old and/or not useful things in the Gruntfile. Some things lack.

Add an English version for all of the texts and make it change language by clicking a button.

Icon-Satz reduzieren, eventuell base64-kodiert direkt ins CSS schreiben.

Reduce the set of Icons. Maybe write them directly into the CSS in base64.

Für CSS und JS (mindestens) will ich versionierte Dateinamen und ein grunt-task für's Cache-Busting implementieren.

There should be versionized filenames at least for CSS and JS as well as a grunt task for cache busting.

Ein Social Button zu meinem Xing-Profil.

Add a social button which goes to my Xing profile

Firefox (mind. bis FF 36.0a2) hat einen Bug, der imgs innerhalb von flex items betrifft: Wenn dem img die Eigenschaft max-width mit einem Prozent-Wert wie 100% zugewiesen wird, ignoriert Firefox das und vergrößert bei zu kleiner device-width das umgebende Element, das Kind eines Containers mit display: flex ist, auf die Originalbreite der Bild-Datei.

Beispiel (CodePen)

Ich habe einen Javascript-Workaround geschrieben, der aber nur leidlich funktioniert. (Er basiert darauf, dass der Bug nicht auftritt, wenn man die relative Einheit vw anstatt % verwendet.) Das muss ordentlich gemacht werden.

Firefox (at least to FF 36.0a2) has a Bug which hits imgs within flexbox items: When the img has set a max-width with a percentage like 100%, Firefox ignores this. Instead, when the device width is smaller than the image source, Firefox enlarges the flex item containing the image to the inherent width of the image source file.

Example (CodePen)

I wrote a JavaScript workaround but it doesn't work that well. (It's based on the fact that the bug doesn't appear when you use the relative unit vw instead of %.) Have to do this better.

Mein Design muss für das Blog in ein Theme für das Blogsystem, das ich mir aussuche, umgeschrieben werden.

For the upcoming blog my design has to be rewritten to a theme for the CMS I'm going to choose.

Für die Grafik aus der Wikipedia und das SVG-Banner vom W3C müssen noch Hinweise auf die Urheber eingefügt werden.

There have to be copyright notes for the graphic from Wikipedia and the SVG banner from the W3C.