jvetrau + design   5746

Font Playground — Play with variable fonts!
Сервис позволяет примерить вариативные шрифты в браузере и получить CSS для выбранной комбинации.
design  typography  fonts  responsive  tools  online 
2 days ago by jvetrau
How To Create A Flat Vector Illustration In Affinity Designer (Smashing Magazine)
Пошаговое руководство по работе с Affinity Designer от Isabel Aracama.
design  illustrations  tools  tutorials  issue 
6 days ago by jvetrau
Physics-Based Background Scroll Effects (Coder's Block)
Небанальные эффекты при прокрутке страницы с использованием физики.
design  animation  scripts  library  issue 
11 days ago by jvetrau
Artboard Studio — Online graphic design application for product mockups
Инструмент помогает делать эффектную подачу макетов интерфейса. Обзор — https://blog.prototypr.io/early-impressions-with-artboard-studio-eee95742420e.
design  tools 
22 days ago by jvetrau
Animate Calligraphy with SVG (CSS-Tricks)
Как анимировать каллиграфию на SVG.
design  animation  SVG  scripts  issue 
23 days ago by jvetrau
GSAPTools (Ueno)
Студия Ueno опубликовала свой внутренний инструмент для отладки анимации, сделанной на GSAP.
design  animation  javascript  tools  optimization  online 
29 days ago by jvetrau
8-Point Grid — Typography On The Web (freeCodeCamp)
Elliot Dahl показывает примеры реализации шрифтовой сетки в соответствии с 8-пиксельным микро-модулем.
design  typography  fonts  grid  design+systems  issue 
4 weeks ago by jvetrau
Animista — CSS Animations on Demand
Инструмент позволяет экспериментировать с CSS-анимацией в браузере. Возможностей много, на выходе готовый код.
design  CSS  animation  tools  online 
5 weeks ago by jvetrau
Building a responsive image (9elements)
Nils Binder показывает, как сделать адаптивный логотип с помощью SVG.
design  responsive  SVG  issue  howto 
6 weeks ago by jvetrau
Illustration in the App Store (Subtraction.com)
Khoi Vinh много месяцев заходил в AppStore и делал скриншоты иллюстраций к редакционным подборкам. Это достаточно редкий по качеству подход, когда иллюстрации готовятся в таком объёме, с таким разнообразием и в таком качестве. Доска в Pinterest — https://www.pinterest.com/khoi/app-store-editorial-illustrations/.
design  illustrations  apple  mobile  issue 
7 weeks ago by jvetrau
IoT — Cool gray is a great background color for data visualization (GE Design)
Hans von Sichart из GE рассказывает, как команда дизайн-системы сделала гармоничную и обширную палитру серых цветов для использования в профессиональном ПО с кучей дашбордов.
design  color  design+systems  infographics  visualization 
7 weeks ago by jvetrau
Daily CSS Design
Подборка экспериментов с эффектным дизайном на чистом CSS.
design  coding  CSS  experimental  gallery 
8 weeks ago by jvetrau
Screely — Generate Beautiful Images
Сервис делает из простого скриншота интерфейса красивую подачу для презентации или сайта.
design  generator  online  tools  screenshots 
8 weeks ago by jvetrau
A Color Exercise for our Brand’s Illustration (Building Creative Market)
Daniella Valerio из Creative Market рассказывает о принципах цветовой палитры для единого стиля иллюстраций.
design  color  illustrations  unification  case  issue 
8 weeks ago by jvetrau
A Deep Dive on Typescales (Design at IBM)
Lehel Babos из IBM показывает, как можно рассчитать типографическую шкалу в дизайн-системах. Он опирается на классические принципы, но перекладывает их на CSS.
UX  typography  fonts  design+systems  design  issue 
8 weeks ago by jvetrau
Working Type (Airbnb Design)
Airbnb сделали собственный шрифт Cereal. Karri Saarinen рассказывает о том, как команда оптимизировала его для интерфейсов. Анонс ― https://airbnb.design/introducing-airbnb-cereal/.
UX  design  typography  fonts  branding  case  issue 
9 weeks ago by jvetrau
Устройство конкурсов веб-дизайна — Awwwards, CSSDA, FWA (vc.ru)
Дизайнеры агентства Red Collar участвуют в жюри нескольких ключевых наград для сайтов и рассказывают о механике их работы.
design  competitions  issue  awards 
9 weeks ago by jvetrau
<css-doodle />
Генератор паттернов на CSS. Анонс ― https://yuanchuan.name/2018/05/06/unicode-patterns.html.
design  CSS  coding  generator 
9 weeks ago by jvetrau
LayoutIt! — Bootstrap 4 Interface Builder
Онлайн-инструмент позволяет быстро набросать сетку блоков для Bootstrap.
design  grid  bootstrap  generator  CSS  tools  online 
9 weeks ago by jvetrau
CSS Motion Path beyond the Big Three Properties (Daniel C. Wilson)
Как использовать CSS motion path для интерфейсной анимации.
design  animation  coding  issue  CSS 
9 weeks ago by jvetrau
Running an Agency (Julian Shapiro)
Julian Shapiro даёт пачку советов владельцам дизайн-студий по грамотной организации работы над проектами и бизнеса в целом. Интересно, что его видение проектной работы похоже на работу продуктовых команд.
design  business  clienting  howto  issue 
9 weeks ago by jvetrau
Scaling Our Illustration System with Object Libraries (Creative Market)
Bronwyn Gruet показывает, как Creative Market сделали модульный гайдлайн по иллюстрациям с коллекцией типовых объектов.
design  illustrations  unification  case  issue 
9 weeks ago by jvetrau
Building a Color Palette Framework (Design + Sketch)
Rahul Chakraborty описывает несколько подходов к созданию цветовой палитры для интерфейса. Перевод ― http://sketchapp.me/frejmvork-dlya-sozdaniya-cvetovoj-palitry/.
design  color  tutorials  issue 
9 weeks ago by jvetrau
Two Fascinating Things Salesforce Discovered When It Studied Color (Fast Co Design)
Как дизайн-команда Salesforce подбирала цветовые палитры для визуализации данных в дизайн-системе.
design  color  research  case  issue  infographics  visualization 
10 weeks ago by jvetrau
New CSS Features That Are Changing Web Design (Smashing Magazine)
Обзор современных возможностей CSS для журнальной вёрстки и просто интересного дизайна сайтов от Zell Liew.
design  CSS  coding  grid  responsive  issue 
10 weeks ago by jvetrau
InspiroBot
Генератор типичных для интернета картинок-мотиваторов, которые выглядят правдоподобно и так же бессмысленно.
design  AI  algorithms  trends  fun  generator 
10 weeks ago by jvetrau
curtains.js ― Easy WebGL tool to animate images
Библиотека для интерфейсной анимации на JavaScript и WebGL.
design  animation  scripts  javascript  library 
10 weeks ago by jvetrau
« earlier      
per page:    204080120160

related tags

3D  4inspiration  4starters  8bit  16x16  accessibility  adaptive  adobe  adoption  ads  advertising  aftereffects  agile  AI  AIR  algorithms  analytics  android  animation  API  apple  apps  architecture  art  art+project  articles  asia  assets  audio  augmented  auto  automation  awards  BA  backgrounds  beer  behaviour  best  bezier  bio  blackberry  blankstate  blend  blogging  blogs  boilerplate  bookmarking  bookmarklet  books  bootstrap  bots  brainstorming  branding  brief  browser  bugs  burgers  business  calculation  calculator  calendar  captcha  cards  career  case  catalogs  charts  cheatsheet  checklist  children  classification  CLI  clienting  clipart  clothing  CMS  coding  cognition  collaboration  color  comics  communication  community  company  comparison  competitions  competitors  components  composition  concept  conceptmaps  conference  connections  consulting  contacts  content  conversion  convertors  copyright  copywriting  corel  course  creativity  criticism  crossbrowser  crowdsource  css  CTA  culture  curation  customer+journey  CX  cybernetics  dashboard  data+mining  database  definitions  deliverables  design  design+systems  design+thinking  designer  development  diagrams  dictionary  directory  discounts  discussions  docs  downloads  drawing  dribbble  drinks  ecommerce  economy  ecosystems  emotion  emulator  engagement  engineering  enterprise  error+messages  ethics  ethnography  evaluation  events  examples  excel  experimental  expression  facts  fashion  favicon  feedback  filetype:pdf  finances  fireworks  flash  flex  flexbox  flow  fold  fonts  food  forms  forums  framework  freelance  FUI  fun  future+vision  gadgets  gallery  games  games+design  generative+art  generator  gesture  global  google  grid  growth  GTD  GUI  guidelines  hardware  HCI  health  history  holywars  housekeeping  howto  HR  html  html5  IA  icons  identity  illustrations  illustrator  indesign  indicators  industrial+design  industry  infodesign  infographics  information  innovation  inspiration  integration  interactive  interior+design  internet  interns  interviews  intranet  iOS  IoT  ipad  iphone  issue  italy  javascript  jobs  journalism  jquery  keyboard  kickoff  KPI  laboratory  laidback  landing  language  leadership  learning  legal  lettering  library  lifecycle  links  list  liveguide  localization  logo  london  longform  mac  machinelearning  magazines  mail  management  manifesto  maps  market  marketing  material+design  maturity  measure  media  media:document  meetings  menu  messengers  metaphors  methodology  methods  metrics  metro  microblogging  microsoft  mixes  mobile  modeling  models  moodboards  movies  museum  music  must  myths  navigation  needs  neural  news  newsletters  nokia  notebook  notes  notifications  nytimes  objects  office  onboarding  onepage  online  opensource  optimization  organization  OS  packaging  paper  parametric  party  patents  patterns  pdf  people  perception  performance  periodic  persuasive  PET  philosophy  photos  photoshop  physics  pixelart  planning  platform  plugins  PM  podcast  portfolio  postcards  posters  presentations  previews  pricing  principles  problems  process  product  product+design  product+management  productivity  products  professional  profile  projects+news  projects+travel  projects+weather  prototyping  PSD  psychology  publishing  python  quartz  quotes  radio  ranking  ratings  react  reading  real+world  redesign  reference  rendering  reports  requirements  research  resources  responsive  retina  retro  reviews  russia  sales  sci-fi  science  screencasts  screenshots  scripts  scrolling  search  security  seniors  service  service+design  settings  sharing  shop  shopping  shortcuts  showcase  silverlight  sites  skeomorphic  sketch  sketching  smartwatch  SMM  social  software  specialisation  specification  sport  stamps  standard  startup  statistics  stencils  stocks  storytelling  strategy  support  surveys  SVG  swift  symbian  sync  tables  tablet  taskboard  teams  technology  templates  terminology  testing  tests  textures  themes  theory  time+management  tips  tools  touch  tracking  training  transition  translation  transport  trash  travel  trends  tutorials  TV  typography  ubuntu  UI  UK  unification  university  urban  usability  usage  ux  valuation  VC  vector  venture  versioning  video  vintage  visio  vision  visual+programming  visualization  voice  voice+tone  VR  wallpapers  wearable  web  web+apps  web+apps+plugins  web+projects  web2.0  whitepapers  windows  windows8  wireframes  wizards  WM  wordpress  workbooks  workflow  workshops  workspace  wp7  xCode  XP  yahoo 

Copy this bookmark:



description:


tags: