Category: Design

Replacing text with Font awesome

This replaces a bit of text in a div with some font awesome icon.

Read More

Adding sharpness to an image in Affinity photo

Follow thee following steps to add sharpness to an affinity photo image. Open image and select the layer Go to Layer > New Live Filter Layer > Unsharp Mask Filter Adjust Radius and option to suit sharpness level.  

Read More

CSS Odd even rows

Use the following CSS code to add a style to odd or even div elements or entries: .row{ &:nth-child(odd){   background-color: darken($grey,3%); } }    

Read More

Responsive YouTube video embed in page, get the ratios right

Use the following code to embed your YouTube videos in your page.

Read More

XMP – Great to embed code for documentation

Use the XMP tag to embed code for your documentation.

Read More

CSS expanding text ellipsis dots (…)

If a title or text within a H1 or H2 tag is too large and to prevent the text from wrapping or breaking a column use the following bit of code which will embed (…) instead of the text.

Read More

Center DIV vertically within another DIV

This is one way to center a DIV vertically, however, this is not compatible with IE8 to all our disadvantage is still in use in 2017.

Read More

Using For loop with animation delay

The following way is an easy SCSS for loop that will generate child classes to delay animations of divs with the same class. .service{ position: relative; padding: $padding_l 0px; opacity: 0; &.visable{ opacity: 1; } // Loop through the items and add some delay. @for $i from 1 through 12…

Read More

Advertising banner sizes

The following are the most common sizes used in advertising banners, and they’re commonly used names.

Read More

Creating a template object

This might come in handy when using elements such as creating a menu on a page you want to show on different layouts. Go to windows symbols Select and group the object that you need a template for And create a symbols with this object by dragging the group object…

Read More
© Toffy Digital 2018 Powered by Toffy Digital