One learns the basics of Vue.js by building a product page in the great (and free) introductory course of Vue Mastery. The demo app includes typical web-shop features, like variations, availability, reviews, etc. And it is possible to add items to the cart too.
The app lacks a cart content display however. So I thought it would be great to create a component for that as an exercise in what has been learned by the course.
See the finished demo here: https://vue-store-page-demo.netlify.app/
The first step is creating the new component. Let’s do that in
In a recent project I wanted to use the Tippy.js library in the custom Drupal 8 theme I was working on. While I knew most of the things needed to do this in theory I did not know how I should do it step by step in practice.
Unfortunately, I did not find one resource which would have told me what to do. But I found several different resources with partial information and by using them I was able to figure out a working solution. Here it is:
The thing: as a web developer you want to use a certain technology but you have to support IE — which has never heard about that fancy solution…
To give you an example: modern browsers can place items below each other in the same CSS Grid column creating implicit grid rows. Although IE supports ( the early version of ) CSS Grid, it can’t do that.
Fortunately, Autoprefixer can help a lot in making a CSS Grid layout work in IE. But it doesn’t do everything. For example, it can’t solve the placing problem mentioned above: “The most important thing…
Számomra a konferencia legjelentősebb momentuma az, hogy — különféle szakmai eseményeken tartott előadásokkal a hátam mögött — Bécsben sikeresen debütáltam DrupalCon előadóként is! A CSS Grid-ről és CSS Variables-ről tartott bemutatómra csordultig telt a 200 fős terem, és nem csak az érdeklődés maradt meg, de a (nyilvános és privát) visszajelzések is szívet melengetően pozitívak voltak!
No long introduction, no long explanation just the steps in a short list as a reminder (and maybe as a little help for others).
Displaying different dates here and there in a site is a common task. Let’s see some examples how to handle it in Drupal 8 Twig!
During this tutorial we will work in the page.html.twig file. Of course I do not have to say that you have to have your own custom theme and your own page template there… :)
Let’s start with a simple task: display a copyright message in which the end date updates automatically. All we have to do is adding this short code to the template.
Twig templates of Drupal 8 makes our life much easier when we want to customize the HTML output. But when the goal is to change a Drupal 8 menu we have to use the menu.html.twig template which is not the most friendly one and it’s customization can be tricky because of several reasons. So I wanna show you how I did it.
Change the HTML output from this…
…so we can keep our CSS specificity low and our CSS component easy to write and maintain.
Originally I published this article here on Medium. But later I decided to move it to my own blog. You can continue reading at thamas.hu!
If you wonder that I call myself this name you have not seen Dries’s Amsterdam keynote yet probably. Being “George” means to be an active contributor of Drupal. And being a mentor is a special case of contributing when you help others become “George”. That is what I did first time at DrupalCon Amsterdam.
That feeling! Walkin’ through the square in front of Amsterdam RAI, the venue of this year’s DrupalCon (Europe). Getting closer to the entrance by every step and to know that I’m part of a good thing! This was my morning treat today.
I do not want to be pathetic, but it is really great.
While our CEO, @Kulcsi attended the business summit we (@juhasz, @csakiistvan and me) joined to the sprints. I seated in the front-end group, as I used to do in other Drupal events.
The first result of my sprinting was an issue I had to write in…
Based on the practice I have formulated through my own work, I have compiled a quick checklist on the tasks and settings that need to be performed or are worth checking before going live after completing the development of a website.
Dad. Husband. Guitar Player. Front-end Developer.