Discussion
Loading...

#Tag

Log in
  • About
  • Code of conduct
  • Privacy
  • About Bonfire
Stefan Bohacek
Stefan Bohacek
@stefan@stefanbohacek.online  ·  activity timestamp 4 hours ago

A nice run-down of open-source tools for designers, via @piccalilli.

"[...] the first few months of planning the course revolved around breaking out of the Figma ecosystem and putting as many free and open source tools to the test as we could. Now, the fact this article exists shows that we succeeded on that front, but what I honestly didn’t expect was that the experience would be so good (and honestly quite liberating) that I’d actually be switching my whole design setup to free and open source tools."

https://piccalil.li/blog/the-open-source-design-stack/

#OpenSource #design #WebDesign

Piccalilli

The open source design stack

Scott Riley tested free and open source design tools out when researching his course, Mindful Design. They actually worked out better than Figma ever could, as he explains in this article with loads of options for you.
  • Copy link
  • Flag this post
  • Block
Social Media Channel boosted
Walls.io
Walls.io
@walls_io@mastodon.world  ·  activity timestamp yesterday

Want to keep your website fresh & engaging? 🌟 Embed a social feed & watch the magic unfold! ✨ Dive in for killer examples and see how it transforms your site! Ready for this? 🤔 👉 https://blog.walls.io/socialmedia/social-media-feed-on-website-examples/ #SocialMedia #WebDesign #Engagement

Walls.io Social Wall - Blog

Social Media Feed on Website Examples and Best Practices

Check out some of the most inspiring social media feed on website examples from popular brands and create yours in less than 5 minutes.
  • Copy link
  • Flag this post
  • Block
Walls.io
Walls.io
@walls_io@mastodon.world  ·  activity timestamp yesterday

Want to keep your website fresh & engaging? 🌟 Embed a social feed & watch the magic unfold! ✨ Dive in for killer examples and see how it transforms your site! Ready for this? 🤔 👉 https://blog.walls.io/socialmedia/social-media-feed-on-website-examples/ #SocialMedia #WebDesign #Engagement

Walls.io Social Wall - Blog

Social Media Feed on Website Examples and Best Practices

Check out some of the most inspiring social media feed on website examples from popular brands and create yours in less than 5 minutes.
  • Copy link
  • Flag this post
  • Block
Jon lower-chance-of-Snowfield
Jon lower-chance-of-Snowfield
@urlyman@mastodon.social  ·  activity timestamp 2 days ago

@simon_brooke chastened. Thanks

Simon Brooke
Simon Brooke
@simon_brooke@mastodon.scot replied  ·  activity timestamp 2 days ago

@urlyman We've all been there. In more than thirty years of #WebDesign I've written some horrible things myself. I now deliberately separate layout styling and colour styling into separate files, to simplify reskinning colour. But really, if you're using more than a dozen colours on a page, WHY?

#CSS should be simple!

  • Copy link
  • Flag this comment
  • Block
Simon Brooke
Simon Brooke
@simon_brooke@mastodon.scot  ·  activity timestamp 2 days ago

I visited a popular #OpenSource documentation site this morning, and the glare almost blinded me.

Folk, in this day and age, if you run a website, there is NO EXCUSE for not implementing `@media: prefers-color-scheme(dark)`

But, I thought, this is open source! I can submit a pull request to fix this!

Reader, there are ONE HUNDRED AND FORTY-FOUR distinct colours specified in three different syntaxes.

#CSS
#WebDesign
#NoExcuse

  • Copy link
  • Flag this post
  • Block
Dave Winer ☕️
Dave Winer ☕️
@davew@mastodon.social  ·  activity timestamp 3 days ago

@zleap

I don’t know what a media query is.

Paul Sutton (zleap)
Paul Sutton (zleap)
@zleap@techhub.social replied  ·  activity timestamp 3 days ago

@davew

I am hardly an expert at this, however I did the free code camp responsive web design course during lockdown in 2020/21.

IIRC a media query is used to take the screen size and apply specifc attributes (such as font size) according to the size (in pixels) of the screen.

https://www.w3schools.com/css/css3_mediaqueries.asp

Clearly a desktop / laptop screen is a lot bigger than a tablet or mobile.

It should be possible to resize images, much easier with svg as they are meant to scale.

Hope this helps

#html
#css
#mediaquery
#webdesign

