Jakub Steiner Designer. Camera Pilot. http://jimmac.musichall.cz/blog 2014-06-14T09:36:00Z Jakub Steiner Adwaita 3.14 http://jimmac.musichall.cz/blog/2014-06-14-adwaita-3-14/ 2014-06-14T09:36:00Z 2014-06-14T16:12:44+02:00 Article Author <p>Now that the controversial 3.12 tab design has been <a href="https://plus.google.com/+JakubSteiner/posts/2aj87WRbZYA">validated by Apple</a>, we&rsquo;re ready to tackle new challenges with the widgetry™.</p> <p class="image full"> <img type="image/svg+xml" alt="" src="/blog/2014-06-14-adwaita-3-14/adwaita-314.svg"> </p> <p>Adwaita has grown into a fairly complex theme. We make sure unfocused windows are less eye-grabbing (flat). We provide a less light-polluting variant for visually-heavy content apps (<em>Adwaita:dark</em>). And last but not least we provide a specific wigdet style for overlay controls (OSD). All this complexity has made Adwaita quite a challenge to maintain and evolve. Since we were to relocate Adwaita <a href="http://blogs.gnome.org/mclasen/2014/06/13/a-new-default-theme-for-gtk/">directly into gtk+</a>, we had to bite the bullet and perform quite a <a href="http://www.bonkersworld.net/building-software/">surgery on it</a>.</p> <p>There&rsquo;s a number of improvements we aimed to achieve. Limiting the number of distinct colors and making most colors derived makes it easier to adjust the overall feel of the theme and I&rsquo;m sure 3rd party themers will enjoy this too. Not relying on image assets for majority of the drawing makes the workflow much more flexible as well. Many of the small graphical elements now make use of the icon theme assets so these remain recolorable based on the context, similar to how text is treated. </p> <p><a href="http://blogs.gnome.org/otte/">Benjamin</a> has been working hard to move the theme closer to the familiar CSS box model, further minimizing the reliance on odd property hacks and engines (Adwaita no longer makes use of any engine drawing).</p> <p class="image full"> <img alt="" src="/blog/2014-06-14-adwaita-3-14/sass-goodness.png"> <small>We still rely on some image assets, but even that is much more manageable with <a href="http://sass-lang.com/">SASS</a>.</small> </p> <p>Anything gtk related never happens without the giant help from Matthias, Cosimo and Benjamin, but I have to give extra credits to Lapo Calamandrei, without whom these dark caverns would be impossible for me to enter. Another major piece that I&rsquo;m grateful for living right inside the toolkit, ready to be brought up any time, is the <a href="http://blogs.gnome.org/mclasen/2014/06/05/a-gtkinspector-update/">awesome inspector</a>. Really happy to see it mature and evolve.</p> Jestedska Odysea Longboard http://jimmac.musichall.cz/blog/2014-06-13-jestedska-odysea-longboard/ 2014-06-13T05:17:00Z 2014-06-13T07:42:02+02:00 Article Author <p>Some shots with the gopro from last weekend. Music by <a href="https://soundcloud.com/lukas-2">LuQuS</a>.</p> <iframe src="//player.vimeo.com/video/98082124" class="image full" width="500" height="500" frameborder="0"> <a href="http://vimeo.com/98082124">Jestedska Odysea Longboard</a> from <a href="http://vimeo.com/jimmacfx">jimmac</a> on <a href="https://vimeo.com">Vimeo</a>. </iframe> OPW http://jimmac.musichall.cz/blog/2014-05-24-opw/ 2014-05-24T16:45:00Z 2014-05-25T23:31:22+02:00 Article Author <p>Wow, <a href="http://pvanhoof.be/blog/index.php/2014/05/23/lets-make-things-better">Philip</a>. <a href="https://wiki.gnome.org/OutreachProgramForWomen">OPW</a> is a detriment to GNOME development in the same way an espresso or electronic music is. You may not appreciate its catalyst effect to <a href="http://dispatchesfromopw.wordpress.com/">great</a> <a href="http://www.barbaramuraus.net/?portfolio=women-of-color">contributions</a>, but blaming it for being one of the reasons why our developer story is sub optimal is very disrespecting to the people responsible for the program. </p> <p>I am amused when poor developer workflow immediately becomes &ldquo;gnome terminal lacks transparency&rdquo; (and it being the design team&rsquo;s decision), but reading this sort of lunacy on Planet GNOME is sad.</p> Berlin DX Hackfest http://jimmac.musichall.cz/blog/2014-05-09-berlin-dx-hackfest/ 2014-05-09T13:22:00Z 2014-05-09T17:13:18+02:00 Article Author <p><a class="image full" href="https://www.flickr.com/photos/jakubsteiner/14164370323/" title="DSCF0726 by jimmac, on Flickr"> <img src="https://farm8.staticflickr.com/7333/14164370323_9dacd935f0_z.jpg" alt="DSCF0726"> </a></p> <p>As regular planet GNOME readers have noticed, Berlin had the priviledge of hosting a couple of great GNOME developers and deisgners (and me ;). Berlin is where my first involvment with Free software people took place (at <a href="http://wiki.gimp.org/index.php/Hacking:GIMPCon_2000,_Berlin,_Germany,_2000">Gimpcon</a>) and despite rather chilly weather it&rsquo;s a great city to hang around, especially the east central part around Friedrichshain. Big thanks to <a href="http://afaikblog.wordpress.com/">Allan</a> for organizing the event and extra thanks to <a href="http://blixtra.org/blog/2014/05/06/gnome-dev-x-hackfest-berlin-wrap-up/">Chris Kühl</a> for hosting us at Endocode. Lovely office and great location. Free cappucino with your <a href="http://foursquare.com">foursquare</a> first checkin at the <a href="http://www.espresso-ambulanz.de/">Espresso Ambulanz</a> around the corner btw, great coffee.</p> <p>After the hackfest that&rsquo;s been centered around <a href="http://blog.tomeuvizoso.net/2014/05/api-reference-at-devx-hackfest.html">API</a> docs and the toolkit we spent some extra days with Jon and Allan on some designs such as the selection mode, sharing, touch aspects of some widgets and started going through bugs and maintenance obstacles that stand in the way of making Adwaita the default gtk+ style. Sadly some refactoring is going to need to happen in the next couple of days/weeks, but it looks like <a href="https://plus.google.com/+LapoCalamandrei">Lapo</a> is onboard for the challenge, so it&rsquo;s going to be great having a wingman for this unrewarding chore.</p> <p class="row"> <a class="image 4u" href="https://www.flickr.com/photos/jakubsteiner/14144497584/"> <img alt="" src="https://farm3.staticflickr.com/2900/14144497584_254019946b_z.jpg"> </a> <a class="image 4u" href="https://www.flickr.com/photos/jakubsteiner/13957680310/"> <img alt="" src="https://farm8.staticflickr.com/7376/13957680310_e566aae429_z.jpg"> </a> <a class="image 4u" href="https://www.flickr.com/photos/jakubsteiner/14121122296/"> <img alt="" src="https://farm8.staticflickr.com/7455/14121122296_0c3890b8fb_z.jpg"> </a> </p> <p>It was a great kickstart, pretty pumped about 3.14 :)</p> <ul> <li><a href="https://www.flickr.com/photos/jakubsteiner/sets/72157644632160033/">All Photos</a></li> </ul> Kill the Hackergotchi http://jimmac.musichall.cz/blog/2014-04-28-kill-the-hackergotchis/ 2014-04-28T14:37:00Z 2014-04-28T17:57:43+02:00 Article Author <p>I&rsquo;m quite often mis-attributed for creating <a href="https://en.wikipedia.org/wiki/Hackergotchi">hackergotchis</a>. Generally not being a big fan of dropshadows and guillotines, I&rsquo;d actually prefer to keep the horrible aesthetic of hackergotchis in the past. </p> <p>There&rsquo;s probably less clumsy ways to do this, but to help the matter I&rsquo;ve created <a href="https://github.com/gnome-design-team/gnome-icons/tree/master/gnome-avatar">a simple script + svg template</a> that renders a round pill from a square photo. You need to have inkscape installed and provide it with a square photo.</p> <pre><code>$ ./render-avatar.rb jimmac.jpg Bitmap saved as: avatar.png </code></pre> <p class="image full"> <img alt="" src="/blog/2014-04-28-kill-the-hackergotchis/avatars.png"> </p> <p>Please reattach your heads to your bodies, they look better as a unit.</p> LGM Leipzig http://jimmac.musichall.cz/blog/2014-04-08-lgm-leipzig/ 2014-04-08T12:15:00Z 2014-04-25T11:48:42+02:00 Article Author <p><a class="image full" href="https://www.flickr.com/photos/jakubsteiner/13716153333/"> <img alt="" src="https://farm3.staticflickr.com/2922/13716153333_c5d8be17d6_b.jpg"> </a></p> <p>Another great Libre Graphics Meeting is behind us and I&rsquo;m greatful for being able to take part in it. Big thanks to everyone making it happen, particularly the GIMP folks for allowing an old affiliate to share the Wilberspace. </p> <p>There&rsquo;s been some great talks, quite a few relating to <a href="http://www.blender.org">Blender</a> this year which I hope will become a trend :) <a href="http://blog.mmiworks.net/">Peter Sikking</a> demonstrated how to present (yet again). Even though I&rsquo;ve been fully aware of the direction <a href="http://www.gegl.org/">GEGL</a> based non destructive editing <a href="http://www.gimp.org">GIMP</a> is taking, the way Peter showed the difference between designing for a given context versus mimicking was fun to watch. Chris Lilley showed us the way forward for the <a href="https://wiki.gnome.org/Design/OS/Emoji">gnome-emoji</a> project with SVG support in OpenType. So much going on beside the main talks that I managed to miss many, including <a href="http://www.pitivi.org">Pitivi</a> and <a href="https://www.berrange.com/">Daniel&rsquo;s</a> on <a href="http://entangle-photo.org/">Entangle</a>. </p> <p><a href="http://afaikblog.wordpress.com/">Allan</a> and I presented what we do within the <a href="#">GNOME</a> project and how to get involved. Kind of ran out of time though, guess who&rsquo;s to blame. The GIMP folks set up a camera, so hopefully there will be footage of the talks available. Really enjoyed my time, always like coming back with the need to create more things. </p> <p class="row"> <a class="image 6u" href="https://www.flickr.com/photos/jakubsteiner/13716500694/"> <img alt="" src="https://farm3.staticflickr.com/2848/13716500694_6d47f716fb_b.jpg"> </a> <a class="image 6u" href="https://www.flickr.com/photos/jakubsteiner/13716123735/"> <img alt="" src="https://farm3.staticflickr.com/2920/13716123735_de272bda9c_b.jpg"> </a> </p> <p><a href="http://doctormo.org/">Martin Owens</a> deserves a shoutout for being an awesome <a href="http://www.inkscape.org">Inkscape</a> developer trying to address some rough spots we&rsquo;ve bumped into over the years. Almost made me want to follow the Inkscape mailing list again :) Hopefully soon, we&rsquo;ll be able to ditch the window opening verb madness we use for <a href="https://git.gnome.org/browse/gnome-icon-theme-symbolic/tree/r.rb">gnome-icon-theme-symbolic export</a>.</p> <p><iframe class="image full" src="//www.youtube.com/embed/MWILJMAk80M" height="500" frameborder="0"> <a href="http://youtu.be/MWILJMAk80M">Watch on Youtube</a> </iframe></p> <ul> <li><a href="https://www.flickr.com/photos/jakubsteiner/sets/72157643644191013/">Photos I took</a></li> <li><a href="https://www.flickr.com/groups/776360@N22/">LGM Photo Group</a></li> <li><a href="http://download.gimp.org/pub/gimp/lgm/2014/">Slides and video archive of the talks</a></li> </ul>