Found 27 bookmarks
Custom sorting
Web dev craftsmanship
Web dev craftsmanship
I’m coming to realize that a lot of my dissatisfaction with the state of the web is that I view web development as a craft, but as a profession we’re in the late-stage industrial age. I prefer a web of hand-laid bricks placed by skilled masons. The industry wants poured, stamped concrete. I want a web of bespoke suits. The industry wants mass-produced fast-fashion. Why learn CSS when you can just slap some Tailwind on things?
·gomakethings.com·
Web dev craftsmanship
Embrace the Platform
Embrace the Platform
At the end of 2021, CSS-Tricks (RIP) asked a bunch of authors “What is the one thing people can do to make their websites better?”. This here, is my submission for that end-of-year series.
·bram.us·
Embrace the Platform
DEF CON 31 - An Audacious Plan to Halt the Internet's Ensh*ttification - Cory Doctorow
DEF CON 31 - An Audacious Plan to Halt the Internet's Ensh*ttification - Cory Doctorow
The enshittification of the internet follows a predictable trajectory: first, platforms are good to their users; then they abuse their users to make things better for their business customers; finally, they abuse those business customers to claw back all the value for themselves. Then, they die. It doesn't have to be this way. Enshittification occurs when companies gobble each other up in an orgy of mergers and acquisitions, reducing the internet to "five giant websites filled with screenshots of text from the other four" (credit to Tom Eastman!), which lets them endlessly tweak their back-ends to continue to shift value from users and business-customers to themselves. The government gets in on the act by banning tweaking by users - reverse-engineering, scraping, bots and other user-side self-help measures - leaving users helpless before the march of enshittification. We don't have to accept this! Disenshittifying the internet will require antitrust, limits on corporate tweaking - through privacy laws and other protections - and aggressive self-help measures from alternative app stores to ad blockers and beyond!
·youtube.com·
DEF CON 31 - An Audacious Plan to Halt the Internet's Ensh*ttification - Cory Doctorow
Fluid Design Tools for a Responsive Design System World
Fluid Design Tools for a Responsive Design System World
Modern design tools are great, but their efforts to reflect the responsive reality of web design have been lacking. Too often, they’re stuck in static design thinking, or adaptive layouts like mobile, tablet, and desktop. The rise of design systems has helped, allowing for easy preview of responsive patterns. But our design tools aren’t yet equipped to allow designers to move easily from design to code. Where are the tools that allow for truly fluid layouts? What would they even look like? In this talk, Jason will look at how our design processes have changed, how design tools should integrate with design systems, and how close we can get to an ideal fluid design tool today.
·youtube.com·
Fluid Design Tools for a Responsive Design System World
CSS Inheritance, The Cascade And Global Scope: Your New Old Worst Best Friends — Smashing Magazine
CSS Inheritance, The Cascade And Global Scope: Your New Old Worst Best Friends — Smashing Magazine
I'm big on [modular design](https://www.smashingmagazine.com/2016/06/designing-modular-ui-systems-via-style-guide-driven-development/). I've long been sold on dividing websites into components, not pages, and amalgamating those components dynamically into interfaces. Flexibility, efficiency and maintainability abound.
·smashingmagazine.com·
CSS Inheritance, The Cascade And Global Scope: Your New Old Worst Best Friends — Smashing Magazine
Reluctant Gatekeeping: The Problem With Full Stack
Reluctant Gatekeeping: The Problem With Full Stack
Much of my career as a web designer has been spent, quite happily, working alongside programmers, engineers, people with computer science…
We need to identify exploitation. While there are some gleeful Full Stack Developers, many are computer scientists given too many responsibilities, and over things for which they are not willing or qualified to be held accountable.We need to address the undervaluing of HTML and CSS for what it is: gender bias. Even though we wouldn’t have computer science without pioneering women, interloping men have claimed it for themselves. Anything less than ‘real programming’ is now considered trivial, silly, artsy, female. That attitude needs to eat a poisoned ass.We need to revisit the separation of concerns principle. We simply can’t afford for people to have to know everything just to do something. It’s good that we conceptualize designs in terms of self-contained components now, but that can be a mental model without being a technology-specific land-grab.Most of all, we need to educate people who don’t code at all just how many different things different types of code can do, and how different each is to understand and write. Hopefully, this way, more of us will be writing the kind of code that suits us best, and not spending our time anxious and demoralized because we don’t know what we’re doing, or we simply have too much on our plate. That’s not to say that if you do take to JS, CSS, HTML, SQL, and C# you shouldn’t be writing all of them if you‘d like to and you have enough time!
·medium.com·
Reluctant Gatekeeping: The Problem With Full Stack
Ending design handoff: this is our fight
Ending design handoff: this is our fight
If we, as designers, don’t fight to end the design handoff sh** show, then who will?
unnecessary rework of both design and code is nearly guaranteed, and the monetary costs are high. The Dev Ops Research & Assessment Group calculates that for a medium-sized business at a medium level of technical performance, upwards of 37.8M is lost to unnecessary rework each year.
Forrester Research quantified how much cheaper it is to find and fix problems earlier in the build process, with costs 30 times higher if fixes happen after work ships.
starting with a Double Diamond design process, then shifting to the build phase with iterative engineering sprints:In No Handoff, discovery, and development phases happen in iterations with the involvement of an interdisciplinary team:Discovery is not conducted solely by the UX and Design team, nor compressed into a single sprint. It takes place in cycles as the team tests the prototype with users and gains more insights.Definition is when decisions are made on what to prioritize, and what to work on next. Basing these decisions on the latest rounds of feedback further reduces risk.During Develop/Deliver stages, both design and functionality emerge side by side, informing one another. In this way, designers avoid specifying needlessly expensive directions or components or designing things in detail that don’t have value or won't be built. Engineers avoid building functionality ahead of validated business needs, and also avoid unnecessary rework due to unexpected redesigns.
This iterative process clearly reduces risk, but other benefits are more surprising.Teams develop a shared vocabulary, tooling, and cadence, closing the gap between engineering and product.The voice of the end user is elevated; design and function co-emerge based on real usability needs. Traditional project handoff precludes the possibility of continuous listening, while the No Handoff Method is built around it.Designers are working directly on the product design, not on throwaway artifacts.Onboarding is happening continuously with end users during frequent testing phases. This further reduces the risk of users (or other stakeholders) unexpectedly rejecting the end results.Iteration and frequent user testing can give Marketing and Sales teams invaluable insights in advance of releases.An atmosphere of trust is built as developers and designers become comfortable openly sharing work earlier in the ideation phase without fear of reprisal for mistakes or imperfections.Leadership and end-users trust that they are being heard, too, because they see and experience the results of their feedback in future iterations.Trust allows teams to develop a culture of learning, continuously improving the product.
·uxdesign.cc·
Ending design handoff: this is our fight
The Best Handoff Is No Handoff — Smart Interface Design Patterns
The Best Handoff Is No Handoff — Smart Interface Design Patterns
Design handoffs are inefficient and painful. They cause frustration, friction and a lot of back and forth. Can we avoid them altogether? Of course we can! Let’s see how to do just that.
Design decisions have to be informed by technical implementations and its limitations. There is no universal language around design patterns and their interaction design either. And not every design detail can be implemented in an accessible and performant way. This is why beautiful mock-ups turn into painfully slow and inaccessible monsters.
·smart-interface-design-patterns.com·
The Best Handoff Is No Handoff — Smart Interface Design Patterns
Responsive design: seams & edges
Responsive design: seams & edges
In some ways, responsive design was an attempt to move past the idea of a “page.” How’s that worked out for us?
as soon as a page is published online, we can’t predict how someone experiences it. Their screen might be wildly smaller or larger than mine, sure. But any number of factors might change the user’s experience: their network might be punishingly slow; their data plan could be stringently capped; they may use their voice to interact with my design; they may not see the screen like I do. In other words, we’ve never had any kind of control on the Web. And that lack of control can feel scary, sure — but if we approach it properly, it can be incredibly powerful.
·ethanmarcotte.com·
Responsive design: seams & edges
Things You Should Never Do, Part I
Things You Should Never Do, Part I
Netscape 6.0 is finally going into its first public beta. There never was a version 5.0. The last major release, version 4.0, was released almost three years ago. Three years is an awfully long tim…
·joelonsoftware.com·
Things You Should Never Do, Part I
Sometimes the job is an assembly line
Sometimes the job is an assembly line
A riff on a post by Robb Owen
creative work is much better suited by a prototyping demo loop or a hot-potato process to overcome the tension between design and development
Anyways. If you do find yourself stuck on an assembly line, I recommend a good set of headphones and chill lo-fi beats or whatever music helps you focus.
·daverupert.com·
Sometimes the job is an assembly line
But My Client Wants ...
But My Client Wants ...
The JAMstack, static site, serverless revolution has started. A lot of people working with clients think they can't use this amazing new architecture because their clients want very specific things. This site is meant to help you solve your clients' needs while getting to use the JAMstack!
·myclientwants.com·
But My Client Wants ...
Henry From Online | How To Make a Website
Henry From Online | How To Make a Website
I got an email recently from a kind online friend asking to learn about my process or what makes a good website. It's also good impetus for me to be a little more candid and critical about my practice — here's my breakdown on how to make a Good Website.
·henry.codes·
Henry From Online | How To Make a Website