CSS Shadows

Writing shadows in CSS by hand is possible, but it’s a pain. There have been various tools for years to visually create nice-looking shadows. Another tool is from Philipp Brumm. Smooth Shadow For anyone who doesn’t know what I mean, a simple shadow in CSS can look like this: box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.02), 0 6.7px 5.3px rgba(0, 0, 0, 0.028), The text was automatically translated from German into English. The German quotations were also translated in sense. ...

January 17, 2020 · 1 min · 81 words

Auto Updates Homebridge & Pi-Hole

After doing some research, I couldn’t find any reason not to automatically update your Raspberry Pi and the services Pi-Hole and Homebridge. That increases security, and you also don’t have to log into the system repeatedly and can effectively disable SSH. I wrote the following script and have it run once a day via Cron. Maybe someone else can use this. echo "####### UPDATE DES SYSTEMS #######" sudo apt-get update sudo apt-get upgrade -y sudo apt-get autoremove -y sudo apt-get dist-upgrade -y sudo apt-get autoclean echo "####### UPDATE VON PI-HOLE #######" pihole -up pihole updateGravity You’ll need to adapt the Homebridge part to your plugins. ...

February 25, 2019 · 1 min · 122 words

Twitter Cards in WordPress

Since around mid-2012, Twitter has supported Twitter Cards. Twitter Cards are meant to give Twitter users a preview of posted links. You can present video, images, or text snippets as a preview. The following code lets WordPress users optimize their theme for Twitter Cards. First, add the following code to the function.php of your WordPress theme; once you’ve done that, you still need to apply for Cards with Twitter registrieren. ...

March 3, 2014 · 2 min · 283 words

Better Helvetica

If you want a readable, attractive font that’s supported by many systems on your website, you should go with Helvetica. Here’s a very good code snippet. body { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; } The code was published by Chris Coyier on 10. August 2009. The text was automatically translated from German into English. The German quotations were also translated in sense.

August 12, 2009 · 1 min · 71 words

Images are not displayed in WordPress

I recently had the problem that when I wrote a post from the iPhone or from Windows Live Writer, the image code was broken. I had written the following HTML code: <img src=”http://example.com/wp-content/uploads/2009/05/test.jpg” border=”0″ alt=”DSA00005.JPG” width=”431″ height=”284″ /> But the blog received the following: img src=”http://example.com/wp-content/uploads/2009/05/test.jpg” border=”0″ alt=”DSA00005.JPG” width=”431″ height=”284″ / So all < and > were removed. I searched through several German WordPress forums, but in the end I found the solution in the official English WordPress forum. ...

May 8, 2009 · 1 min · 161 words