Daniel Cranney

Hello! 👋 My name is

Daniel Cranney

|

I design and build websites that look good, and work well.

About


Hello! I'm Dan and I'm a frontend developer, designer and teacher from Bristol, England.

After building my first website aged thirteen, I knew I wanted to work with computers and technology, and I've never looked back.

After graduating University with a Media degree, I began freelancing as a designer, creating graphics, video content and websites for small businesses, using content management systems like Wordpress, Joomla and Squarespace.

In recent years, I've been focused on programming, building a solid frontend stack and creating exciting projects that solve real-world problems.

Alongside my design and development work, I run a BA Media Production degree course and a corporate video production company called Spotlight Media, so I like to keep busy!

Take a look at my work below to see what I'm working on, and get in touch if you'd like to work together!

Daniel Cranney headshot

Skills


HTML

CSS

Sass

Bootstrap

Tailwind

Javascript

React

Next

Node

Firebase

Photoshop

Illustrator

After Effects

Adobe XD

Figma

My Work


Reportr user interface

Just launched

Reportr

 

HTML

Tailwind

React

Next

Write reports for your students in 60 seconds or less

ColorHub user interface

Currently working on

ColorHub

 

HTML

Tailwind

React

Next

Create a custom colour palette for your next project. Preview your palette on different layouts and then export the CSS, SCSS or Tailwind code.

ProfileMe.dev user interface

Just launched

ProfileMe.dev

 

HTML

Tailwind

React

Next

Create an awesome GitHub profile in minutes.

Other Projects


Check out some of the projects I've been a part of...

Yodlr

Shoutout a Twitter user, and generate a profile card in under a minute. Simply find the user, select the style, edit the colors and download the card.

  • Html
  • Tailwind
  • React
  • Next

Rate My Film

A single-page application that helps filmmakers learn more about who their film might be suitable for.

  • Html
  • React
  • Sass

Spotlight Media

The website for my corporate videography company. This features a contact form powered by NodeJs and SendGrid.

  • Html
  • ReactJs
  • Next
  • Node

Quotr

A simple application built to help tradespeople automate the quotation process.

  • Html
  • React
  • Next

GPS Embroidery

A fully-responsive and quick-rendering image-based website for an ongoing academic project.

  • Html
  • React
  • Next

Blog


10 Ways to Become a Better Developer Without Writing a Line of Code

Jun 08, 2022

Practice is important. When learning something new, applying it in a practical context is a great way to cement learning and deepen understanding, but...

Read more

Open

I Learned to Code to Launch a SaaS. Here’s 10 Lessons I Learned Along the Way.

May 23, 2022

For years before learning to code, I had ideas for websites, apps and projects. However, without having the skills to actually build them, that's all ...

Read more

Open

I Launched My First Product on Product Hunt. Here's What I Learned

Nov 15, 2021

Last week, I launched my very first product on Product Hunt! My product, ColorHub, helps developers to find the perfect colour palette for their next ...

Read more

Open

Why Coding Less and Sleeping More Could Make You a Better Developer

Oct 23, 2021

On your journey of learning to code it's highly likely that at one point or another, you'll lose sleep over it. Perhaps working late into the night tr...

Read more

Open

How I Overcame a Fear of Sharing My Work

Oct 10, 2021

For as long as I can remember, I've loved creating things. From designing artwork to building websites, and from producing videos to recording music.....

Read more

Open

How to Create a Full-screen Menu and Animated Icon with React and Tailwind

Aug 20, 2021

It might just be me, but I've always found full-screen mobile menus to be unnecessarily complicated and time-consuming to build with HTML and CSS, and...

Read more

Open

Contact


I'm currently available to get involved in new projects, so get in touch if you'd like to work together.

Email me at danielcranney@gmail.com and let's talk about your project!


© 2022 - Designed and built by Daniel Cranney