Shortcuts .design: From MVP to #1 on Product Hunt – Prototypr
A comprehensive view inside a student’s design-process of accidentally creating a popular resource for designers around the globe
process  map  student  shortcuts  interaction  design  article  medium 
Better Than Bookmarks - Toby
Better Than Bookmarks
Bookmarks are for books, not browsers. Organize your browser tabs into Toby so you can access key resources in one click instead of seven.
productivity  chrome  extension  bookmark  teamwork 
3 days ago
Theme Editor Home - Material Design
Material Theme Editor – Create and customize your Material theme
The Material Theme Editor helps you make your own branded symbol library and apply global style changes to color, shape, and typography. Currently available for Sketch, you can access the Material Theme Editor by downloading the Material Plugin.
sketch  material  editor  plug-in  Themes  Google 
3 days ago
About | Studio Kraftwerk
We are a team of designers, creatives and strategists who believe that technology needs creativity and craft to deliver human experiences that seamlessly integrate into people’s daily life. That’s why we craft digital products that are both useful and desirable. For smart brands that fully embrace insight driven design to create better customer relationships and new revenue streams.
dutch  animations  agency  Inspiration  portfolio 
4 days ago
Kommunikationsagentur - Enigma - Bern
Wir entwickeln massgeschneiderte Konzepte, die Ihre Kunden Teil Ihrer Marke, Ihres Produktes oder Ihres Services werden lassen.
agency  swiss  Bern  Inspiration  animations  portfolio 
4 days ago
Website Builder for Professionals - Duda
For customers who want to keep their existing unresponsive websites, but understand the need to optimize for mobile, we have a solution. Duda’s website builder enables you to simply enter a site’s URL to automatically create its mobile-friendly version.
Webdesign  builder  responsivedesign  onlinetool  mobile 
5 days ago
Scrimba is a powerful new way of learning code. Play around with the instructors code any time, right in the player.
learning  programming  education  onlinetool  experiment  live 
8 days ago
Ingrid | Visually build responsive layouts with CSS grid
Welcome to Ingrid, a tool to help you quickly created responsive layouts using CSS Grid.
css  grids  beta  onlinetool  free  responsivedesign  Editor 
8 days ago
Free User Persona Creator | Persona Template - Xtensio!
Every decision you make, from product features to the tone of your taglines, needs to answer to your customers. This user (or buyer) persona creator helps you come up with your ideal user “types.” Go ahead, create as many personas as you like.
persona  onlinetool  Editor  download  free  Inspiration 
8 days ago
Proto.io auf Vimeo
Proto.io helps designers, entrepreneurs and product managers enhance their design process by creating realistic, interactive and sharable prototypes, without code, that can be viewed on the actual mobile device.
Proto.io has changed the world of mobile prototyping, going beyond wireframes and mockups. With interactions, transitions and animations it helps bring any static design to life. UX and interaction designers can express their creative freedom and create visual interactive prototypes of mobile apps that work and feel exactly like the final apps. Supporting all mobile touch gestures, prototypes can run on the actual mobile device thus making the experience as realistic as possible.
Prototyping  Tutorials  vimeo  proto.io  vr  360°  interactiondesign 
8 days ago
Protipo typeface
The Protipo type family is the ideal toolbox for all information design situations: apps, infographics, UI, video games, wayfinding, transport, posters, display, and even internet memes. Make smarter, more impactful designs with Protipo’s low-contrast sans serif of three text widths, a separate headline family, an impressive two-weight icon set, and the advanced Variable Font format.
Fonts  typography  typedesign  variable-fonts  Inspiration 
8 days ago
Das Referenz: Wikipedia Redesigned for iPad – Raureif – Medium
Let’s get this straight: UI-wise, Wikipedia teleports its audience into the year 2004. Not surprisingly, there has been vibrant discussion recently as to how Wikipedia could be updated to feel contemporary. We’ve seen a few good (and even more mediocre) design ideas, but many feel like eye candy without substance.
wikipedia  typography  Raureif  german  app  workflow  development  Inspiration 
9 days ago
Eine einzigartige Schrift gibt dir das gewisse Extra. Mit Unique bekommst du genau das, was du brauchst- eine personalisierte Schrift bereit für Ihren großen Einsatz!
Einfach auswählen, anpassen, fertig!
Leichter geht’s nicht.
fontgenerator  fonts  typography  onlinetool  commercial 
23 days ago
CASIO WEW Worldwide Education Website
Font Sets
Check out this extensive collection of support materials for teachers and students, including instructions in the effective use of scientific calculators for educational purposes.
Casio  fonts  retro  pixel-font  free  download 
26 days ago
102 Best programming fonts as of 2018 - Slant
What are the best programming fonts?

