Flexbox Cats (a.k.a fixing images in flexbox)

In my previous post I discussed my most recent contributions to flexbox code in WebKit mainly targeted at reducing the number of interoperability issues among the most popular browsers. The ultimate goal was of course to make the life of web developers easier. It got quite some attention (I loved Alan Stearns' description of the post) so I decided to write another one, this time focused in the changes I recently landed in WebKit (Safari鈥檚 engine) to improve the handling of elements with aspect ratio inside flexbox, a....

January 20, 2021 路 svillar

Closing the gap (in flexbox 馃槆)

Flexbox had a lot of early problems, but by mid-May 2020 where our story begins, both Firefox and Chromium had done a lot of work on improving things with this feature. WebKit, however, hadn鈥檛 caught up. Prioritizing the incredible amounts of work a web engine requires is difficult. The WebKit implementation was still passable for very many (most) cases of the core features, and it didn鈥檛 have problems that caused crashes or something that urgently demanded attention, so engineers dedicated their limited time toward other things....

October 1, 2020 路 svillar

Automatizing the Grid

My Igalia colleagues and me have extensively reviewed how to create grids and how to position items inside the grid using different CSS properties. So far everything was more or less static. We declare the sizes of our columns/rows or define a set of grid areas and that鈥檚 it. Well, actually there is room for automatic stuff, you can dynamically create new tracks just by adding items to positions outside the explicit grid....

May 10, 2016 路 svillar

BlinkOn 3

Last week I attended BlinkOn3 held at Google鈥檚 Mountain View office. Not only that but I also had the pleasure of giving a speech about what has been taking most of my time lately, the CSS Grid Layout implementation. Although there were several talks already scheduled for some weeks, the conference itself is very dynamic in the sense that new talks were added as people started to propose new topics to discuss....

November 13, 2014 路 svillar

I'm attending BlinkOn3

Today I鈥檓 giving a speech at BlinkOn3, the Blink contributors' conference held in Google鈥檚 Mountain View Office. Check the agenda for further details. The plan is to give an overview about the feature, present the most recent additions/improvements and also talk about the roadmap. My session is scheduled for 3:30PM at the Artic Ocean room. See you there! UPDATE: we had many issues trying to setup the hangout so in the end we decided to move the session to Wednesday morning....

November 4, 2014 路 svillar

Grids everywhere!

Hi dear readers, it鈥檚 awesome to see people-really-excited (including our friends at Bloomberg) about CSS Grid Layout, specially after Rachel Andrew鈥檚 talk in CSSConf. I really believe CSS Grid Layout will be a revolution for web designers as it will help them to build amazing responsive web sites without having to add hacks all around. Me and my fellow Igalians keep working on adjusting the code to match the specification, polishing the code, adding new features and even drastically improving the performance of grid....

September 23, 2014 路 svillar

Adventures in the Grid

Hi there, fellow readers. Today I鈥檓 starting a mini-series of posts to talk a little bit about the work I鈥檝e been lately doing at Igalia around WebKit and Blink web engines. I鈥檝e been involved in the implementation of a new standard called CSS Grid Layout in both engines. My mate rego has already talked about that, so take a look at his post if you need to know more about the basics....

March 31, 2014 路 svillar

Improving the editing code in WebKit

For a while now Igalia and Bloomberg have been collaborating to advance Web technologies. As part of that, I鈥檝e been lately involved on improving some editing capabilities of WebKit (posts to follow soon). As you probably know, in HTML5 any element can be editable. The feature was introduced some time ago, but was finally standardized by the WHATWG. It鈥檚 as easy as adding the attribute contenteditable=true and voil脿, the magic unfolds (check it out!...

March 22, 2013 路 svillar

http://publicsuffix.org support coming to libsoup

I have the pleasure to frequently hack on libsoup as part of the great Igalia WebKit team. Many things are happening in libsoup but that鈥檚 a topic for some other upcoming post. Today I will talk about a new feature I landed just a few days ago and that will be shipped with the 2.40 release. I鈥檓 talking about the support for http://publicsuffix.org. What鈥檚 that? The public suffix list is a聽community driven聽initiative from Mozilla whose aim is to provide a trusted list of well known public domain suffixes, like for example: ....

June 20, 2012 路 svillar

ReSiStance 0.9.2 released

Every now and then I try to devote some spare time to add new features to ReSiStance. For this release there are 3 major changes: Item window new appearance Open links in external browser Labels support The item window (aka the window that shows the contents of a particular blog post/news/whatever) has been completely reworked. The header (with the title of the post, the name of the author and the date) used to be an static label on the top that was always visible....

June 7, 2011 路 svillar