I am a graphic designer and web developer who creates websites, brand identities and marketing material for a variety of companies including startups, agencies and non-profit organizations. In addition to my design skills, I am also a full-stack web developer.
DESIGN: websites, mobile apps, logos, banner ads, marketing material, advertising, billboards, trade show displays, packaging, photo retouching
Yep, basically the "block links" technique used to make clickable cards. A downside is it prevents selecting any text covered by the pseudo-element; the JavaScript technique can have the same problem.
Your 'pen has `td { position: relative; }` so the link's pseudo-element is not actually covering the row, the row only gets the visual styling that makes it appear clickable.
If you remove the positioning from the `td` and add `tr { position: relative; }` then you'll find you can activate the link by clicking anywhere in the row but you can't select the text in the row (because the link's pseudo-element is "covering" it). However, if you start a text selection outside the table, you can select the whole table (or the first however many rows you want).
This post includes some JavaScript as a progressive enhancement that tries to differentiate text selection from clicks.
I am a graphic designer and web developer who creates websites, brand identities and marketing material for a variety of companies including startups, agencies and non-profit organizations. In addition to my design skills, I am also a full-stack web developer.
DESIGN: websites, mobile apps, logos, banner ads, marketing material, advertising, billboards, trade show displays, packaging, photo retouching
I am a graphic designer and web developer who creates websites, brand identities and marketing material for a variety of companies including startups, agencies and non-profit organizations. In addition to my design skills, I am also a full-stack web developer.
DESIGN: websites, mobile apps, logos, banner ads, marketing material, advertising, billboards, trade show displays, packaging, photo retouching
I am a graphic designer and web developer who creates websites, brand identities and marketing material for a variety of companies including startups, agencies and non-profit organizations. In addition to my design skills, I am also a full-stack web developer.
DESIGN: websites, mobile apps, logos, banner ads, marketing material, advertising, billboards, trade show displays, packaging, photo retouching
I am a graphic designer and web developer who creates websites, brand identities and marketing material for a variety of companies including startups, agencies and non-profit organizations. In addition to my design skills, I am also a full-stack web developer.
DESIGN: websites, mobile apps, logos, banner ads, marketing material, advertising, billboards, trade show displays, packaging, photo retouching
I am a graphic designer and web developer who creates websites, brand identities and marketing material for a variety of companies including startups, agencies and non-profit organizations. In addition to my design skills, I am also a full-stack web developer.
DESIGN: websites, mobile apps, logos, banner ads, marketing material, advertising, billboards, trade show displays, packaging, photo retouching
I am a graphic designer and web developer who creates websites, brand identities and marketing material for a variety of companies including startups, agencies and non-profit organizations. In addition to my design skills, I am also a full-stack web developer.
DESIGN: websites, mobile apps, logos, banner ads, marketing material, advertising, billboards, trade show displays, packaging, photo retouching
I am a graphic designer and web developer who creates websites, brand identities and marketing material for a variety of companies including startups, agencies and non-profit organizations. In addition to my design skills, I am also a full-stack web developer.
DESIGN: websites, mobile apps, logos, banner ads, marketing material, advertising, billboards, trade show displays, packaging, photo retouching
Web Developer + Graphic Designer
I am a graphic designer and web developer who creates websites, brand identities and marketing material for a variety of companies including startups, agencies and non-profit organizations. In addition to my design skills, I am also a full-stack web developer.
DESIGN: websites, mobile apps, logos, banner ads, marketing material, advertising, billboards, trade show displays, packaging, photo retouching
DEVELOPMENT: HTML, CSS, SCSS, JavaScript, Angular, jQuery, Node, PHP, Python, Django, MySQL, PostgreSQL, Bootstrap, Foundation, REST APIs, Wordpress, Git, Webpack, Jekyll, Hugo
PORTFOLIO: https://sunderland.studio
LINKEDIN: http://linkedin.com/in/stevesunderland
CONTACT: stevesunderland@gmail.com