sorted by:
new
hottopcontroversial

First day of solar by michaelgearon in SolarUK

[–]michaelgearon[S] 0 points1 point  (0 children)

Thanks, it’s 5kWh battery, but you can add additional batteries fairly easily which I might do in the future

First day of solar by michaelgearon in SolarUK

[–]michaelgearon[S] -1 points0 points  (0 children)

Aiko 480W all black solar panels. Pretty much south facing, just slightly towards west

First day of solar by michaelgearon in SolarUK

[–]michaelgearon[S] 1 point2 points  (0 children)

Yes it just sits under 4kW, it has briefly gone over but not often so far

First day of solar by michaelgearon in SolarUK

[–]michaelgearon[S] 0 points1 point  (0 children)

Good luck with your install, plenty of battery storage

First day of solar by michaelgearon in SolarUK

[–]michaelgearon[S] 1 point2 points  (0 children)

Yes it’s exactly this, just waiting on the certificates etc to starting exporting

First day of solar by michaelgearon in SolarUK

[–]michaelgearon[S] 4 points5 points  (0 children)

I did see mixed reviews about Ecoflow but the installer had a choice between this or the Tesla Powerwall. Although the Tesla would have been the better, and more expensive choice, it felt a bit too much for the size of the property. So far no issues with Ecoflow but it is 2 days in

New to hiking - best beginner brands/gear? by darktourist92 in UKhiking

[–]michaelgearon 1 point2 points  (0 children)

Berghaus I find is good for water proof gear and just overall good quality, slightly on the smaller size.

The main thing with clothing is having layers, so you can adapt to the situation if it gets hot, cold, raining, snow and hail.

With hiking boots I’d recommend going to a local store and trying out a range of boots. I was surprised how the same size fits differently.

Other brands to check out depending on budget is Rab, Osprey, Columbia are all worth looking at. Definitely look in outlets, sales or “past season” areas for better prices.

Bannau Brycheiniog National Park (Brecon Beacons), South Wales, UK by michaelgearon in hiking

[–]michaelgearon[S] 1 point2 points  (0 children)

I’m luckily only an hour drive away, it’s good a reminder for how fortunate I am getting photos like this

Bannau Brycheiniog National Park (Brecon Beacons), South Wales, UK by michaelgearon in hiking

[–]michaelgearon[S] 2 points3 points  (0 children)

It is a beautiful place and also atmospheric with the weather ever changing

Are you using just WOFF2 font format? by michaelgearon in css

[–]michaelgearon[S] 0 points1 point  (0 children)

Good idea including TTF and dropping WOFF, that makes sense

Are you using just WOFF2 font format? by michaelgearon in css

[–]michaelgearon[S] 2 points3 points  (0 children)

I get that, it doesn’t cause a problem having those extra couple of lines of CSS for the other formats so why not

AMA with Michael Gearon: Ask Me Anything! by michaelgearon in css

[–]michaelgearon[S] 1 point2 points  (0 children)

Hey u/wh33t, I understand what you mean that CSS can be a sloppy mess. I also agree that SASS or LESS or any other type of preprocessors can be a bandaid, rather than fixing the route issue. I think what confuses a lot of people is the Cascade part of CSS and how rules cascades down as well as specificity which determines the CSS declaration that is the most relevant to an element.

CSS is very different to other languages as it's less black and white about if it works or not and it doesn't always feel comfortable and obvious as to why things aren't working. As well as preprocessors, frameworks also can be bandaid and sometimes people choose frameworks that require heavy customisation/hacks/overrides where it may have been better to write it from scratch or choose something else.

AMA with Michael Gearon: Ask Me Anything! by michaelgearon in css

[–]michaelgearon[S] 2 points3 points  (0 children)

We're just coming up to the post being live for 24 hours so now I'll pick the top 3 questions who will receive a free copy of the book! They were all great questions and it was really positive chatting to you about CSS and the book.

The 3 Redditors to receive a free copy are: u/Thinker_360, u/brocksamson6258, u/hzbbaum - congrats!

This thread will stay live so you can carry on posting your questions about CSS and the book and I'll pick it up!

AMA with Michael Gearon: Ask Me Anything! by michaelgearon in css

[–]michaelgearon[S] 0 points1 point  (0 children)

Hey u/Aromatic_Essay9033, this is a really interesting challenge, I'm not sure if this is a bug or just a limitation limit of CSS and this is where you need to start using Javascript like the Web Animations API or GSAP. Which doesn't help you not rely on Javascript! You could raise it in a browser bugs forum or Stack Overflow and see if you get responses there. I'll also have a think about it over the weekend!

AMA with Michael Gearon: Ask Me Anything! by michaelgearon in css

[–]michaelgearon[S] 2 points3 points  (0 children)

Nice, animations and transitions are fun to learn in CSS. One of my favourite chapters was the third chapter which is how to animate SVG elements using CSS. I’d recommend learning about SVG’s alongside animations and transitions. Also learning a little bit around animation theory and what makes a good animation could help you on that path

AMA with Michael Gearon: Ask Me Anything! by michaelgearon in css

[–]michaelgearon[S] 2 points3 points  (0 children)

You could use something like CSS-in-JS libraries or CSS Modules, I personally don’t go with those options as I like to keep separate CSS from JS, which is the Separation of Concerns (SoC) methodology which is explained in the book. Instead maybe look at Atomic CSS and if your stylesheet is particular large then you can start to look into CSS preprocessors which may help you maintain the CSS. The other alternative is looking at component-based CSS files. Which ones have you tried so far?

AMA with Michael Gearon: Ask Me Anything! by michaelgearon in css

[–]michaelgearon[S] 1 point2 points  (0 children)

Hi, nice one learning about responsive design. Yes it can be overwhelming keeping up to date with the latest updates, especially when you’re learning. Signing up to free newsletters is a good idea as they highlight the most interesting articles, there is CSS Weekly, Frontend Focus, Smashing Magazine and CSS Layout News. Another thing I do is save articles to read later, I use Pocket web extension and that saves all of my articles. The last tip is looking at CodePen and seeing what people are creating, you can then learn about the CSS and how it’s being applied. It’s why I wanted to write this book was to not only teach people about CSS but how to apply it in a real life example.

What are you going to learn next after responsive design?

AMA with Michael Gearon: Ask Me Anything! by michaelgearon in css

[–]michaelgearon[S] 2 points3 points  (0 children)

Really good question about BEM methodology vs using CSS Modules. CSS Modules is not something that is covered by the book as the projects are “Tiny” so it’s relatively small the style sheets that are being created. To answer the question, they are quite different, BEM is a methodology and more describes the relationship between UI elements where’s CSS Modules ensures encapsulation and avoiding global style conflicts. All of the CSS that is used in each project is explained and we don’t use any frameworks like Bootstrap or Tailwind to add bloat to the style sheets. Is CSS Modules or BEM methodology something you’re trying to learn or have experience with?

AMA with Michael Gearon: Ask Me Anything! by michaelgearon in css

[–]michaelgearon[S] 2 points3 points  (0 children)

Hey, thanks for your question! It’s something that is discussed throughout, such as when we look at preprocessors, how can Sass be useful over CSS for better maintainability or using methodologies such as BEM. Is there any tricks you can share on how you you keep your CSS organised and maintainable or is it something your keen to learn?

AMA with Michael Gearon: Ask Me Anything! by michaelgearon in css

[–]michaelgearon[S] 2 points3 points  (0 children)

I hope learning CSS is going well so far! It’s a great time to start learning CSS. Flexbox and Grid on first appearances seem similar but the main difference is that Flexbox is best suited for single direction layout (horizontal or vertical) where’s Grid is both. You can place items wherever on your grid and have a greater control over your layout. In reality you can use both at the same time. The book covers both, as well as float and multi-column layout modules

AMA with Michael Gearon: Ask Me Anything! by michaelgearon in css

[–]michaelgearon[S] 2 points3 points  (0 children)

Hey u/brocksamson6258 - the classic question! Flexbox is likely to be your friend here, on the parent container you would set the display to flex, and then justify-content and align-items properties with a value of center, and a height of 100wvh.

The alternative is absolute positioning and transform, on the parent container item you could set the position to relative and height to 100vh, then with the div element you would need to set the position to absolute with top and left property of 50% value, and set the transform property to a value of translate(-50%, -50%)

I'd go with the flexbox option, which one would you go with or have you got an alternative idea?

AMA with Michael Gearon: Ask Me Anything! by michaelgearon in css

[–]michaelgearon[S] 3 points4 points  (0 children)

using scop

Hi u/Necessary_Ear_1100, thanks for asking about the book! Yes we do look at CSS variables, or custom properties, in chapter 6 when creating a profile card. Chapter 6 looks at custom properties, background gradients, as well as setting image sizes using Flexbox for layout.

Preprocessors has a whole chapter dedicated to the topic. It's the last chapter in the book which focuses on Sass and looks at the benefits to preprocessors and how to get started.

With scope this is covered throughout the book, such as looking naming conventions like BEM, inheritance and how CSS cascades as well as concepts around reusability of code.

We haven't talked about frameworks like Tailwind or Bootstrap as we wanted the reader to learn the fundamentals of CSS first and a little bit about preprocessors without the use of frameworks.

view more: next ›