Hopefully someone can help with this.

W3Schools.com

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
  • Copy link
  • Flag this comment
  • Block
Business Channel boosted
Inautilo
Inautilo
@inautilo@mastodon.social  ·  activity timestamp 2 weeks ago

#Business #Outlooks
Thoughts on the open web · We need a web where people choose open publishing https://ilo.im/169z4r

_____
#Publishing #Content #Blogs #Websites #Openness #OpenWeb #Design #WebDesign #Development #WebDev

  • Copy link
  • Flag this post
  • Block
Business Channel boosted
Inautilo
Inautilo
@inautilo@mastodon.social  ·  activity timestamp 3 days ago

#Business #Cartoons
5 stages of AI adoption · How will our work change with AI? https://ilo.im/16ablb

_____
#Adoption #AI #Design #ProductDesign #UxDesign #UiDesign #WebDesign #Development #DevOps #WebDev

Marketoonist | Tom Fishburne - Marketoonist is the thought bubble of Tom Fishburne. Marketing cartoons, content marketing with a sense of humor, keynote speaking.

5 Stages of AI Adoption

Steve Jobs famously described the computer as a "bicycle for the mind." Last week, my old friend Jason Copeland invited me to join a Silicon Valley roundtable he moderated with a fascinating topic: "Will AI be a bicycle for the mind? Or an autopilot to which we passively delegate human judgment and creativity? "We're biologically
  • Copy link
  • Flag this post
  • Block
Inautilo
Inautilo
@inautilo@mastodon.social  ·  activity timestamp 3 days ago

#Business #Cartoons
5 stages of AI adoption · How will our work change with AI? https://ilo.im/16ablb

_____
#Adoption #AI #Design #ProductDesign #UxDesign #UiDesign #WebDesign #Development #DevOps #WebDev

Marketoonist | Tom Fishburne - Marketoonist is the thought bubble of Tom Fishburne. Marketing cartoons, content marketing with a sense of humor, keynote speaking.

5 Stages of AI Adoption

Steve Jobs famously described the computer as a "bicycle for the mind." Last week, my old friend Jason Copeland invited me to join a Silicon Valley roundtable he moderated with a fascinating topic: "Will AI be a bicycle for the mind? Or an autopilot to which we passively delegate human judgment and creativity? "We're biologically
  • Copy link
  • Flag this post
  • Block
Social Media Channel boosted
crc.studio
crc.studio
@crc.studio@pixelfed.social  ·  activity timestamp 4 days ago

crc.studio designed and developed the branding, UI, social media, and full functionality of NadineCorp©, an open-source accounting tool for designers of the Maison des Artistes, 2020.





● FOR: NadineCorp©

● WITH: ultravolcan

● TYPEFACES: Nimbus, Redaction & Astenia

● MORE: https://crc.studio/works/nadine-corp-branding





____________

#branding #webdesign #socialmedia #nimbus #redaction #astenia

Sorry, no caption provided by author
Sorry, no caption provided by author
Sorry, no caption provided by author
Pixelfed

pixelfed

Pixelfed

pixelfed

Pixelfed

pixelfed

Pixelfed

pixelfed

crc.studio

NadineCorp© ● design by crc.studio

crc.studio designed and developed the branding, UI, social media, and full functionality of NadineCorp©, an open-source accounting tool for designers of the Maison des Artistes.
Pixelfed

pixelfed

Pixelfed

pixelfed

  • Copy link
  • Flag this post
  • Block
crc.studio
crc.studio
@crc.studio@pixelfed.social  ·  activity timestamp 4 days ago

crc.studio designed and developed the branding, UI, social media, and full functionality of NadineCorp©, an open-source accounting tool for designers of the Maison des Artistes, 2020.





● FOR: NadineCorp©

● WITH: ultravolcan

● TYPEFACES: Nimbus, Redaction & Astenia

● MORE: https://crc.studio/works/nadine-corp-branding





____________

#branding #webdesign #socialmedia #nimbus #redaction #astenia

Sorry, no caption provided by author
Sorry, no caption provided by author
Sorry, no caption provided by author
Pixelfed

pixelfed

Pixelfed

pixelfed

Pixelfed

pixelfed

Pixelfed

pixelfed

crc.studio

NadineCorp© ● design by crc.studio

crc.studio designed and developed the branding, UI, social media, and full functionality of NadineCorp©, an open-source accounting tool for designers of the Maison des Artistes.
Pixelfed

pixelfed

Pixelfed

pixelfed

  • Copy link
  • Flag this post
  • Block
Social Media Channel boosted
Walls.io
Walls.io
@walls_io@mastodon.world  ·  activity timestamp 5 days ago

Want to juice up your website? 💥 Embed a social media feed & showcase fresh, engaging content in a flash! 💻✨ Find out how – are you ready to level up your online presence? 🤔 👉https://blog.walls.io/socialmedia/social-media-feed-on-website-examples/ #SocialMedia #WebDesign #EngageYourAudience

Walls.io Social Wall - Blog

Social Media Feed on Website Examples and Best Practices

Check out some of the most inspiring social media feed on website examples from popular brands and create yours in less than 5 minutes.
  • Copy link
  • Flag this post
  • Block
Walls.io
Walls.io
@walls_io@mastodon.world  ·  activity timestamp 5 days ago

Want to juice up your website? 💥 Embed a social media feed & showcase fresh, engaging content in a flash! 💻✨ Find out how – are you ready to level up your online presence? 🤔 👉https://blog.walls.io/socialmedia/social-media-feed-on-website-examples/ #SocialMedia #WebDesign #EngageYourAudience

Walls.io Social Wall - Blog

Social Media Feed on Website Examples and Best Practices

Check out some of the most inspiring social media feed on website examples from popular brands and create yours in less than 5 minutes.
  • Copy link
  • Flag this post
  • Block
Senna ☀️
Senna ☀️
@earth_walker@mindly.social  ·  activity timestamp 5 days ago

what are some websites that inspired you as a web developer or designer?

#webDev #webDesign

  • Copy link
  • Flag this post
  • Block
Bob Monsour boosted
Jessie Heald
Jessie Heald
@JessieHealdUK@defcon.social  ·  activity timestamp 5 days ago

I'm SO proud of how dark mode looks on my portfolio 🤩 . And even happier with #11ty for making my portfolio possible. #SSG s are the future, I'm sure of it! #WebDesign #WebDevelopment

A screenshot of my personal portfolio website. At the top left my name, with the page links at the top right.

Beneath is a bold heading across 2 lines, first line saying: "Hi there." in white, second line saying: "I'm Jessie..." in purple.

Beneath the heading is a description with key points highlighted: "a full stack React and Node developer, based in Birmingham, UK. I'm an accessibility and impact driven developer with over 15 years of experience and a love for FOSS. I write maintainable web apps and sites that scale, with a focus on clean and agile code to support sustainable growth and stability. "

Below that are 3 icons for: Mastodon, Codeberg and GitHub.

At the very bottom of the screenshot are purple gardient waves. The background is a stary dark purple color.
A screenshot of my personal portfolio website. At the top left my name, with the page links at the top right. Beneath is a bold heading across 2 lines, first line saying: "Hi there." in white, second line saying: "I'm Jessie..." in purple. Beneath the heading is a description with key points highlighted: "a full stack React and Node developer, based in Birmingham, UK. I'm an accessibility and impact driven developer with over 15 years of experience and a love for FOSS. I write maintainable web apps and sites that scale, with a focus on clean and agile code to support sustainable growth and stability. " Below that are 3 icons for: Mastodon, Codeberg and GitHub. At the very bottom of the screenshot are purple gardient waves. The background is a stary dark purple color.
A screenshot of my personal portfolio website. At the top left my name, with the page links at the top right. Beneath is a bold heading across 2 lines, first line saying: "Hi there." in white, second line saying: "I'm Jessie..." in purple. Beneath the heading is a description with key points highlighted: "a full stack React and Node developer, based in Birmingham, UK. I'm an accessibility and impact driven developer with over 15 years of experience and a love for FOSS. I write maintainable web apps and sites that scale, with a focus on clean and agile code to support sustainable growth and stability. " Below that are 3 icons for: Mastodon, Codeberg and GitHub. At the very bottom of the screenshot are purple gardient waves. The background is a stary dark purple color.
  • Copy link
  • Flag this post
  • Block
Jessie Heald
Jessie Heald
@JessieHealdUK@defcon.social  ·  activity timestamp 5 days ago

I'm SO proud of how dark mode looks on my portfolio 🤩 . And even happier with #11ty for making my portfolio possible. #SSG s are the future, I'm sure of it! #WebDesign #WebDevelopment

A screenshot of my personal portfolio website. At the top left my name, with the page links at the top right.

Beneath is a bold heading across 2 lines, first line saying: "Hi there." in white, second line saying: "I'm Jessie..." in purple.

Beneath the heading is a description with key points highlighted: "a full stack React and Node developer, based in Birmingham, UK. I'm an accessibility and impact driven developer with over 15 years of experience and a love for FOSS. I write maintainable web apps and sites that scale, with a focus on clean and agile code to support sustainable growth and stability. "

Below that are 3 icons for: Mastodon, Codeberg and GitHub.

At the very bottom of the screenshot are purple gardient waves. The background is a stary dark purple color.
A screenshot of my personal portfolio website. At the top left my name, with the page links at the top right. Beneath is a bold heading across 2 lines, first line saying: "Hi there." in white, second line saying: "I'm Jessie..." in purple. Beneath the heading is a description with key points highlighted: "a full stack React and Node developer, based in Birmingham, UK. I'm an accessibility and impact driven developer with over 15 years of experience and a love for FOSS. I write maintainable web apps and sites that scale, with a focus on clean and agile code to support sustainable growth and stability. " Below that are 3 icons for: Mastodon, Codeberg and GitHub. At the very bottom of the screenshot are purple gardient waves. The background is a stary dark purple color.
A screenshot of my personal portfolio website. At the top left my name, with the page links at the top right. Beneath is a bold heading across 2 lines, first line saying: "Hi there." in white, second line saying: "I'm Jessie..." in purple. Beneath the heading is a description with key points highlighted: "a full stack React and Node developer, based in Birmingham, UK. I'm an accessibility and impact driven developer with over 15 years of experience and a love for FOSS. I write maintainable web apps and sites that scale, with a focus on clean and agile code to support sustainable growth and stability. " Below that are 3 icons for: Mastodon, Codeberg and GitHub. At the very bottom of the screenshot are purple gardient waves. The background is a stary dark purple color.
  • Copy link
  • Flag this post
  • Block
Business Channel boosted
Templays
Templays
@templaysthemes@mastodon.social  ·  activity timestamp 5 days ago

New day, new shot. 🔥

#webdesign #web #uiux #uidesign #startups #dribble

Sorry, no caption provided by author
Sorry, no caption provided by author
Sorry, no caption provided by author
  • Copy link
  • Flag this post
  • Block
Templays
Templays
@templaysthemes@mastodon.social  ·  activity timestamp 5 days ago

New day, new shot. 🔥

#webdesign #web #uiux #uidesign #startups #dribble

Sorry, no caption provided by author
Sorry, no caption provided by author
Sorry, no caption provided by author
  • Copy link
  • Flag this post
  • Block
Business Channel boosted
Templays
Templays
@templaysthemes@mastodon.social  ·  activity timestamp 5 days ago

Betta — Software & eCommerce Website Templates Blocs Website Builder

Pick a beautiful template, then edit in @blocsapp and publish with one click.

Preview in Browser:
http://templays.com
or
http://blocs.store/product/

#webdesign #web #uiux #uidesign #startups #dribble

Sorry, no caption provided by author
Sorry, no caption provided by author
Sorry, no caption provided by author
  • Copy link
  • Flag this post
  • Block
Templays
Templays
@templaysthemes@mastodon.social  ·  activity timestamp 5 days ago

Betta — Software & eCommerce Website Templates Blocs Website Builder

Pick a beautiful template, then edit in @blocsapp and publish with one click.

Preview in Browser:
http://templays.com
or
http://blocs.store/product/

#webdesign #web #uiux #uidesign #startups #dribble

Sorry, no caption provided by author
Sorry, no caption provided by author
Sorry, no caption provided by author
  • Copy link
  • Flag this post
  • Block

BT Free Social

BT Free is a non-profit organization founded by @ozoned@btfree.social . It's goal is for digital privacy rights, advocacy and consulting. This goal will be attained by hosting open platforms to allow others to seamlessly join the Fediverse on moderated instances or by helping others join the Fediverse.

BT Free Social: About · Code of conduct · Privacy ·
Bonfire social · 1.0.1 no JS en
Automatic federation enabled
Log in
  • Explore
  • About
  • Code of Conduct