jvetrau + design   5696

Daily CSS Design
Подборка экспериментов с эффектным дизайном на чистом CSS.
design  coding  CSS  experimental  gallery 
yesterday by jvetrau
Screely — Generate Beautiful Images
Сервис делает из простого скриншота интерфейса красивую подачу для презентации или сайта.
design  generator  online  tools  screenshots 
yesterday by jvetrau
A Color Exercise for our Brand’s Illustration (Building Creative Market)
Daniella Valerio из Creative Market рассказывает о принципах цветовой палитры для единого стиля иллюстраций.
design  color  illustrations  unification  case  issue 
4 days ago by jvetrau
A Deep Dive on Typescales (Design at IBM)
Lehel Babos из IBM показывает, как можно рассчитать типографическую шкалу в дизайн-системах. Он опирается на классические принципы, но перекладывает их на CSS.
UX  typography  fonts  design+systems  design  issue 
4 days ago by jvetrau
Working Type (Airbnb Design)
Airbnb сделали собственный шрифт Cereal. Karri Saarinen рассказывает о том, как команда оптимизировала его для интерфейсов. Анонс ― https://airbnb.design/introducing-airbnb-cereal/.
UX  design  typography  fonts  branding  case  issue 
5 days ago by jvetrau
Устройство конкурсов веб-дизайна — Awwwards, CSSDA, FWA (vc.ru)
Дизайнеры агентства Red Collar участвуют в жюри нескольких ключевых наград для сайтов и рассказывают о механике их работы.
design  competitions  issue  awards 
5 days ago by jvetrau
<css-doodle />
Генератор паттернов на CSS. Анонс ― https://yuanchuan.name/2018/05/06/unicode-patterns.html.
design  CSS  coding  generator 
7 days ago by jvetrau
LayoutIt! — Bootstrap 4 Interface Builder
Онлайн-инструмент позволяет быстро набросать сетку блоков для Bootstrap.
design  grid  bootstrap  generator  CSS  tools  online 
7 days ago by jvetrau
CSS Motion Path beyond the Big Three Properties (Daniel C. Wilson)
Как использовать CSS motion path для интерфейсной анимации.
design  animation  coding  issue  CSS 
7 days ago by jvetrau
Running an Agency (Julian Shapiro)
Julian Shapiro даёт пачку советов владельцам дизайн-студий по грамотной организации работы над проектами и бизнеса в целом. Интересно, что его видение проектной работы похоже на работу продуктовых команд.
design  business  clienting  howto  issue 
8 days ago by jvetrau
Scaling Our Illustration System with Object Libraries (Creative Market)
Bronwyn Gruet показывает, как Creative Market сделали модульный гайдлайн по иллюстрациям с коллекцией типовых объектов.
design  illustrations  unification  case  issue 
8 days ago by jvetrau
Building a Color Palette Framework (Design + Sketch)
Rahul Chakraborty описывает несколько подходов к созданию цветовой палитры для интерфейса. Перевод ― http://sketchapp.me/frejmvork-dlya-sozdaniya-cvetovoj-palitry/.
design  color  tutorials  issue 
10 days ago by jvetrau
Two Fascinating Things Salesforce Discovered When It Studied Color (Fast Co Design)
Как дизайн-команда Salesforce подбирала цветовые палитры для визуализации данных в дизайн-системе.
design  color  research  case  issue  infographics  visualization 
14 days ago by jvetrau
New CSS Features That Are Changing Web Design (Smashing Magazine)
Обзор современных возможностей CSS для журнальной вёрстки и просто интересного дизайна сайтов от Zell Liew.
design  CSS  coding  grid  responsive  issue 
14 days ago by jvetrau
InspiroBot
Генератор типичных для интернета картинок-мотиваторов, которые выглядят правдоподобно и так же бессмысленно.
design  AI  algorithms  trends  fun  generator 
15 days ago by jvetrau
curtains.js ― Easy WebGL tool to animate images
Библиотека для интерфейсной анимации на JavaScript и WebGL.
design  animation  scripts  javascript  library 
16 days ago by jvetrau
Recurss
Коллекция шизоидных экспериментов с графикой на CSS.
design  CSS  experimental  coding  gallery 
23 days ago by jvetrau
Duotone Effect Generator
Быстрый способ создать двухцветную версию фото в духе Spotify.
design  color  tools  online 
23 days ago by jvetrau
Particle Effects for Buttons (Codrops)
Крутейшие визуальные эффекты нажатия на кнопки.
design  animation  scripts  library 
26 days ago by jvetrau
Password Strength Visualization (Codrops)
Интересный подход к отображению добротности пароля — декоративное изображение постепенно улучшает качество.
design  animation  patterns  scripts 
4 weeks ago by jvetrau
Helvetica Is Now An Encryption Device (Fast Co Design)
Занятный эксперимент по шифрованию информации с помощью слегка изменённых популярных шрифтов ― человеческому глазу они будут незаметны.
design  typography  fonts  security  experimental  issue 
4 weeks ago by jvetrau
1 HTML Element + 5 CSS Properties = Magic! (CSS-Tricks)
Реализация и анимация градиентных лучей.
design  CSS  animation  scripts  issue 
4 weeks ago by jvetrau
Using Figma designs to build the Octicons icon library (The GitHub Blog)
Jon Rohan из GitHub рассказывает о том, как устроен экспорт библиотеки иконок из Figma в продукт с помощью нового API инструмента.
design+systems  design  icons  tools  issue 
5 weeks ago by jvetrau
How to Create High-Quality GIFs (Framer)
Jurre Houtkamp из Framer показывает, как экспортировать добротные GIF из инструмента.
design  animation  howto  issue 
5 weeks ago by jvetrau
WebGL Distortion Hover Effects (Codrops)
Скрипт реализует необычные эффекты наведения на WebGL.
design  animation  scripts  library 
5 weeks ago by jvetrau
Как мы разрабатывали стиль корпоративной иллюстрации «Лаборатории Касперского» (Design Pub)
Хороший рассказ студии Мыслеформа о создании гайдлайнов иллюстраций для Лаборатории Касперского. Разбор стилеобразующих элементов и вариаций по исполнению.
design  illustrations  case  issue 
6 weeks ago by jvetrau
Designed Space — The culture of design studios
Инициатива исследует офисы и рабочие пространства дизайн-студий и продуктовых команд.
design  office  culture  catalogs 
7 weeks ago by jvetrau
Automagic Design — Your Free Logo Maker
Ещё один алгоритмический генератор логотипов.
design  AI  algorithms  trends  tools  logo 
7 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: