The Digital Den Scrapbook has been moved to my personal website. You can find the new blog over at: https://declankay.com/the-digital-den-scrapbook/
Animate on Scroll (AOS)
A modern web design technique is to have elements of a page fade in as the user scrolls down the page. With slight movement added too, this can draw the users attention to specific elements of the page and guide them through your web application. AOS is a simple, lightweight CSS-driven tool that is quick…… Continue reading Animate on Scroll (AOS)
Babel JS
JavaScript is a continually evolving development language and dominates the front-end landscape. One issue that developers face is that a new JS release offers fresh features, but the browsers do not yet support the new syntax. Created primarily for ES6, Babel JS allows developers to use the cutting-edge code and then automatically compile into old…… Continue reading Babel JS
PostCSS – Transform CSS with JS
With modern websites being required to work on a plethora of different web browsers, automating the browser compatibility of CSS is incredibly powerful. PostCSS is a development tool, which transforms CSS with JavaScript. Out of the box, PostCSS compiles the basic CSS you write and automatically creates all the browser-specific prefixing. Simply specify the list…… Continue reading PostCSS – Transform CSS with JS
Twicpics – Image Optimisation
Are your massive images on your website causing page speed issues? Are you fed up making several versions of the same image, for all the different device breakpoints you need to cater for? Well, both those issues can be a thing of the past with TwicPics image optimisation service. In a nutshell, you create one…… Continue reading Twicpics – Image Optimisation
Mono Icons
Have you ever wanted an alternative to Font Awesome? Well Mono icons provides a series of clean and simple icons that can be used in your design to break away from the familiarity of Font Awesome. The icon count currently sits at just over 140, however this is steadily growing. These icons are available using…… Continue reading Mono Icons
Aspect Ratio Calculator
Sometimes the most simple tools are the best and this is a great example of one. The aspect ratio calculator allows you to enter specific file dimensions and get the ratio of those dimensions. From there you can enter the dimensions of an image you want to create and the tool then returns the values…… Continue reading Aspect Ratio Calculator
Mockup World
Mockup photography allow you to mock up your website on various devices in a high quality, professional way. Device mockups can be great additions to personal portfolios or eye catching content on social media. A wide array of devices can be previewed such as laptop, tablet and mobile. The service is largely free, where some…… Continue reading Mockup World
Social Share URL Generator
Social Media provides a great opportunity to get your product to reach new potential customers and one of the best ways to do this is by allowing your website to be shared on social media. The social share URL generator creates the share URL for each of the main social media platforms. This can be…… Continue reading Social Share URL Generator
Squoosh Image Compression
Optimising page loading time has never been more important and one of the best places to start is image compression. Squoosh is an awesome image compression tool that allows fine grain control over the image compression process. Squoosh allows the quality of the final to be amended with an easy to use range slider. The…… Continue reading Squoosh Image Compression
The Digital Den - Scrapbook 