Things To Consider

As much as choice of a font is subjective there are important criteria to consider when choosing a programming font. The characters should be clear, easy to read, in cases of clashing ones such as 1, l, i or O, o, 0 easily distinguishable, differences between different kinds of brackets, quotes and parentheses should be clear, punctuation should be emphasized and they shouldn't break up words or sentences due to uneven character widths.
There are two ways fonts are drawn - as bitmaps or as vectors. Vector fonts allow more efficient scaling, but for screens with resolution below 720p it might be worth considering bitmap fonts as they are generally more legible at smaller sizes on low-resolution screens.
font  programming  typography  coding  readability  typedesign 
26 days ago
Home - Apester
Apester Creation Tools
Apester is leading the paradigm shift in digital content, from the text-based web to the post-text, visual-first internet, by offering anyone with a story the most advanced tools for creating, distributing and monetizing visual, interactive content online.
storytelling  publishing  interactive  poll  Editor 
26 days ago
Home: bioRe® Respectful Organic Cotton
Traceable back to farming
Vom Anbau über die ­Verarbeitung bis zum fertigen Kleidungsstück, mit dem Qualitätslabel ­bioRe® erfüllen alle Produktionsstufen strenge ökologische und soziale Anforderungen.
cotton  organic  swiss  company  ecological  bio 
26 days ago
Dein neuer Mitbewohner – IKEA
Roboter sind, ebenso wie intelligente Steuerungssysteme, heute unverzichtbarer Bestandteil unseres Alltags. Während wir sie selbstverständlich nutzen, scheuen wir davor zurück, dieses Verhältnis zu definieren. Dieses Vakuum sollten wir füllen, wenn wir unsere Zukunft mit den Maschinen aktiv gestalten wollen.
robot  article  blog  german  blade-runner 
26 days ago
BBC Sound Effects - Research & Education Space
These 16,000 BBC Sound Effects are made available by the BBC in WAV format to download for use under the terms of the RemArc Licence. The Sound Effects are BBC copyright, but they may be used for personal, educational or research purposes, as detailed in the license.
archive  sound  audio  soundeffects  BBC  download  beta 
4 weeks ago
Motivationsschreiben: Formulierungen
Beim Motivationsschreiben ist es besonders wichtig auf die Formulierungen zu achten. Wir zeigen Dir mit diesen Formulierungsbeispielen, wie Du Fehler vermeidest und immer den richtigen Ton triffst.
Motivationsschreiben  Inspiration  Switzerland  Bewerbung  text 
4 weeks ago
Webbasierter, wordähnlicher XML-Editor - Xeditor - professional authoring
Mit Xeditor schaffen Sie strukturierten, hochwertigen Content für verschiedene Ausgabemedien wie Print, Tablet und Mobile, technische Dokumentationen und redaktionelle Publikationen. Sie nutzen ein benutzerfreundliches WYSIWYG-Frontend, das sich ohne technische Kenntnisse erschließt und profitieren von Workflow-Effizienz und Kosteneinsparungen. Der Editor ist webbasiert und arbeitet komplett im Browser.
InDesign  Plugin  Editor  XML  crossmedia  publishing  german 
4 weeks ago
Moose — Free Stock Photos
Stock Photos
Designed to Work Together – For Free
They give a clean, minimalist look to your designs. Free for a link
stock  free  photography  download  photos 
6 weeks ago
Free Layout and Design Software Online [for Print & Digital]
Whether you run a small business or work for a big company,
Lucidpress can help you create beautiful, on-brand content in no time.
print  InDesign  alternative  InDesign-alternative  onlinetool 
6 weeks ago
Fontisto - the iconic font and css toolkit
Fontisto gives you scalable vector icons that can instantly be customized: size, color, drop shadow and anything that can be done with the power of CSS.
icons  css  vector  free  download 
6 weeks ago
Design Systems Repo | A Collection of Design System Resources
A frequently updated collection of Design System examples, articles, books and talks.
design-system  linkcollection  articles  visualization  Inspiration 
6 weeks ago
The Best Image Search Engines on the Web
One of the most popular ways to use the web is to simply search for images. People love to search for images online, and there are many sites and search engines dedicated just to chasing down all sorts of images. We use them as part of a project, to decorate our websites, blogs, or social networking profiles, and for so much more. Here is a collection of just a few of the best sites for finding images online.
images  search  searchengine  image-search  linkcollection  article 
7 weeks ago
The next step in visual coding
Design with interactive components. Export to code—not pictures.
components  webdevelopment  Editor  Webdesign  beta 
8 weeks ago
Cicerone is a standalone desktop application for Windows and Mac, currently in private alpha. This site was made in Cicerone.
beta  Editor  webdevelopment  experiment  Webdesign 
8 weeks ago
Variable Fonts
A simple resource for finding and trying variable fonts
fonts  type  typography  variable-fonts  experiment  Inspiration 
8 weeks ago
RocketCake - free Responsive Website Editor and Web Builder
RocketCake is a free web editor for creating responsive websites. For beginners and professional web developers.
No programming needed.
application  responsive  Webdesign  no-code  wysiwyg 
8 weeks ago
Divi — The Ultimate WordPress Theme & Visual Page Builder
Build Anything Visually

Divi is powered by the Divi Builder, an insanely fast and incredibly intuitive front end editor like nothing you have seen before. It will change the way you build websites forever.
wordpress  editor  CMS  templates  webdevelopment 
8 weeks ago
SP Page Builder - #1 Drag and Drop Joomla Page Builder Extension - JoomShaper
Drag & Drop Joomla! Page Builder
Trusted by 400,000+ people worldwide, SP Page Builder is an extremely powerful drag & drop design system. Whether you're a beginner or a professional, you must love taking control over your website design.
CMS  Joomla  editor  webdevelopment  templates 
8 weeks ago
Themler - Visual template designer
Create amazing CMS themes and templates, edit content of Websites, eCommerce and Landing pages.
CMS  editor  onlinetool  webdevelopment  templates 
8 weeks ago
Aperitif - The recipe for successful web templates
Kickstart your next web project
Aperitif is a custom HTML boilerplate designer allowing you to rapidly build HTML templates and prototypes. Select from a variety of predesigned, responsive modules to get up and running quickly.
9 weeks ago
Chrome Music Lab - Song Maker
To make a song, add notes by clicking the grid. Then, share your song with a link. You can also use a MIDI keyboard or sing a note into your mic.

You can also use your computer keys. Press the arrow keys to move, enter and backspace to add and remove notes, and spacebar to play.
9 weeks ago
Inter UI font family
The Inter UI font family

Inter UI is a typeface specially designed for user interfaces with focus on high legibility of small-to-medium sized text on computer screens.

The family features a tall x-height to aid in readability of mixed-case and lower-case text. Several OpenType features are provided as well, like contextual alternates that adjusts punctuation depending on the shape of surrounding glyphs, slashed zero for when you need to disambiguate "0" from "o", tabular numbers, etc.
free  font  typography  interface  legibility  typeface  readability  screen 
9 weeks ago
Consistent Design Systems in Sketch With Atomic Design and the Auto-Layout Plugin | CSS-Tricks
Do you design digital products (or websites) and hand design files off to developers for implementation? If you answered yes, settle in! While the should-designers-code debate rages on, we're going to look at how adding a methodology to your design workflow can make you faster, more consistent, and loved by all developers... even if you don't code.
sketch  designpatterns  atomic-design  components  auto-layout  workflow 
10 weeks ago
Bringing Back Skeuomorphic Design – Prototypr
Bringing Back Skeuomorphic Design
Last thursday I posted some recent work to dribbble— 10.000+ views later and we could be starting a revival movement. The reaction to this particular work was so strong that I felt I had to share some thoughts.
skeuomorphic-design  userinterface  gui  interfacedesign  article 
10 weeks ago
CSS Gradient
About CSS Gradient

