.portfolio {
display: flex;
}
I’m Daniel, your friendly neighborhood front-end dev bridging the gap between creativity and functionality.
Capabilities
Here is a link to my resume for the more official and technical list of skills, but I bring more than that to the table.
-
General
- Reusable HTML and CSS naming conventions for fluid transitions between multiple sites
- Alphabetically organized CSS properties and HTML attributes for easy reading
- Cross browser/OS compatible code
- Fully responsive
- Optimized HTML, CSS, JS for better page load speed
- Use of most up to date and compatible techniques/systems/etc
-
CSS
- Properly cascading to minimize redundancy
- Organized files with clear sections and labels
- Reusable framework for efficiency (with documentation)
- CSS variables to ensure consistency in color, font, and other properties uses
- Responsive scaling spacers and font sizes
- Consistent spacing for all content elements (heading, paragraphs, lists, etc)
- Default styling of commonly used elements including lists and video iframe embeds (to ensure responsiveness)
- Smooth transitions on all state changes
- Smooth lazy loaded images
- Footer automatically positions at the bottom of the viewport if a page is too short
-
HTML
- Modular for use in blocks (no templates or dependency on module placement for the site to render properly)
- Efficient HTML with no empty elements used for styling/spacing
- ADA compliant (semantic heading hierarchy, proper use of HTML elements, labels, alt tags, etc)
- SEO optimized
-
Additional Custom Default Styles
- Branded focus state of interactive elements
- Branded selection/highlight colors
- Mobile menu button custom animation/styling
- Custom icon font preloaded with commonly used icons like arrows, chevrons and all popular social media platforms
-
Extensions of Designs Without Mockups
- Mobile and tablet layouts
- Custom mobile navigation design
- Navigation dropdown styling
- Custom interactive states of elements (cards, form fields, etc)
- Custom hover states for all links, including addition styles for buttons
- Responsive/variable state logos (when applicable)
- Extend static design elements to interactive/animated website components
- Create additional pages/elements and maintain brand consistency/design style (Ex 404, search results, modals, etc)
-
Additional CSS Features
- “Fool-proof” CSS to ensure layouts can’t be broken by user added content/images
- Conditional CSS with fallback styles for specific block interactions/settings
- Custom and systematic solutions to unique problems
- Dynamic element styling (numbered unique content, automatically scaling cards/sections, etc)
About
My name is Daniel and I am a front-end web developer who started as a designer. I moved into front-end dev during my last agency job and found myself in a world where the code was either right or wrong. It was finally a place I could see myself living in. My attention to detail allows me to research and implement best practices while remaining flexible and collaborative.
With a combination of technical skills and design experience I think I have a unique perspective on bridging the gap between creativity and functionality. I enjoy working with designers and back-end developers to create seamless transitions from design to code. Outside of work, I’ve aged into birdwatching. Wondering why it’s jellyfish instead of birds? I like diving and the ocean too.
Projects
Trofeo
TrofeoRequest:
Build new website for a tech company with very specific content needs.
Main Focus:
Custom Wordpress theme setup with blocks for easy content management and page building to effectively organize and display highly technical content. HTML, CSS, Javascript, and PHP.
Importance:
There was a large amount of technical content that needed to look good and be easy to understand. The focus was on responsiveness, compliance and speed performance with subtle animation instances to create a high-end established look and feel.
Awards: 2024 AAF Tampa Bay Silver Addy
RevTide
RevTideRequest:
New website for a startup looking to become an authority in their field via blog posts and customer testimonials.
Main Focus:
Custom WordPress theme with high performance page load speed. HTML, CSS, Javascript, and PHP.
Importance:
The focus was on creating engaging animations to make the site stand out from competitors while also maintaining fast page load speed. I was able to take the “line” established in the design to create animations throughout the site for a more dynamic display. Some subtle uses of the element can be seen in the button and text link hover states.
Think Big for Kids
Think Big for KidsRequest:
Build a new WordPress theme and implement a brand refresh with a focus on increasing donor engagement and partnerships.
Main Focus:
Developed a new custom theme with engaging interactive elements. HTML, CSS, JavaScript, and PHP.
Importance:
The goal was to make information digestible and visually appealing. I was given the opportunity to come up with unique hover states and interactions for buttons and dynamic use of the color system. All of the content/image grids automatically reformat and recolor based on user content in WordPress. One of the more complex elements was an accordion that transitioned from a vertical layout on mobile to a horizontal layout on desktop. Using the ‘writing-mode’ and ‘rotate’ CSS properties, I was able to place vertical text that was content managed but wouldn’t break the layout on any viewport.
Awards: 2025 Webby nominee, 2024 AAF Tampa Bay Gold Addy, 2024 AAF Tampa Bay Best of the Bay Award
Roy’s
Roy’sRequest:
New website and brand refresh requiring high performance and full ADA compliance.
Main Focus:
Developed a custom WordPress theme to replace the outdated, static, and unresponsive site. HTML, CSS, JavaScript, and PHP.
Importance:
The old site was unresponsive, didn’t have a CMS and was not ADA compliant. I built a new site with a flexible block editor, 100% ADA compliance and a performance score above 90%. A key challenge was creating a unique slider without being obnoxious. The designer had a specific vision for how the slides should transition. After experimenting with different approaches, I figured out that two synchronized sliders would create the illusion of independent transitions, allowing for smooth functionality and easy content management within that element.
RS
RSProject:
Standardize and streamline website development by creating a reusable, scalable code framework.
Main Focus:
Designed a CSS framework that extends Bootstrap, reducing repetitive HTML and CSS. Implemented utility-based CSS variables to improve consistency, minimize errors, and make my life easier.
Importance:
All code from previous developers was chaotic and messy. Over the years with each site I learned new techniques that came together as a whole CSS framework that I could use to do some crazy stuff using CSS. This framework allows for scaling, maintaining and debugging to be easier. I created the documentation website so anyone could download and use RS.
Saddle Creek Logistics
Saddle Creek LogisticsRequest:
Overhaul the main website while preserving the existing microsites and landing pages.
Main Focus:
Updated existing WordPress theme to transition from static page templates to a custom block-based editor (before WordPress officially introduced block editing). Broke the design into modular components to allow the client to build new pages, rearrange layouts, and gain flexibility that page templates couldn’t provide. Reviewed pre-existing microsites and landing pages to prevent potential conflicts with the new site. HTML, CSS, JavaScript, and PHP.
Importance:
The project required maintaining 2 microsites and over 10 landing pages, some managed in WordPress, others as static HTML. I reviewed dependencies, shared resources, and critical assets, then siloed them off avoiding conflicts to ensure a smooth transition.
