visuelleGedanken.de

In diesem Screencast zeige ich euch wie ihr ganz leicht Videos responsive machen könnt. Und dazu benutzen wir FitVids.js.

Für mehr Videos, hier abonnieren klicken. Danke!

As you might have heard GitHub is working on a Text Editor based on Web Technologies. It’s called Atom. They justed started the beta period and I managed to get an invite.

It’s definitely inspired by Sublime Text which is perfect for me because I feel right at home and a lot of the shortcuts that are ingrained in my brain just work. So far the app runs smooth and I like it. Sure, there are issues and things missing, but it’s a Beta build after all. So I’m looking forward to it’s future. There are already some packages like Emmet or Zen Coding and Syntax Themes are starting to emerge. So I thought I should convert one of my favourite Themes, the Espresso Soda, over to Atom since it’s very easy to do with the converter tool GitHub provides.

If you have access to Atom and want to use the Espresso Soda Theme, you can find it here in the Atom Packages Library and my repo on GitHub.

Ich finde es nach wie vor ziemlich beeindruckend und würde es gerne mal selbst unter echten Bedingungen testen. Ich glaube allerdings nicht, dass in einem oder zwei Jahren jeder nur noch fertigen Code aus einer PSD Datei holt.
Aber das schöne an diesem Tool ist ja, dass es nicht versucht aus einer PSD eine komplette HTML Seite samt CSS zu erstellen (wie es z.B. Macaw versucht), sondern dass es dem Entwickler nur hilft gewisse Styling-Informationen leichter aus einer PSD zu holen.
Es wird zwar nicht immer so gut funktionieren wie in dem Video gezeigt und manchmal ist zum Beispiel eine font-size aus Photoshop nicht die Richtige für den Browser, weil er sie anders darstellt, aber dennoch kann es ein nützliches Tool sein. Schon jetzt gibt es Photoshop Plugins wie CSS Hat, die im Prinzip das gleiche machen, nur eben nicht so schön in den Editor integriert sind.

Am Ende muss man dann schauen ob es zeitlich etwas bringt den Code automatisch generieren zu lassen wenn man nachher doch wieder alles durchgehen und Korrekturen machen muss. So ein Tool sollte jedenfalls nicht blind benutzt werden. Es ist schön um an der einen oder anderen Stelle schneller arbeiten zu können, wird aber niemals einen Entwickler ersetzen können. Dafür sind echte Projekte einfach zu komplex und haben im Regelfall viel zu viele spezielle Anforderungen.

Besonders wenn man mit der Webentwicklung beginnt sollte man darauf achten, dass man immer versteht was solche Automatisierungstools machen und sich nicht blind auf sie verlassen. Im Idealfall ist man zu jeder Zeit auch in der Lage alles per Hand zu schreiben.

Du hast auch eine Frage, die du gerne loswerden möchtest?
Hier kannst du sie stellen.

Rush on Metro was always great and it still is. Enjoy this GOL Magnum Gameplay! Subscribe for more videos.

Hello fellow Weekly Recappers! This time my list isn’t very long and that isn’t necessarily because there hasn’t been published much good stuff over the past week. I just didn’t get to read a lot. Nevertheless, I think what I gathered for you is pretty good. Enjoy!

• Printing The Web
  This article by Hans Christian Reinl is not the newest but it nicely summarizes what is possible with CSS regarding printed output. It was really helpful to me this week.

• The web is the platform (or, the perils of esoteric setups)
  Not about development, but a good article on the topic of the web as a platform.

• Sublime Package Control
  Sometimes it’s nice to just browse the popular and trending sections to find new and interesting Sublime Text Packages. My newest addition: SideBarEnhancements

• Task Runners and Builders: Just Because You Can Does That Mean You Should?
  Hilarious. With a hint of truth.

• Making remote teams work
  Mandy Brown explains how remote teams can work best and why they might be superior to on-site teams.

• The Practice App
  A simple web app that suggests HTML, CSS and Javascript tasks to do and practice your skills.

• Mobile Menu AB Tested: Hamburger Not the Best Choice?
  Turns out, a simple Hamburger menu icon might not be the best solution. But have a look for yourself.

Second Assault is out now and I’m having a lot of fun with the GOL Magnum. This is some Gameplay from a few hours playing on Metro 2014. Sadly I fucked up and the ingame sound wasn’t recorded. Hope you like it anyway!

Upvote me on reddit for support. It’s much appreciated. <3

Take care!

This week the links are all on very different topics. Hope you like it.

• A simple guide to responsive design.
  You are just getting started with responsive design and want an easy to understand introduction to some basic coding principles? Here you go, this is for you.

• InstantClick
  This Javascript library preloads links you are about to click, more precisely when you hover over a link. There are even options for only preloading on mouse down so you don’t have to waste requests and still get a small performance boost. This is a pretty clever idea which will makes your site feel faster even if it isn’t.

• Sublime Text Setup
  A simple starting guide to Sublime Text by Dave Rupert. Also lots of recommendations and tips in the comments.

• Mediocre ideas, showing up, and persistence.
  Although this article by Chris Coyier is from last year, it’s good to revisit it once in a while. Now is this time.

• Protecting Against Link Rot While Embracing the Future
  Making sure embedded content will always be accessible even if a service closes is a pretty good idea. Here is how you can do it with embedded CodePens. Even though we all hope we will never be without CodePen.

• Parent selector: On has() and ^
  Hugo Giraudel explains the two possible syntax options for the upcoming CSS parent selector. I’m with him, by the way.

• Multiple Simultaneous Ajax Requests (with one callback) in jQuery
  I’m still relatively new to Javascript, or jQuery, compared to HTML and CSS and am learning so much with every article I read on the topic. If you read this one, make also sure to read the comments, they provide an even simpler solution for the explained problem.

• Harry Roberts on big CSS, working for Sky, and being a home bird
  Nice, short interview with Harry Roberts. Worth a read.

The last project I was part of at superReal was the new dorothee-schumacher.com for which I helped build the responsive Frontend. The site is now online and you can have a look at it. I really like the end result and overall the whole project run very smooth.