Imagine a place where the color flows like wine where beautiful gradients instinctively flock like the salmon of Capistrano. A little place called Aspen, oops I mean CSS Gradient.

CSS Gradient is a happy little website and web tool that allows you to get creative with gradients. It's also chock-full of colorful content about gradients from technical articles to real life examples.
color  gradient  css  generator  Webdesign  onlinetool 
10 weeks ago
Hopefully, the Ultimate Guide to a Flat Icon Set – Muzli -Design Inspiration
Hopefully, the Ultimate Guide to a Flat Icon Set
For nerds who have read my article on visual weight and optical alignment. Minimum words, maximum GIFs.
icons  article  drawing  designprinciples  grid 
10 weeks ago
Gifme - Sketch Plugin
With the Gif.me sketch plugin you can play gifs and videos inside sketch app while you're designing
animation  sketch  plug-in  GIF  Prototyping 
10 weeks ago
9 Examples of How to Write Product Descriptions that Sell - Ecommerce Copywriting
It’s an easy mistake. Even professional copywriters make it sometimes: writing product descriptions that simply describe your products.

Why is it wrong? Because product descriptions need to sell your products.

Let’s have a look at nine simple ways to persuade your web visitors with product descriptions that sell.
writing  description  copywriting  eCommerce  shopify  tips 
10 weeks ago
Showcasing design intern portfolios at top tech companies.
designers  study  interns  portfolio  showcase 
11 weeks ago
Gifski | Sindre Sorhus
Gifski is a macOS app for the gifski encoder, which converts videos to GIF animations using pngquant's fancy features for efficient cross-frame palettes and temporal dithering. It produces animated GIFs that use thousands of colors per frame.
video  converter  app  GIF  Video2GIF 
11 weeks ago
Future Fonts
Where Type Designers Sell Interesting Work In Progress.
typeface  fonts  typography  foundries  portal  experiment  Inspiration  Type 
11 weeks ago
PageCloud - Start Your Free Trial
Build the custom website you've always wanted.
Just drag and drop. No code‍‍‍ required.
Editor  onlinetool  dragdrop  Webdesign  templates 
11 weeks ago
print  service  sticker  etiquette  promotion  creativity  Swiss 
12 weeks ago
Sticker Mule: Selbstgestaltete Sticker, die's bringen
Selbstgestaltete Sticker, die's bringen
Einfache Bestellung, 4 Tage Umschlagszeit und kostenlose Online-Proofs. Kostenloser Versand.
print  sticker  service  promotion  creativity 
12 weeks ago
Fontanello – because you have a weak spot for fonts
Fontanello is a browser extension for Google Chrome and Firefox that lets you display the basic typographic styles of a text by right-clicking it.
typography  plug-in  browser  webfont  whatfont  alternative 
12 weeks ago
Bringing Sketch and After Effects closer together – Google Design – Medium
Good UX motion design isn’t simply animating assets. Whether we’re injecting delight and playfulness, defining scalable new patterns, or conceptualizing a crazy new product, motion tells a story. And when we spend chunks of time recreating assets and writing specs, we have less time to focus on storytelling, the most important (and most enjoyable) part of our job.
animation  sketch  Aftereffects  article  motion  graphics  UX  UI  Plugin  Sketch2AE  Spacetime 
12 weeks ago
Designing Card-Based User Interfaces — Smashing Magazine
Web and mobile apps are moving away from pages towards completely personalized experiences. These new experiences are built on an aggregation of many individual pieces of content. The way this content is now being presented is in the form of cards. The card-based interaction model is spreading pretty widely, and you can see digital cards almost everywhere — from news sites to food delivery apps.
card-based  UI  interaction  design  UX  userexperience  userinterface 
12 weeks ago
30 free Sketch plugins to grab right now - InVision Blog
You’ve been working up a storm in Sketch, and for that you deserve all of the high-fives. But now it’s time to kick things up a notch and improve your workflow—so stop what you’re doing and grab these 30 free Sketch plugins.
sketch  plugins  free  article  linkcollection 
12 weeks ago
This SVG always shows today’s date – Terence Eden's Blog
For my contact page, I wanted a generic calendar icon to let people view my diary. Calendar icons are almost always a skeuomorph of a paper calendar, but I wondered if I could make it slightly more useful by creating a dynamic icon.
Here it is, an SVG calendar which always display's today's date
calendar  SVG  JavaScript  dynamic  Inspiration  auto-update 
12 weeks ago
Learn Version Control with Git
A step-by-step course for the complete beginner
ebook  microsite  tutorial  book  companionSite  Git  Inspiration  userexperience  example 
february 2018
TinEye Reverse Image Search
TinEye is an image search and recognition company. We are experts in computer vision, pattern recognition, neural networks, and machine learning. Our mission is to make your images searchable.
images  photos  search  searchengine  recognition  alternative  onlinetool 
february 2018
Vova Kurbatov
I’m Vova Kurbatov.
Product designer.
Currently, I’m designing data-driven
interfaces for smart cities.
I love to explore new opportunities
that technology gives us.
portfolio  Inspiration  website  productdesign  international 
february 2018
Visual Inspector - Free chrome extension for live website feedback and fixing design bugs
Introducing Visual Inspector

Delightful Chrome extension to inspect/edit live webpages without coding.
Annotate and discuss changes remotely without leaving your website.
chrome  extension  editor  onlinetool  Type  Webdesign 
february 2018
AR and VR | Google Blog
News about AR and VR at Google, including ARCore, Daydream, Cardboard, Jump, Tilt Brush, Blocks and more.
AR  VR  reality  Google  blog  Cardboard  Daydream  Blocks 
february 2018
Adele – Design Systems and Pattern Libraries Repository
The repository of publicly available design systems and pattern libraries
reference  styleguide  patterns  platform  linkcollection  Webdesign 
february 2018
The Real History of the GUI — SitePoint
When a lot of us hear the word "gooey," we think about sticky buns or creamy sugary fillings (yum). Others think "GUI", as in "Graphical User Interface." A GUI is what computer types call the system of icons, taskbars, and other objects that our computers use to display and access information. A few of us may wonder how the GUI came to be. We remember the halcyon days of DOS prompts and command line interactions; some of us then take an aspirin and lie down. Others continue to wonder how exactly we got from esoteric UNIX, CP/M, and DOS commands on green screens to playing with pretty pictures and colorful desktops.
history  GUI  interfacedesign  article  linkcollection  SitePoint 
february 2018
Feedback in der Hochschullehre | Haupt Verlag + Buchhandlung - Bücher online kaufen
Die Lehre verbessern durch den gezielten Einsatz von Feedback!
Unterrichten bedeutet auch, Wege zu finden, die helfen, das Potenzial von jedem Einzelnen zum Erblühen zu bringen. Feedback in verschiedensten Formen ist ein zentraler Grundstein dazu.

Dieses praxisorientierte Buch setzt sich eingehend mit der Schlüsselkompetenz «Feedback» auseinander. Es gibt Impulse, die vom gezielten Einsatz von Feedback überzeugen, und bietet viele Werkzeuge, die den Transfer von der Theorie in die Praxis unterstützen. Beispiele aus dem Unterricht machen den Text erlebbar. Das Buch ist für den Unterricht auf Hochschulstufe und für die Erwachsenenbildung geeignet.

«Feedback in der Hochschullehre» ist eine Aufforderung, sich ins Feld des Feedbacks zu begeben, zu experimentieren und neue Blickwinkel einzunehmen.
book  Swiss  feedback  university  teaching 
february 2018
The Way to Design by Steve Vassallo
The 21st century will be the designer’s century, because the most interesting innovation is happening at the top of the stack—at the interface with end users—where technology meets design, and where a swipe right or a hold might decide the next breakout business. This book is for entrepreneurial designers who want to know what it takes to start a company, and for non-designer entrepreneurs and executives who want to understand how to make design a core value of their business.
PDF  ebook  designthinking  Inspiration  free  download 
february 2018
Manuskript – Open-source tool for writers
Manuskript is a perfect tool for those writer who like to organize and plan everything before writing.

The snowflake method can help you grow your idea into a book, by leading you step by step and asking you questions to go deeper.

While writing, keep track of notes about every characters, plot, event, place in your story.

