
<!DOCTYPE html>
<html lang="en">

<head>
	<title>Front-end Engineer &amp; Creative Coder - Barney Jeffries</title>
	<meta charset="UTF-8" />
	
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="pingback" href="https://www.barneyjeffries.com/xmlrpc.php" />

    <link rel="stylesheet" href="//use.typekit.net/abe0jtk.css">
	<link rel="icon" type="image/png" href="https://www.barneyjeffries.com/wp-content/themes/barneyjeffries/assets/images/favicon.png">
	<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
	<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
	
	<!-- This site is optimized with the Yoast SEO plugin v25.0 - https://yoast.com/wordpress/plugins/seo/ -->
	<meta name="description" content="Front-end engineer &amp; UX designer with 24 years experience across a huge range of projects and technologies." />
	<link rel="canonical" href="https://www.barneyjeffries.com/" />
	<meta property="og:locale" content="en_GB" />
	<meta property="og:type" content="website" />
	<meta property="og:title" content="Front-end Engineer &amp; Creative Coder - Barney Jeffries" />
	<meta property="og:description" content="Front-end engineer &amp; UX designer with 24 years experience across a huge range of projects and technologies." />
	<meta property="og:url" content="https://www.barneyjeffries.com/" />
	<meta property="og:site_name" content="Barney Jeffries" />
	<meta property="article:modified_time" content="2024-02-07T14:13:30+00:00" />
	<meta property="og:image" content="https://www.barneyjeffries.com/wp-content/uploads/2019/11/social.png" />
	<meta property="og:image:width" content="1200" />
	<meta property="og:image:height" content="630" />
	<meta property="og:image:type" content="image/png" />
	<meta name="twitter:card" content="summary_large_image" />
	<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.barneyjeffries.com/","url":"https://www.barneyjeffries.com/","name":"Front-end Engineer & Creative Coder - Barney Jeffries","isPartOf":{"@id":"https://www.barneyjeffries.com/#website"},"datePublished":"2019-01-03T12:41:54+00:00","dateModified":"2024-02-07T14:13:30+00:00","description":"Front-end engineer & UX designer with 24 years experience across a huge range of projects and technologies.","breadcrumb":{"@id":"https://www.barneyjeffries.com/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https://www.barneyjeffries.com/"]}]},{"@type":"BreadcrumbList","@id":"https://www.barneyjeffries.com/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https://www.barneyjeffries.com/#website","url":"https://www.barneyjeffries.com/","name":"Barney Jeffries","description":"Freelance Web Developer","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.barneyjeffries.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}</script>
	<!-- / Yoast SEO plugin. -->


<link rel='stylesheet' id='wp-block-library-css' href='https://www.barneyjeffries.com/wp-includes/css/dist/block-library/style.min.css?ver=6.8.5' type='text/css' media='all' />
<style id='classic-theme-styles-inline-css' type='text/css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
</style>
<style id='global-styles-inline-css' type='text/css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
</style>
<link rel='stylesheet' id='app.min-css' href='https://www.barneyjeffries.com/wp-content/themes/barneyjeffries/assets/css/app.min.css?ver=6.8.5' type='text/css' media='screen' />
<script type="text/javascript" src="https://www.barneyjeffries.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script type="text/javascript" src="https://www.barneyjeffries.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<link rel="https://api.w.org/" href="https://www.barneyjeffries.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.barneyjeffries.com/wp-json/wp/v2/pages/18" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.barneyjeffries.com/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.8.5" />
<link rel='shortlink' href='https://www.barneyjeffries.com/' />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.barneyjeffries.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.barneyjeffries.com%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.barneyjeffries.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.barneyjeffries.com%2F&#038;format=xml" />
<link rel="icon" type="image/png" href="/wp-content/uploads/fbrfg/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="/wp-content/uploads/fbrfg/favicon.svg" />
<link rel="shortcut icon" href="/wp-content/uploads/fbrfg/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="/wp-content/uploads/fbrfg/apple-touch-icon.png" />
<link rel="manifest" href="/wp-content/uploads/fbrfg/site.webmanifest" /><style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>	
</head>
<body class="home wp-singular page-template-default page page-id-18 wp-theme-barneyjeffries">

    <header class="header">
        <h1 class="header__logo">
            <a href="/">
                Barney Jeffries
                <span class="header__logo-line">_</span>
            </a>
        </h1>
        <h2 class="header__tagline">
            /* creative coder & front-end engineer */
        </h2>
        <div class="header__info">
            <a href="#info" class="header__info-toggle">Info</a>
        </div>
    </header>

	<main>

        <section class="info">
            <div class="info__container">
                <div class="info__section group">
                    <div class="col-3">
                        <h3>Info</h3>
                    </div>
                    <div class="col-9">
						<p>Creative, UX-focused Front-end Engineer with over 24 years of experience delivering elegant, performant, and scalable web applications. Expert in React, Next.js, TypeScript, and modern CSS, with a strong passion for building design systems and crafting user-first interfaces.</p>

						<p>Highly collaborative, detail-oriented, and comfortable owning projects from ideation through to launch.</p>

                        <p>I started my career as a designer and learnt to code. My work includes UX and UI design, but also full-stack engineering.</p>
						
						<p>I am currently lead front-end engineer at 10up, working with WordPress, NextJs and React to build highly crafted interactive experiences. </p>
                    </div>
                </div>
                <div class="info__section group not-for-mobile">
                    <div class="col-3">
                        <h3 style="margin-bottom: 0">Tech Stack</h3>
                    </div>
                    <div class="col-9">

                        <dl class="info__stats">
                            <dt>React/NextJs/Vue/Nuxt</dt>
                            <dd class="info__stats-php"></dd>
                            <dt>PHP</dt>
                            <dd class="info__stats-js"></dd>
                            <dt>CSS/SASS</dt>
                            <dd class="info__stats-css"></dd>
                            <dt>HTML</dt>
                            <dd class="info__stats-html"></dd>
                        </dl>


                        <div id="info__stats-currently-playing">

                        </div>
                    </div>
                </div>
				
                <div class="info__section group">
                    <div class="col-3">
                        <h3>Contact</h3>
                    </div>
                    <div class="col-9">
                        <ul class="info__contact">
                            <li>07919 008436</li>
                            <li><a href="mailto:hello@barneyjeffries.com">hello@barneyjeffries.com</a></li>
                            <li><a href="https://www.instagram.com/barneyjeffries/">instagram</a></li>
							<li><a href="https://www.linkedin.com/in/barney-jeffries-6921293/">linkedin</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>

        <div id="page">


    
                    <div class="work-info__title-lg">Alphabetical</div>
        
        <div class="work-info">
            <h2 class="work-info__title">Alphabetical</h2>
            <p class="work-info__details">
                Headless Vue website for Alphabetical Studio            </p>
            <a href="https://www.barneyjeffries.com/project/alphabetical/" class="work-info__link" title="Alphabetical - Headless Vue website for Alphabetical Studio">View project</a>
        </div>

            
        <div class="work-info">
            <h2 class="work-info__title">Starbucks Planet Positive</h2>
            <p class="work-info__details">
                React/NextJS component engineering at 10up            </p>
            <a href="https://www.barneyjeffries.com/project/starbucks-planet-positive/" class="work-info__link" title="Starbucks Planet Positive - React/NextJS component engineering at 10up">View project</a>
        </div>

            
        <div class="work-info">
            <h2 class="work-info__title">CIC</h2>
            <p class="work-info__details">
                Front-end engineering for WordPress website.            </p>
            <a href="https://www.barneyjeffries.com/project/cic/" class="work-info__link" title="CIC - Front-end engineering for WordPress website.">View project</a>
        </div>

            
        <div class="work-info">
            <h2 class="work-info__title">Hilton Trends Report</h2>
            <p class="work-info__details">
                React/NextJS component development for Hilton            </p>
            <a href="https://www.barneyjeffries.com/project/hilton-trends-report/" class="work-info__link" title="Hilton Trends Report - React/NextJS component development for Hilton">View project</a>
        </div>

            
        <div class="work-info">
            <h2 class="work-info__title">Mason</h2>
            <p class="work-info__details">
                Front-end development and WordPress development for Mason, a creative collective.            </p>
            <a href="https://www.barneyjeffries.com/project/mason/" class="work-info__link" title="Mason - Front-end development and WordPress development for Mason, a creative collective.">View project</a>
        </div>

            
        <div class="work-info">
            <h2 class="work-info__title">Lyons Place</h2>
            <p class="work-info__details">
                Front-end development utilising GSAP Javascript animation library.            </p>
            <a href="https://www.barneyjeffries.com/project/lyons-place/" class="work-info__link" title="Lyons Place - Front-end development utilising GSAP Javascript animation library.">View project</a>
        </div>

            
        <div class="work-info">
            <h2 class="work-info__title">Aaron Parsons</h2>
            <p class="work-info__details">
                UX design, front-end &amp; WordPress development.            </p>
            <a href="https://www.barneyjeffries.com/project/aaron-parsons/" class="work-info__link" title="Aaron Parsons - UX design, front-end &amp; WordPress development.">View project</a>
        </div>

            
        <div class="work-info">
            <h2 class="work-info__title">Jacaranda</h2>
            <p class="work-info__details">
                Website design &amp; development in WordPress &amp; Woocommerce            </p>
            <a href="https://www.barneyjeffries.com/project/jacaranda/" class="work-info__link" title="Jacaranda - Website design &amp; development in WordPress &amp; Woocommerce">View project</a>
        </div>

            
        <div class="work-info">
            <h2 class="work-info__title">Association of Financial Mutuals</h2>
            <p class="work-info__details">
                UX design, front-end build and WordPress development            </p>
            <a href="https://www.barneyjeffries.com/project/afm/" class="work-info__link" title="Association of Financial Mutuals - UX design, front-end build and WordPress development">View project</a>
        </div>

            
        <div class="work-info">
            <h2 class="work-info__title">Craig Chapman</h2>
            <p class="work-info__details">
                Branding &amp; website for Craig Chapman Hair Salon.            </p>
            <a href="https://www.barneyjeffries.com/project/craig-chapman/" class="work-info__link" title="Craig Chapman - Branding &amp; website for Craig Chapman Hair Salon.">View project</a>
        </div>

            
        <div class="work-info">
            <h2 class="work-info__title">FIPP World Congress</h2>
            <p class="work-info__details">
                UX design, front-end &amp; WordPress development.            </p>
            <a href="https://www.barneyjeffries.com/project/fipp/" class="work-info__link" title="FIPP World Congress - UX design, front-end &amp; WordPress development.">View project</a>
        </div>

            
        <div class="work-info">
            <h2 class="work-info__title">Summer Day Media</h2>
            <p class="work-info__details">
                Front-end development &amp; WordPress theme development.            </p>
            <a href="https://www.barneyjeffries.com/project/summer-day-media/" class="work-info__link" title="Summer Day Media - Front-end development &amp; WordPress theme development.">View project</a>
        </div>

    
    <section class="viewport">

        <div id="area" class="viewport__hit">

            <div id="scroll-container" class="scroll-container">
                <section class="work">
                    <ul class="work__items">
                    
                        <li class="work__item">
                            <div class="work__image">
                                                                    <img width="800" height="480" src="https://www.barneyjeffries.com/wp-content/uploads/2025/04/abc_thumb-800x480.png" class="respond wp-post-image" alt="" decoding="async" fetchpriority="high" />                                
                            </div>
                        </li>
                    
                        <li class="work__item">
                            <div class="work__image">
                                                                    <img width="800" height="600" src="https://www.barneyjeffries.com/wp-content/uploads/2024/02/Screenshot-2024-02-07-at-12.42.24-800x600.png" class="respond wp-post-image" alt="" decoding="async" />                                
                            </div>
                        </li>
                    
                        <li class="work__item">
                            <div class="work__image">
                                                                    <img width="800" height="600" src="https://www.barneyjeffries.com/wp-content/uploads/2024/02/Screenshot-2024-02-07-at-13.57.31-800x600.png" class="respond wp-post-image" alt="" decoding="async" />                                
                            </div>
                        </li>
                    
                        <li class="work__item">
                            <div class="work__image">
                                                                    <img width="800" height="600" src="https://www.barneyjeffries.com/wp-content/uploads/2024/02/Screenshot-2024-02-07-at-13.52.02-800x600.png" class="respond wp-post-image" alt="" decoding="async" loading="lazy" />                                
                            </div>
                        </li>
                    
                        <li class="work__item">
                            <div class="work__image">
                                                                    <img width="800" height="560" src="https://www.barneyjeffries.com/wp-content/uploads/2020/03/banner-800x560.jpg" class="respond wp-post-image" alt="" decoding="async" loading="lazy" />                                
                            </div>
                        </li>
                    
                        <li class="work__item">
                            <div class="work__image">
                                                                    <img width="800" height="600" src="https://www.barneyjeffries.com/wp-content/uploads/2019/10/lyons-place-800x600.png" class="respond wp-post-image" alt="" decoding="async" loading="lazy" />                                
                            </div>
                        </li>
                    
                        <li class="work__item">
                            <div class="work__image">
                                                                    <img width="800" height="600" src="https://www.barneyjeffries.com/wp-content/uploads/2019/10/widemouthbaycornwall-2000x1335-800x600.jpg" class="respond wp-post-image" alt="" decoding="async" loading="lazy" />                                
                            </div>
                        </li>
                    
                        <li class="work__item">
                            <div class="work__image">
                                                                    <img width="800" height="600" src="https://www.barneyjeffries.com/wp-content/uploads/2019/10/Santushti-Fossil-L1-1800x950-800x600.jpg" class="respond wp-post-image" alt="" decoding="async" loading="lazy" />                                
                            </div>
                        </li>
                    
                        <li class="work__item">
                            <div class="work__image">
                                                                    <img width="800" height="600" src="https://www.barneyjeffries.com/wp-content/uploads/2019/10/afm-800x600.jpg" class="respond wp-post-image" alt="" decoding="async" loading="lazy" />                                
                            </div>
                        </li>
                    
                        <li class="work__item">
                            <div class="work__image">
                                                                    <img width="700" height="600" src="https://www.barneyjeffries.com/wp-content/uploads/2019/10/home-700x600.jpg" class="respond wp-post-image" alt="" decoding="async" loading="lazy" />                                
                            </div>
                        </li>
                    
                        <li class="work__item">
                            <div class="work__image">
                                                                    <img width="800" height="600" src="https://www.barneyjeffries.com/wp-content/uploads/2019/10/171010_093717OH-800x600.jpg" class="respond wp-post-image" alt="" decoding="async" loading="lazy" />                                
                            </div>
                        </li>
                    
                        <li class="work__item">
                            <div class="work__image">
                                                                    <img width="800" height="600" src="https://www.barneyjeffries.com/wp-content/uploads/2019/10/Screenshot-2019-11-17-at-17.42.30-800x600.png" class="respond wp-post-image" alt="" decoding="async" loading="lazy" />                                
                            </div>
                        </li>
                                        </ul>
                </section>
            </div>
        </div>
    </section>


	    </div>

    </main>

    <div class="cursor"></div>
        <div id="awwwards" style="position: fixed; z-index: 999; transform: translateY(-50%); top: 50%;  right: 0"><a href="https://www.awwwards.com" target="_blank"><svg width="53.08" height="171.358"><path class="js-color-bg" fill="white" d="M0 0h53.08v171.358H0z"></path><g class="js-color-text" fill="black"><path d="M20.047 153.665v-1.9h3.888v-4.093h-3.888v-1.9h10.231v1.9h-4.59v4.093h4.59v1.9zM29.898 142.236c-.331.565-.784.997-1.359 1.294s-1.222.446-1.944.446c-.721 0-1.369-.149-1.943-.446a3.316 3.316 0 0 1-1.36-1.294c-.331-.564-.497-1.232-.497-2.002s.166-1.438.497-2.002a3.316 3.316 0 0 1 1.36-1.294c.574-.297 1.223-.445 1.943-.445.723 0 1.369.148 1.944.445a3.307 3.307 0 0 1 1.359 1.294c.331.564.497 1.232.497 2.002s-.166 1.438-.497 2.002m-1.703-3.347c-.435-.33-.967-.496-1.601-.496-.633 0-1.166.166-1.601.496-.433.332-.649.78-.649 1.346 0 .564.217 1.013.649 1.345.435.331.968.497 1.601.497.634 0 1.166-.166 1.601-.497.435-.332.649-.78.649-1.345.001-.566-.214-1.014-.649-1.346M22.911 134.852v-1.813h1.186a3.335 3.335 0 0 1-.951-1.009 2.423 2.423 0 0 1-.352-1.271c0-.682.19-1.229.57-1.645.381-.413.932-.621 1.652-.621h5.262v1.812h-4.721c-.419 0-.727.096-.921.285-.195.19-.292.447-.292.769 0 .302.115.58.35.833.234.254.577.458 1.03.613.454.156.993.234 1.616.234h2.938v1.813h-7.367zM29.898 125.136a3.314 3.314 0 0 1-1.359 1.294c-.575.297-1.222.445-1.944.445-.721 0-1.369-.148-1.943-.445a3.322 3.322 0 0 1-1.36-1.294c-.331-.565-.497-1.232-.497-2.002 0-.771.166-1.438.497-2.003a3.313 3.313 0 0 1 1.36-1.293c.574-.297 1.223-.446 1.943-.446.723 0 1.369.149 1.944.446s1.028.728 1.359 1.293.497 1.232.497 2.003c.001.769-.166 1.436-.497 2.002m-1.703-3.347c-.435-.331-.967-.497-1.601-.497-.633 0-1.166.166-1.601.497-.433.331-.649.778-.649 1.345 0 .564.217 1.013.649 1.344.435.332.968.498 1.601.498.634 0 1.166-.166 1.601-.498.435-.331.649-.779.649-1.344.001-.567-.214-1.014-.649-1.345M22.911 117.75v-1.812h1.199c-.419-.265-.742-.586-.972-.966s-.345-.784-.345-1.213c0-.272.05-.569.146-.892l1.682.336a1.429 1.429 0 0 0-.205.76c0 .576.261 1.048.783 1.418.521.37 1.342.557 2.461.557h2.617v1.812h-7.366zM29.812 111.252c-.391.511-.857.851-1.403 1.016l-.776-1.446c.381-.138.68-.329.893-.577.215-.249.321-.544.321-.885a1.2 1.2 0 0 0-.168-.658c-.112-.175-.294-.263-.548-.263-.225 0-.406.105-.548.313-.142.21-.291.534-.446.973-.019.068-.058.17-.117.307-.224.565-.506 1.004-.848 1.315-.34.313-.779.467-1.314.467-.381 0-.727-.102-1.039-.306a2.185 2.185 0 0 1-.744-.84 2.554 2.554 0 0 1-.279-1.207c0-.497.105-.949.314-1.359.211-.408.506-.725.886-.949l.993 1.082c-.43.292-.644.686-.644 1.184a.84.84 0 0 0 .154.504.471.471 0 0 0 .401.212c.176 0 .338-.103.49-.307.15-.205.334-.604.547-1.199.205-.564.474-1.001.805-1.308.332-.308.756-.46 1.271-.46.721 0 1.299.229 1.732.687s.65 1.057.65 1.797c.001.759-.194 1.396-.583 1.907M35.481 17.006l-4.782 14.969h-3.266l-2.584-9.682-2.584 9.682h-3.268l-4.782-14.969h3.713l2.673 10.276 2.525-10.276h3.445l2.524 10.276 2.674-10.276zM37.978 27.163c1.426 0 2.496 1.068 2.496 2.495 0 1.425-1.07 2.495-2.496 2.495-1.425 0-2.494-1.07-2.494-2.495-.001-1.427 1.069-2.495 2.494-2.495"></path></g></svg></a></div>
	<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/barneyjeffries\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script type="text/javascript" src="https://www.barneyjeffries.com/wp-content/themes/barneyjeffries/assets/js/dist/app.min.js?ver=1.1" id="app.min-js"></script>
	</body>
</html>
<!-- plugin=object-cache-pro client=phpredis metric#hits=991 metric#misses=6 metric#hit-ratio=99.4 metric#bytes=487525 metric#prefetches=68 metric#store-reads=17 metric#store-writes=3 metric#store-hits=78 metric#store-misses=1 metric#sql-queries=19 metric#ms-total=935.95 metric#ms-cache=6.84 metric#ms-cache-avg=0.3601 metric#ms-cache-ratio=0.7 -->
