Flexbox is a CSS layout module. Flexbox allows elements in a container to be responsively arranged depending on the size of the container. Flexbox gives a container the ability to alter its items dimensions in order to best fit in the available space. A container with flexbox applied can expand or shrink its child items […]
You can convert After Effects layers to 3D. If you activate the 3D checkbox in a layer, it can be manipulated in a 3D space. A 3D layer will have more position properties to use, notably, you can change a layer’s position in Z-space, rather than just X and Y. 3D layers can also interact […]
An infographic/explainer is a good way to communicate concepts and ideas that rely on facts or data. An infographic combines design, typography, and data-driven graphics. As well as static infographics, published in print or online, an infographic can also be delivered in a time-based or interactive format. Storytelling and narrative can be intertwined in time-based […]
XD is an integrated tool for the user interface (UI) and user experience (UX) design process. You can create flowcharts, wireframes, mock-ups, interactive prototypes, and animations – all in the one design space.
Updated 25/3/2021 CodePen is fantastic for testing and experimenting with HTML and CSS. It is also great for documenting and sharing your work. At some stage though, you will want to move that work to a local environment to continue your development. By ‘local environment’, I mean your own computer. You will want to download […]
Parenting is the process of linking layers together. Use parenting to assign one layer’s transformations to another.
The position property allows you to specify position values for an element. You can move an element around the page in relation to the document or parent elements. You can take an element completely out of the HTML flow and fix it permanently in one position. There are a number of values you can assign […]
With the Puppet tool, we can add points to a graphic and drag around these points to cause deformation. These points can be keyframed to create fluid animations. The Puppet tool is really good for animating illustrated characters or creating moving elements in still photography. The Puppet Pin tool is used to place and move […]
There are numerous CMSs that are perfect for portfolio websites. Each platform offers different features and services. Most platforms charge a subscription fee. You should research the positives and negatives of potential platforms as they relate to you. Adobe Portfolio is a good option as it is simple to use and is also provided free […]
All HTML elements are rectangular boxes rendered in the browser viewport. The HTML flow is linear and runs vertically from top to bottom. HTML element has a display property value by default. The display property stipulates how an element’s box behaves. The two most common values for display are block and inline. Block Container elements […]
