How to intersect a parabola with a line, and other graphics solutions.
Categories
Categories
Angle bisector theorem
Intuitive approach to proof of angle bisector theorem
Trial and error tutorial: How to model a simple worm that wriggles using an armature.
When modelling a 3D object in Blender it is important to be aware whether you are in Object Mode or Edit Mode when you change the shape of an object. A mistake that is easily made is to deform an object in Object Mode, and then to find that tools in Edit Mode do not […]
Categories
Animation on page load
To bring a webpage to life, you may want to start an animation when the content of the page appears. For example, a text or an image fades in, or moves to certain position, or grows to a certain size, etc.
Here is a basic method to kick off a page load transition
Categories
Understanding font size
What does it mean to specify font-size to be, say, 16px? Exactly what part of the font is 16px?
Categories
Scaling grid tiles containing text
Suppose we have a design with a component that contains an image and text, with responsive dimensions and a fixed height to width ratio. The font size scales too, so the text wraps the same for each width. This is what the HTML structure of the component might look like: The height of the tile […]
Categories
Transitions of SVG icons
How can we style SVG images on a web page? For instance to define a transition on hovering. Using the <img> tag will not work. Neither will the CSS property background-image. We must put the SVG element inline in the HTML code. Now we can style the SVG elements using CSS selectors. Include external file […]
Categories
Transforming a static element
When a CSS transform is applied to an element, that element’s position property is forced to relative. This side effect introduces quirky behaviour, when you depend on the position being static.
Categories
Order pseudo-classes
The order of definition of pseudo-classes for the anchor tag is crucial. In Firefox I noted that if you define :visited after :hover, you may not get the style you expect when hovering over an <a> element. That’s logical, if you think of it. But it can be confusing because the Inspector seems to ignore […]