Manuskript is still in development, and in need of extensive testing.
writing  Software  OpenSource  free  beta  manuscript 
february 2018
novel writing software - bibisco
your novel starts here. now.
we help you to write your story, in a simple way.
writing  software  manuscript  italian  free 
february 2018
Free customizable SVG Backgrounds
Customizable SVG patterns and background designs for websites and blogs
Why use Scalable Vector Graphics (SVG)?
SVGs are small in file-size, high-definition, scalable, supported by modern browsers, and customizable. SVGs rock!
background  color  css  SVG  Webdesign  free 
february 2018
iOS 11 UI Kit for Sketch - Design+Code
Designed at 1x for iPhone X in Sketch
Customizable iOS 11 native components
Ready to be use as Sketch Library
mockups  sketch  templates  iOS  free  download 
february 2018
Akademi™ – Projects
Akademi™ is a design studio with dig­i­tal focus. We want to make the modern world more acces­sible with sus­tain­a­ble, func­tion­al and delightful experiences. Grounding our work in an agile and col­labor­ative process, paired with our deeply root­ed pas­sion for exp­loration and know­ledge acqu­isit­ion, we create value by ap­ply­ing func­tion­al aes­the­tics to in­sight — let­ting the ex­peri­ence be what drives iden­ti­ty. This is why we be­lieve in long term part­ner­ships — working with, not for people.
Agency  animation  Type  Inspiration  portfolio 
february 2018
Free software and open source tools for investigative journalism and research
Investigative journalism tools

Free software and open-source tools for journalists, journalistic research, discovery, investigative reporting, privacy, data visualization, data driven journalism and datajournalism
datamining  journalism  research  linkcollection  reporting  investigation  tools 
february 2018
Reimagining Google Fonts - Library - Google Design
Reimagining Google Fonts
The new Google Fonts makes it easier than ever to browse our collection of open source designer fonts and learn more about the people who make them.
Google Fonts first launched in 2010 as an engineering initiative to move the web forward and make it faster—using different technologies like cross-site caching of fonts and smart compression tools—and more expressive by creating a simple way to add more typographic variety to websites. We originally released 14 open source fonts supporting Latin scripts. Today, Google fonts are viewed on the web over 15 billion times a day in over 135 languages worldwide. Over the last six years, the team has continued to commission new fonts, adding dimension and range to the directory. Now, Google Fonts is taking its commitment to design one step further with an updated directory—one that showcases typography and type designers while making fonts easy to explore and use. Using the Material Design framework, we created a design that scales across different screen sizes and devices, and updated the entire look and feel of the site, from the overall interactivity all the way down to the logo design.
GoogleFonts  webfonts  OpenSource  ReDesign  development  article 
february 2018
« earlier      
3d @font-face accessibility activism adobe advertising aftereffects agency ajax analysis analytics android animation api app apple article articles audio barrierefreiheit basel beautiful beta blog blogging book books browser business charts cms code coffee collaboration color communication community companionsite company comparison converter creativity css css3 customize data database demo design development directory download ebook ebooks ecommerce editor education elearning email embedding environment epub epublishing expert extension facebook fairtrade firefox flash flickr font fonts framework free fun gallery generator german gif google graph graphicdesign graphics graphs grid gui guide guidelines guidesign hacks history html html5 icon icondesign icons illustration illustrator images indesign infographics inspiration interaction interactiondesign interactive interface ios ipad iphone javascript joomla journalism jquery kaffee layout library linkcollection list logo mac magazine maps marketing mashup mobile mockup muse music navigation news onlineshop onlinetool onlinetools opensource opentype optimization osx parallax patterns pdf photography photos photoshop php player plug-in plugin plugins politics portal portfolio productivity programming promotion prototype prototyping psd publishing reference research resource resources responsive responsivedesign screenshot search searchengine sem semantic seo shoppingcart showcase sketch smashingmagazine social socialmedia socialweb software standards statistics stock styleguide svg swiss tagging technology template templates testing themes tips tools trends tutorial tutorials type typedesign typography ui uidesign usability userexperience ux vector video visualization vr web2.0 webdesign webdevelopment webfonts website webstandards widget windows wireframe wordpress workflow writing xhtml

Copy this bookmark: