Author | Lightnews

emilwisch

@emilwisch.bsky.social

12 followers 16 following 17 posts

https://github.com/emilwisch https://emilwisch.github.io/ This place will be mostly for bookmarking frontend content | Relearning frontend web development. Student of #theodinproject. // #frontend #webdev #frontenddev #html #css #javascript

github.com

Posts Media Videos Starter Packs

emilwisch @emilwisch.bsky.social · Apr 8

Not much to bookmark at the moment / drowning in JS

emilwisch @emilwisch.bsky.social · Mar 28

How to Scale SVG | css-tricks.com/scale-svg/ via @css-tricks.com

How to Scale SVG | CSS-Tricks

The following is a guest post by Amelia Bellamy-Royds. Amelia has lots of experience with SVG, as the co-author of SVG Essentials and author of the

css-tricks.com

emilwisch @emilwisch.bsky.social · Mar 27

Bookmarking... CSS Reset

Josh W. Comeau @joshwcomeau.com · Mar 25

🌠 I just updated by CSS Reset to include a handy new declaration:

html {
interpolate-size: allow-keywords;
}

This rule allows us to animate height from "0px" to "auto", perfect for accordions and other collapsible UI. ✨

Learn more in my blog post about it:
www.joshwcomeau.com/css/custom-c...

A Modern CSS Reset • Josh W. Comeau

I have a set of baseline CSS styles that come with me from project to project. In the past, I'd use a typical CSS reset, but times have changed, and I believe I have a better set of global styles!

www.joshwcomeau.com

emilwisch @emilwisch.bsky.social · Mar 27

An Interactive Guide to Flexbox (loved this) | www.joshwcomeau.com/css/interact... via @joshwcomeau.com

An Interactive Guide to Flexbox in CSS • Josh W. Comeau

When we truly learn the secrets of the Flexbox layout mode, we can build absolutely incredible things. Fluid layouts that stretch and shrink without arbitrary breakpoints. In this action-packed intera...

www.joshwcomeau.com

emilwisch @emilwisch.bsky.social · Mar 27

CSS Flexbox Layout Guide | css-tricks.com/snippets/css... via @css-tricks.com

CSS Flexbox Layout Guide | CSS-Tricks

Our comprehensive guide to CSS flexbox layout. This complete guide explains everything about flexbox, focusing on all the different possible properties for the parent element (the flex container) and ...

css-tricks.com

emilwisch @emilwisch.bsky.social · Mar 25

Learn Flexbox CSS in 8 minutes | youtu.be/phWxA89Dy94?...

Learn Flexbox CSS in 8 minutes

YouTube video by Slaying The Dragon

youtu.be

emilwisch @emilwisch.bsky.social · Mar 25

Great Tutorial on Flexbox | internetingishard.netlify.app/html-and-css...

Flexbox | HTML & CSS Is Hard

A friendly tutorial for modern CSS layouts

internetingishard.netlify.app

emilwisch @emilwisch.bsky.social · Mar 23

Gradient Borders in CSS | css-tricks.com/gradient-bor... via @css-tricks.com

Gradient Borders in CSS | CSS-Tricks

Let's say you need a gradient border around an element. My mind goes like this:

css-tricks.com

emilwisch @emilwisch.bsky.social · Mar 22

Inline vs Inline-Block Display in CSS | www.digitalocean.com/community/tu... via @digitalocean.com

Inline vs Inline-Block Display in CSS | DigitalOcean

Understand the differences in CSS for display: inline and display: inline-block.

www.digitalocean.com

emilwisch @emilwisch.bsky.social · Mar 21

CSS Reference | developer.mozilla.org/en-US/docs/W... via @developer.mozilla.org

CSS: Cascading Style Sheets | MDN

Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in HTML or XML (including XML dialects such as SVG, MathML or XHTML). CSS describes how el...

developer.mozilla.org

1 2

emilwisch @emilwisch.bsky.social · Mar 21

The Box Model in depth | developer.mozilla.org/en-US/docs/L... via @developer.mozilla.org

The box model - Learn web development | MDN

Everything in CSS has a box around it, and understanding these boxes is key to being able to create more complex layouts with CSS, or to align items with other items. In this lesson, we will take a lo...

developer.mozilla.org

1 2

emilwisch @emilwisch.bsky.social · Mar 20

As a web developer, I loved using this resource for years - COLOURlovers for color palettes and ideas | colourlovers.com

Color Trends + Palettes :: COLOURlovers

COLOURlovers is a creative community where people from around the world create and share colors, palettes and patterns, discuss the latest trends and explore colorful articles... All in the spirit of ...

colourlovers.com

emilwisch @emilwisch.bsky.social · Mar 20

HSL Color Picker | hslpicker.com#f89ace

HSL Color Picker

An excellent color picker for the web, using HSL, HWB, and RGB color modes. It's open source and written in React on Vite.

hslpicker.com

emilwisch @emilwisch.bsky.social · Mar 20

CSS Legal Color Values | www.w3schools.com/cssref/css_c... via #w3schools

W3Schools.com

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

emilwisch @emilwisch.bsky.social · Mar 19

for displaying fractions | developer.mozilla.org/en-US/docs/W...

<mfrac> - MathML | MDN

The <mfrac> MathML element is used to display fractions. It can also be used to mark up fraction-like objects such as binomial coefficients and Legendre symbols.

developer.mozilla.org

emilwisch @emilwisch.bsky.social · Mar 19

I'm working thru #TheOdinProject for #frontend dev, and I like that the curriculum forces you to struggle a little bit. It's making info and processes really stick.

emilwisch @emilwisch.bsky.social · Mar 19

I'm successfully cloning from and pushing changes to GitHub in command line. Never thought I'd see the day.