4nduril / my-website Goto Github PK
View Code? Open in Web Editor NEWMy website: turned inside out
Home Page: http://tobias-barth.net
My website: turned inside out
Home Page: http://tobias-barth.net
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.
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 img
s 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.
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 img
s 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.
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.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.