inautilo

inautilo, 8 days ago to business

“The simplicity of HTML and CSS now feels like a radical act. To build a website with just these tools is a small protest against platform capitalism: a way to assert sustainability, independence, longevity.” — Jarrett Fuller

---

#Business #OpenWeb #IndieWeb #SmallWeb #Website #Blog #WebDesign #Development #WebDev #Frontend #Quote

inautilo, 8 days ago to webdev

#Development #Techniques
The modern guide for making CSS shapes · Shapes with the smallest and most flexible code possible https://ilo.im/15yu2g

---

#Shape #Tab #Tooltip #Clipping #Masking #WebDev #Frontend #HTML #CSS #CustomProperty

inautilo, 10 days ago to music

#Development #Surprises
Printing music with CSS Grid · A fantastic showcase of what CSS Grid is capable of https://ilo.im/15yrr6

---

#Music #MusicNotation #CssGrid #WebDev #Frontend #SVG #HTML #CSS #JavaScript

inautilo, 22 days ago to webdev

#Development #Techniques
Write better CSS with modern CSS · New CSS features can help you streamline your code https://ilo.im/15ynzs

---

#ModernCSS #Code #Optimization #WebDev #Frontend #CSS #CssNesting #CustomProperty #MediaQuery

inautilo, 25 days ago to react

#Development #Explainers
HTML attributes vs. DOM properties · What fewer and fewer developers seem to know https://ilo.im/15ynz8

---

#Framework #React #Preact #Lit #VueJS #WebDev #Frontend #DOM #HTML #JavaScript

inautilo, 27 days ago to webdev

#Development #Launches
CSS Shape · A collection of easily customizable CSS-only shapes https://ilo.im/15yn9c

---

#Shape #Gradient #Color #ModernCSS #WebDev #Frontend #HTML #CSS #CustomProperty

inautilo, 1 month ago to javascript

#Development #Comparisons
Comparing JavaScript frameworks (Part 1) · Let’s compare the template languages of the frameworks https://ilo.im/15yeds

---

#Framework #Angular #React #Svelte #VueJS #WebDev #Frontend #JavaScript

inautilo, 1 month ago to design

#Development #Guides
CSS color-scheme-dependent colors with light-dark() · Simpler dark mode setup with the light-dark() function https://ilo.im/15yefd

---

#LightMode #DarkMode #DesignTheme #Design #WebDesign #WebDev #Frontend #CSS

inautilo, 2 months ago to programming

“Take care of yourself. Sleep. Eat. Exercise. Rest. Relax. Take care of other people, as best you can. People are important. Software is just fun.” — Lars Wirzenius

---

#Development #Programming #DeveloperLife #SelfCare #LifeStyle #People #Software #WebDev #Quote

inautilo, 2 months ago to business

#Business #Reports
The W3C is now investigating the ethics of generative AI · The web standards organization takes a closer look https://ilo.im/15ya32

---

#Ethics #Web #OpenWeb #WebStandard #W3C #AI #GenerativeAI #Development #WebDev

inautilo, 2 months ago to design

#Design #Launches
Dead Simple Sites · Minimalist websites and blogs for your inspiration https://ilo.im/15y395

---

#Collection #Minimalism #Simplicity #UxDesign #UiDesign #WebDesign #IndieWeb #Website #Blog #Content

inautilo, 3 months ago to Engineering

#Development #Analyses
Web development is getting too complex · “We have to blame ourselves for over-engineering our projects.” https://ilo.im/15xwvl

---

#WebTechnology #Engineering #Tooling #Framework #WebDev #Frontend #HTML #CSS #JavaScript

inautilo, 3 months ago to animation

#Development #Techniques
Off-canvas menu with ‘dialog’ and web components · “The HTML ‘dialog’ element is not just for creating modals.” https://ilo.im/15xtfg

---

#Navigation #Modal #Animation #Accessibility #WebDev #Frontend #WebComponent #HTML #CSS #JavaScript

inautilo, 3 months ago to accessibility

#Development #Guidelines
How to create accessible navigations and sub-menus · Best practices for more inclusive navigation elements https://ilo.im/15xu03

---

#Navigation #Menu #Usability #Accessibility #WebDev #Frontend #HTML #SemanticHTML #ARIA

inautilo, 3 months ago to webdev

#Development #Trends
PHP version stats: January, 2024 · The current PHP versions used across the community https://ilo.im/15xter

---

#PhpCommunity #WebDev #Backend #PHP #OpenSource

inautilo, 3 months ago to webdev

#Development #Approaches
HTML web components on the server are great · Server-side HTML web components are easier to scale https://ilo.im/15xtg5

---

#WebComponent #HtmlWebComponent #WebDev #Frontend #HTML #JavaScript #Backend #WebServer

inautilo, 3 months ago to design

#Development #Techniques
Using CSS ‘font-variant-numeric’ · How to enable alternate numeric glyphs in some fonts https://ilo.im/15xsgp

---

#Design #UiDesign #VisualDesign #WebDesign #Typography #Number #WebDev #Frontend #CSS #Font

inautilo, 3 months ago to business

#Business #Reports
Apple is finally allowing full Chrome/Firefox on iOS · The company has to comply with new EU regulations. https://ilo.im/15xsc3

#EU #Regulation #iOS #BrowserChoice #Browser #BrowserEngine #Development #WebDev #Frontend

inautilo, 4 months ago to Blog

#Development #Challenges
Let’s make the indie web easier · “We need more than WordPress.” https://ilo.im/15xm2z

---

#Website #Blog #OpenWeb #IndieWeb #SmallWeb #WebDev #Frontend #Backend #CMS #WebsiteTool #Hosting

inautilo, 4 months ago to design

#Design
‘Craft at scale’ is a white whale · Are designers and product folks really craftspeople? https://ilo.im/15xkqr

“If pursuit of craft is what drives you, you need to find smaller, slower waters.” — Adam Stoddar

---

#Craft #Scalability #ProductDesign #UxDesign #UiDesign #VisualDesign #WebDesign #DesignProcess #Terminology

inautilo, 5 months ago to design

#Design #Techniques
How to achieve consistency in Dall-E images · Easily retain a subject in a series of images with prompts https://ilo.im/15xbvb

---

#UiDesign #DigitalDesign #WebDesign #GraphicDesign #AI #GenerativeAI #Photography #Imagery

inautilo, 6 months ago to webdev

#Development #Introductions
Understanding HTML landmarks and how to apply them · How to translate visual information into HTML landmarks https://ilo.im/15g6df

---

#WebDev #Accessibility #ScreenReader #Landmark #Frontend #HTML #ARIA

inautilo, 6 months ago to webdev

#Development #Pitfalls
Surprising facts about the new CSS selectors · These selectors might trick you; use them with care https://ilo.im/15fvex

---

#WebDev #CSS #CssNesting #CssSelectors #CssPseudoClasses #CssSpecificity

inautilo, 6 months ago to design

#Design #Challenges
Let’s reinvent the wheel · Dear web industry, what is wrong with you? https://ilo.im/15ei84

“Figma and Photoshop are for people who believe the web looks like an image.” — Vasilis van Gemert

---

#UiDesign #WebDesign #Tools #Accessibility #Development #WebDev #Frontend #HTML #SemanticHTML #CSS

inautilo, 6 months ago to business

“When you start an open source project, put aside at least half of your time for marketing.” — Nuno Maduro

---

#Business #Projects #SideProjects #Marketing #Development #WebDev #OpenSource #Quote