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/
Category: Development
Coding and technical-related tasks.
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
Pinchzoomer JS
Pinchzoomer is a great JS plugin, by Ron Feliciano, that is perfect for creating interactive maps or graphics. Main features include allowing pinch zooming and dragging to move on mobile as well as mouse wheel zooming on desktop. The tool is also fully responsive and is functional on all the main web browsers. https://www.ronfeliciano.com/pinchzoomer/index.html# Check…… Continue reading Pinchzoomer JS
SourceTree Git GUI
SourceTree is a free Git client for Windows and Mac. It simplifies interactions with Git repositories by visualizing and managing repositories through a simple Git GUI. Main features are a GUI that allows you to view all existing changes, commits, push and pull requests as well as manage existing branches. https://www.sourcetreeapp.com/ Check out my website:…… Continue reading SourceTree Git GUI
Cloudflare CDN
Cloudflare is a world-leading CDN provider that allows you to optimise the delivery of your website and improve page speed. Cloudflare also stores your website on multiple servers, which can help in the case of a DDoS attack. SSL certificates can also be issued, so there is the added security benefit. https://www.cloudflare.com/ Check out my…… Continue reading Cloudflare CDN
CanIEmail? Email Support Tool
The good guys over at CanIUse? have created a new CanIEmail tool, which can help provide us with support details for specific email elements. By using this tool, we get a detailed breakdown of the support of an email element across several different providers such as Apple Mail, Oulook and Gmail. I would recommend still…… Continue reading CanIEmail? Email Support Tool
GitHub Offers Free Private Repos
GitHub is the world’s most popular version control platform that is a great way to manage development projects that involve several contributers. Until recently, the private repositories were only for paid accounts. Now, GitHub has allowed us to use private accounts for free. https://www.webdesignerdepot.com/2019/01/github-now-offering-unlimited-private-repos-to-free-users/ Check out my website: https://declankay.com/