Webflow
Webflow

Powerful visual website builder

After spending countless hours on Wordpress, configurating the server and domain, searching plugins, fixing bugs, optimizing for different breakpoints… I finally settled for Webflow. I prefer spending a bit more so I don’t have to worry about all that anymore. It’s really well thought out, their tutorials are on point and the support also has been excellent. If you don’t need control over every element I’d go for Squarespace. It’s impressing how they communicate with their community. They have a forum, wishlist platform, blog, and Youtube channel with dozens of videos in which they explain new features in detail, answer questions from the community, recreate websites and talk with Webflow employees.

On a mission to democratize creation for the web. Webflow is a visual web design platform, CMS, and hosting provider perfect for building production websites and prototypes.

Related Topics

Related Links

Random product idea generator

Random product idea generator

Protobot

Protobot is very simple: it generates a product idea by matching a random product category with a random constraint.

Right now, the English source list has 240 product ideas and 196 constraints. This means you have over 47,000 product ideas at your fingertips. Some are brilliant. Some are bizarre. Some are controversial. Some are hilarious. Some are very, very wrong. Have fun!

When we’re in a flow state, defining and solving problems creatively, designing is a joy.

But that groove is elusive. Especially when we’re adjusting to working with a new team of people; working on a problem that seems boring, unsolvable, or both; hungry, tired, stressed; or just sick of working on the same thing.

A great way to build creative energy and get to flow is through short bursts of structured exercises, or warm-ups, unrelated to our design problem. They’re a breath of fresh air when we’ve been thinking along the same well-worn paths for hours, days, weeks. Designers and design thinking folks know this already. When we’re running sprints or workshops, we borrow from improv theater, which brings a rich, deep set of games that give our brains a rest and a stretch at the same time.

As well as improv games work for designers, though, they’re not really about design. They’re about relationships, stories, and emotions. They’re not usually about objects, artifacts, materials, or planned experiences. As I teach design and design thinking, I’ve been missing a warm-up exercise that is about designing products and services, but inhabits the same wild-and-free place as improv games. I know plenty of improv-like techniques that work within a design process for prototyping a given idea in different ways (see this great card set by my colleagues Holger and Eva). But I wanted a quick, energizing exercise that stood on its own.

I happened upon a book of games used by the Surrealists in the 1920s – Ernst, Magritte, Bréton, and others. These games are even less traditionally game-like than improv games. They’re generation and combination techniques. The exercises often involve juxtaposing things that don’t naturally fit together. Sometimes the material comes from the other people in the room, and sometimes it comes from books, magazines, or art. Players are often forced to follow a nonsense path far longer than is comfortable. The results are sometimes funny, often deep, and sometimes a bit scary.

Then I thought: what if we used the surreal, barrier-busting power of juxtaposition and recombination to create a prototyping warm-up? So, on a tea-fueled Monday evening, I wrote Protobot. I’m going to use it in my classes and workshops in my day job at the D-School, and I hope you get some use out of it, too. Drop me a line at here@molly.is to let me know what you think!

Protobot is very simple: it generates a product idea by matching a random product category with a random constraint.

Right now, the English source list has 240 product ideas and 196 constraints. This means you have over 47,000 product ideas at your fingertips. Some are brilliant. Some are bizarre. Some are controversial. Some are hilarious. Some are very, very wrong. Have fun!

When we’re in a flow state, defining and solving problems creatively, designing is a joy.

But that groove is elusive. Especially when we’re adjusting to working with a new team of people; working on a problem that seems boring, unsolvable, or both; hungry, tired, stressed; or just sick of working on the same thing.

A great way to build creative energy and get to flow is through short bursts of structured exercises, or warm-ups, unrelated to our design problem. They’re a breath of fresh air when we’ve been thinking along the same well-worn paths for hours, days, weeks. Designers and design thinking folks know this already. When we’re running sprints or workshops, we borrow from improv theater, which brings a rich, deep set of games that give our brains a rest and a stretch at the same time.

As well as improv games work for designers, though, they’re not really about design. They’re about relationships, stories, and emotions. They’re not usually about objects, artifacts, materials, or planned experiences. As I teach design and design thinking, I’ve been missing a warm-up exercise that is about designing products and services, but inhabits the same wild-and-free place as improv games. I know plenty of improv-like techniques that work within a design process for prototyping a given idea in different ways (see this great card set by my colleagues Holger and Eva). But I wanted a quick, energizing exercise that stood on its own.

I happened upon a book of games used by the Surrealists in the 1920s – Ernst, Magritte, Bréton, and others. These games are even less traditionally game-like than improv games. They’re generation and combination techniques. The exercises often involve juxtaposing things that don’t naturally fit together. Sometimes the material comes from the other people in the room, and sometimes it comes from books, magazines, or art. Players are often forced to follow a nonsense path far longer than is comfortable. The results are sometimes funny, often deep, and sometimes a bit scary.

Then I thought: what if we used the surreal, barrier-busting power of juxtaposition and recombination to create a prototyping warm-up? So, on a tea-fueled Monday evening, I wrote Protobot. I’m going to use it in my classes and workshops in my day job at the D-School, and I hope you get some use out of it, too. Drop me a line at here@molly.is to let me know what you think!

Internal Link
Updated on
September 4, 2019

Machine learning trained translator

Machine learning trained translator

Deepl

Whenever I am not using Linguee I use Deepl to find more natural translations. By the way, Deepl is created by the same team behind Linguee.

Internal Link
Updated on
July 15, 2019

Estimate the gender distribution of your followers and those you follow

Estimate the gender distribution of your followers and those you follow

Proporti.onl

Many tech leaders follow mostly men, but I want to follow a diverse group of people. Twitter Analytics doesn't tell me the gender distribution of those I follow, and it doesn't try to identify gender-nonbinary people. So I built this tool for myself and put it on GitHub. It's inaccurate and it undercounts nonbinary folk, but it's better than making no effort at all. I want you to be able to do this, too. Estimate the distribution of those you follow and see if there's room to improve!

Many tech leaders follow mostly men, but I want to follow a diverse group of people. Twitter Analytics doesn't tell me the gender distribution of those I follow, and it doesn't try to identify gender-nonbinary people. So I built this tool for myself and put it on GitHub. It's inaccurate and it undercounts nonbinary folk, but it's better than making no effort at all. I want you to be able to do this, too. Estimate the distribution of those you follow and see if there's room to improve!

Internal Link
Updated on
July 2, 2019

Namecheap

Namecheap offers the latest in high-quality domain and hosting products at the most competitive prices in the business. We work every day to provide unparalleled levels of service, security, and support. We won’t bother you with unwanted upselling or aggressive advertising. Our goal is to be honest, straightforward, friendly, and helpful. It’s that simple.

Namecheap offers the latest in high-quality domain and hosting products at the most competitive prices in the business. We work every day to provide unparalleled levels of service, security, and support. We won’t bother you with unwanted upselling or aggressive advertising. Our goal is to be honest, straightforward, friendly, and helpful. It’s that simple.

Internal Link
Updated on
July 13, 2019

Julia Kloiber

Julia Kloiber is the Founder of Superrr Lab – a feminist think tank and consultancy. As partner at Ashoka Germany she works on strategy and digital projects. She has put her expertise in technology, design and media studies to use for the Open Knowledge Foundation Germany, the Mozilla Foundation and as Consultant for The Engine Room. Julia has been running multiple projects that foster the reuse of open data and promote transparency – such as Germany’s first Civic Tech Incubator ‘Stadt Land Code’. She co-founded Code for Germany and the Prototype Fund. Julia develops strategies and concepts to innovate programs for the digital world. She enjoys speaking at international conferences. As digital strategy advisor she is working with government institutions and businesses alike.

Julia Kloiber is the Founder of Superrr Lab – a feminist think tank and consultancy. As partner at Ashoka Germany she works on strategy and digital projects. She has put her expertise in technology, design and media studies to use for the Open Knowledge Foundation Germany, the Mozilla Foundation and as Consultant for The Engine Room. Julia has been running multiple projects that foster the reuse of open data and promote transparency – such as Germany’s first Civic Tech Incubator ‘Stadt Land Code’. She co-founded Code for Germany and the Prototype Fund. Julia develops strategies and concepts to innovate programs for the digital world. She enjoys speaking at international conferences. As digital strategy advisor she is working with government institutions and businesses alike.

Internal Link
Updated on
July 13, 2019

re:publica

re:publica Berlin is Europe’s largest internet and digital society conference. More than 19 500 participants from 80 countries came together to discuss current issues of digital society at the three-day festival re:publica 18. re:publica participants represent a cross-section of (digital) society, which include professionals from economics, politics, business, hacker culture, NGOs, media, and marketing, as well as bloggers, activists, artists, and social media experts. Roughly 50 percent of re:publica 18 speakers were women, ranking the event as one of the most inclusive of its kind.  

Active visitor participation makes re:publica a unique event. Anyone can propose topics, ideas, or projects for the program, which creates a diverse set of subjects and exceptional networking opportunities.

Founded in 2007 by Tanja Haeusler, Andreas Gebhard, Markus Beckedahl, and Johnny Hauesler, re:publica GmbH’s shareholders, newthinking communications and Spreeblick Verlag, have been committed to issues of net politics, as well as digital culture and society, for over a decade.

re:publica’s broad range of topics has been drawing an increasing number of sponsors and partners each year. Since 2014, this has included close collaborations with Medienboard Berlin-Brandenburg, as well as the international media convention MEDIA CONVENTION Berlin.

re:publica also nurtures close and long-standing partnerships with institutions, ministries, NGOs, corporations, and other organizations. These include corporations like Daimler AG, IBM, Microsoft, Deutsche Bank, Deutsche Telekom, Google, Deutsche Bahn AG, Telefonica, and Mozilla, as well as political foundations (the Konrad-Adenauer Foundation, Friedrich-Ebert Foundations, Heinrich-Böll Foundation, Friedrich-Naumann Foundation), media outlets (ARD, ZDF, RBB, WDR), and NGOs (WWF, World Data Lab.)

re:publica Berlin is Europe’s largest internet and digital society conference. More than 19 500 participants from 80 countries came together to discuss current issues of digital society at the three-day festival re:publica 18. re:publica participants represent a cross-section of (digital) society, which include professionals from economics, politics, business, hacker culture, NGOs, media, and marketing, as well as bloggers, activists, artists, and social media experts. Roughly 50 percent of re:publica 18 speakers were women, ranking the event as one of the most inclusive of its kind.  

Active visitor participation makes re:publica a unique event. Anyone can propose topics, ideas, or projects for the program, which creates a diverse set of subjects and exceptional networking opportunities.

Founded in 2007 by Tanja Haeusler, Andreas Gebhard, Markus Beckedahl, and Johnny Hauesler, re:publica GmbH’s shareholders, newthinking communications and Spreeblick Verlag, have been committed to issues of net politics, as well as digital culture and society, for over a decade.

re:publica’s broad range of topics has been drawing an increasing number of sponsors and partners each year. Since 2014, this has included close collaborations with Medienboard Berlin-Brandenburg, as well as the international media convention MEDIA CONVENTION Berlin.

re:publica also nurtures close and long-standing partnerships with institutions, ministries, NGOs, corporations, and other organizations. These include corporations like Daimler AG, IBM, Microsoft, Deutsche Bank, Deutsche Telekom, Google, Deutsche Bahn AG, Telefonica, and Mozilla, as well as political foundations (the Konrad-Adenauer Foundation, Friedrich-Ebert Foundations, Heinrich-Böll Foundation, Friedrich-Naumann Foundation), media outlets (ARD, ZDF, RBB, WDR), and NGOs (WWF, World Data Lab.)

Internal Link
Updated on
June 14, 2019

Plattform setzt sich für digitale Freiheitsrechte ein

Plattform setzt sich für digitale Freiheitsrechte ein

Netzpolitik.org

netzpolitik.org ist eine Plattform für digitale Freiheitsrechte. Wir thematisieren die wichtigen Fragestellungen rund um Internet, Gesellschaft und Politik und zeigen Wege auf, wie man sich auch selbst mit Hilfe des Netzes für digitale Freiheiten und Offenheit engagieren kann. Mit netzpolitik.org beschreiben wir, wie die Politik das Internet durch Regulierung verändert und wie das Netz Politik, Öffentlichkeiten und alles andere verändert.  Wir verstehen uns als journalistisches Angebot, sind jedoch nicht neutral. Unsere Haltung ist: Wir engagieren uns für digitale Freiheitsrechte und ihre politische Umsetzung.

netzpolitik.org ist eine Plattform für digitale Freiheitsrechte. Wir thematisieren die wichtigen Fragestellungen rund um Internet, Gesellschaft und Politik und zeigen Wege auf, wie man sich auch selbst mit Hilfe des Netzes für digitale Freiheiten und Offenheit engagieren kann. Mit netzpolitik.org beschreiben wir, wie die Politik das Internet durch Regulierung verändert und wie das Netz Politik, Öffentlichkeiten und alles andere verändert.  Wir verstehen uns als journalistisches Angebot, sind jedoch nicht neutral. Unsere Haltung ist: Wir engagieren uns für digitale Freiheitsrechte und ihre politische Umsetzung.

Internal Link
Updated on
July 14, 2019

Creating, presenting and sharing slide decks

Creating, presenting and sharing slide decks

Slides

Slides is a place for creating, presenting and sharing slide decks. Slides is a suite of modern presentation tools, available right from your browser. Unlike traditional presentation software, there's no need to download anything. Working with collaborators to make an awe-inspiring presentation has never been easier.

Slides is a place for creating, presenting and sharing slide decks. Slides is a suite of modern presentation tools, available right from your browser. Unlike traditional presentation software, there's no need to download anything. Working with collaborators to make an awe-inspiring presentation has never been easier.

Internal Link
Updated on
June 14, 2019

How healthy is the internet?

How healthy is the internet?

Internet Health Report by Mozilla

Every year, the Internet gets healthier in some ways and unhealthier in others. Getting the balance right is what we need for the Internet to be a resource for good.

So what does it mean for the Internet to be healthy? And how do we measure progress and setbacks? That’s what the Internet Health Report is all about.

By engaging you and a community of key thinkers on defining Internet health, we want to generate better understanding of what the world can do to make the Internet healthier.

This project was initiated by Mozilla and combines Internet research and public comments from around the world towards the publication of an annual report.

Every year, the Internet gets healthier in some ways and unhealthier in others. Getting the balance right is what we need for the Internet to be a resource for good.

So what does it mean for the Internet to be healthy? And how do we measure progress and setbacks? That’s what the Internet Health Report is all about.

By engaging you and a community of key thinkers on defining Internet health, we want to generate better understanding of what the world can do to make the Internet healthier.

This project was initiated by Mozilla and combines Internet research and public comments from around the world towards the publication of an annual report.

Internal Link
Updated on
June 14, 2019

Track household budgets

Track household budgets

Splitwise

Have been using Splitwise for a few years now to track expenses with my roommate and on trips with friends! And yes, it’s ugly but it works great!

Splitwise is a free tool for friends and roommates to track bills and other shared expenses, so that everyone gets paid back. On the web, iPhone, and Android.

Splitwise is a free tool for friends and roommates to track bills and other shared expenses, so that everyone gets paid back. On the web, iPhone, and Android.

Internal Link
Updated on
July 13, 2019

Create beautiful forms and questionnaires

Create beautiful forms and questionnaires

Typeform

If you are doing a survey or similar Typeform is the best option today + based in Barcelona and not Google. Great backend and frontend design. The interface might look simple but Typeform has many customization and integration options.

Forms & surveys for the people. The most important online interaction for a business is the exchange of information.

Forms & surveys for the people. The most important online interaction for a business is the exchange of information.

Internal Link
Updated on
July 13, 2019

Minimal newsletter service

Minimal newsletter service

TinyLetter

Perfect if you want to start a personal and simple newsletter. Not too many confusing options, a straightforward interface and completely free. Once you need more features you’ll probably want to switch over to Mailchimp.

TinyLetter is a personal newsletter service brought to you by the people behind Mailchimp. People use it to send updates, digests, and dispatches to their fans and friends. Though they're built on the same infrastructure, TinyLetter is for people who don't need all the business features that come along with Mailchimp. Simplicity is at the heart of everything we do at TinyLetter. TinyLetter is a completely free service.

TinyLetter is a personal newsletter service brought to you by the people behind Mailchimp. People use it to send updates, digests, and dispatches to their fans and friends. Though they're built on the same infrastructure, TinyLetter is for people who don't need all the business features that come along with Mailchimp. Simplicity is at the heart of everything we do at TinyLetter. TinyLetter is a completely free service.

Internal Link
Updated on
June 14, 2019

All things PDF like compress, convert, edit

All things PDF like compress, convert, edit

Small PDF

Primarily use Small PDF to compress PDFs but it can also edit, unlock, merge and convert from/to many other formats such as PowerPoint, Word, JPG.

We are Smallpdf, the first PDF software you'll actually like.

We are Smallpdf, the first PDF software you'll actually like.

Internal Link
Updated on
July 13, 2019

Prototyping master tool

Prototyping master tool

Sketch

The biggest advantage are the hundreds of plugins for Sketch. Whatever need you have, there is a plugin for you. Make sure to instal Sketch Runner as it makes it really easy to install plugins + many more little usefull features.

Sketch is the definitive tool for digital design. It’s used primarily by screen designers who create websites, icons, and user interfaces for desktop and mobile devices. For beginners and industry professionals alike, Sketch’s powerful tools, gentle learning curve and intuitive UI allow designers to focus on what they do best; design.

Sketch is the definitive tool for digital design. It’s used primarily by screen designers who create websites, icons, and user interfaces for desktop and mobile devices. For beginners and industry professionals alike, Sketch’s powerful tools, gentle learning curve and intuitive UI allow designers to focus on what they do best; design.

Internal Link
Updated on
June 14, 2019

Create parametric typefaces from scratch in the browser

Create parametric typefaces from scratch in the browser

Prototypo

A custom font conveys a company’s heritage and values. It is a priceless investment lasting the brand’s lifetime. The web application Prototypo gives the ability to create custom fonts and export them to use everywhere (desktop applications, websites…). After choosing one of the four templates available (designed by the international foundry Production Type) users can design their own font by moving over 30 sliders (x-height, curves of the serifs, width…). The changes apply live to each character of the Latin alphabet. Thanks to its “Glyphs individualization” and “Manual editing” features, the app gives users a high degree of customisation. Prototypo allows them to create a fully functional font without using any other software. Based on the parametric fonts technology that uses algorithms to generate letters, Prototypo automates the repetitive tasks specific to type design.

A custom font conveys a company’s heritage and values. It is a priceless investment lasting the brand’s lifetime. The web application Prototypo gives the ability to create custom fonts and export them to use everywhere (desktop applications, websites…). After choosing one of the four templates available (designed by the international foundry Production Type) users can design their own font by moving over 30 sliders (x-height, curves of the serifs, width…). The changes apply live to each character of the Latin alphabet. Thanks to its “Glyphs individualization” and “Manual editing” features, the app gives users a high degree of customisation. Prototypo allows them to create a fully functional font without using any other software. Based on the parametric fonts technology that uses algorithms to generate letters, Prototypo automates the repetitive tasks specific to type design.

Internal Link
Updated on
July 8, 2019

Simultaneously working on digital designs

Simultaneously working on digital designs

Figma

Currently I prefer using Figma when collaborating on small to medium projects. It's fast, reliable and new features are carefully crafted. I am impresed by how far they go to translate and improve the tools for the digital world. In a blog post they explain how they reimagined how to handle text. But whenever I work alone I prefer using Sketch with its familiar interface and powerful plugins.

The collaborative interface design tool.

The collaborative interface design tool.

Internal Link
Updated on
June 14, 2019

Syncing files across devices

Syncing files across devices

Dropbox

Best syncing tool — reliable, secure and fast.

We’ve always been obsessed with making work better for people. Back in 2007, that meant designing a simpler way to keep files in sync. Today, it means designing a more enlightened way of working—on files, projects, and more. Most “productivity tools” drain creative energy. They constantly ping, distract, and disrupt your team’s flow. And none of them connect, so you spend your days switching between apps, tracking down feedback. It’s busywork, not the meaningful stuff. We want to change this. So we’re building a home for all your team’s work. A better way to stay in flow and bring your team’s best ideas to life. A set of tools that maximize inspiration and minimize distraction.

We’ve always been obsessed with making work better for people. Back in 2007, that meant designing a simpler way to keep files in sync. Today, it means designing a more enlightened way of working—on files, projects, and more. Most “productivity tools” drain creative energy. They constantly ping, distract, and disrupt your team’s flow. And none of them connect, so you spend your days switching between apps, tracking down feedback. It’s busywork, not the meaningful stuff. We want to change this. So we’re building a home for all your team’s work. A better way to stay in flow and bring your team’s best ideas to life. A set of tools that maximize inspiration and minimize distraction.

Internal Link
Updated on
June 14, 2019

Special characters missing on your keyboard

Special characters missing on your keyboard

Copy Paste Character

Find all those special characters you can't find on your keyboard.

A web and iPhone application for copying the ‘hidden’ characters that comes with the computer’s typefaces, to be pasted into emails, tweets, text documents, forums and whatever else you might need to spice up with an extra ♔, ฿ or, ❒.

A web and iPhone application for copying the ‘hidden’ characters that comes with the computer’s typefaces, to be pasted into emails, tweets, text documents, forums and whatever else you might need to spice up with an extra ♔, ฿ or, ❒.

Internal Link
Updated on
June 14, 2019
Design System