jvetrau + coding   712

PSone.css (Micah Price)
CSS-фреймворк в духе классической приставки Playstation 1.
UX  CSS  coding  design+systems  framework 
16 hours ago by jvetrau
Yotako — Seamless transition from design to code
Инструмент позволяет получить код для веба и нативных приложений Android и iOS из макетов Sketch, Adobe XD, Photoshop и Balsamiq (на подходе Figma).
UX  tools  prototyping  development  coding 
2 days ago by jvetrau
DevTools for Designers (CSS-Tricks)
Обзор плагинов для Chrome, позволяющих менять вёрстку страницы в ещё более наглядном виде, чем встроенный Code Inspector.
UX  coding  tools  browser  CSS  reviews  issue 
6 days ago by jvetrau
VisBug (Интернет-магазин Chrome)
Плагин для Chrome позволяет менять вёрстку страницы в ещё более наглядном виде, чем встроенный Code Inspector. Памятка по работе с ним от Adam Argyle — https://medium.com/google-design/visbug-101-d2636120f8d7.
UX  coding  tools  browser  CSS 
6 days ago by jvetrau
NES.css ― NES-style CSS Framework
CSS-фреймворк в духе классической приставки NES (с неё скопировали Денди).
UX  CSS  coding  design+systems  framework  8bit 
13 days ago by jvetrau
Image Reveal Hover Effects (Codrops)
Скрипт даёт необычный эффект наведения для показа изображений.
design  scripts  animation  library  coding 
16 days ago by jvetrau
Experimenting with brain-computer interfaces in JavaScript (Charlie Gerard)
Charlie Gerard научилась управлять сайтами в браузере через устройство мозг-компьютер с помощью JavaScript.
BCI  coding  experimental  issue  howto 
20 days ago by jvetrau
The Current State of Styling Scrollbars (CSS-Tricks)
Chris Coyier показывает, как современные браузеры позволяют стилизовать полосу прокрутки.
design  coding  CSS  patterns  issue 
20 days ago by jvetrau
Redesigning your product and website for dark mode (Stuff & Nonsense)
Судя по всему, тёмные темы оформления станут хитом следующего года. Andy Clarke показывает, как поддержать её на сайте через media queries.
UX  color  themes  coding  CSS  issue  howto 
28 days ago by jvetrau
CSS Border-Radius Can Do That? (IO 9elements)
Nils Binder показывает, что можно сделать с радиусом скругления в CSS.
design  CSS  coding  issue 
8 weeks ago by jvetrau
Banksy Shredder (CodePen)
Скрипт имитирует шредер картины от Banksy.
design  animation  coding  scripts  library 
9 weeks ago by jvetrau
Having fun with link hover effects (CSS-Tricks)
Примеры необычных эффектов наведения курсора на ссылку.
design  patterns  CSS  scripts  coding  issue 
11 weeks ago by jvetrau
The possibilities of the color-adjust property (CSS-Tricks)
Спецификация color-adjust в предложенном CSS Color Module Level 4 позволит контролировать отображение цвета на устройстве пользователя — зачастую браузер сам принимает решение о том, как показывать его.
design  CSS  coding  issue  color 
september 2018 by jvetrau
Advanced effects with CSS background blend modes (LogRocket)
Bennett Feely показывает, что можно сделать с режимами наложения в CSS. Выглядит местами как самые кондовые фильтры Photoshop, но это важный этап в нащупывании границ возможного.
design  CSS  coding  howto  issue 
august 2018 by jvetrau
Switch font color for different backgrounds with CSS (CSS-Tricks)
Facundo Corradini показывает способ задавать цвет текста в элементе управления в зависимости от фона средствами CSS. Это упрощает описание компонентов в дизайн-системах.
design  color  CSS  coding  scripts  design+systems  issue 
august 2018 by jvetrau
CSS Scan — Instantly check or copy computed CSS from any element on the internet
Плагин для Chrome и Firefox позволяет быстро получить итоговый код выбранного элемента на странице, без поиска зависимостей самостоятельно.
design  CSS  coding  tools  browser  plugins 
august 2018 by jvetrau
Creating an animated SVG Neon light effect (IO 9elements)
Скрипт делает анимацию в духе неоновых вывесок с эффектом моргания.
design  animation  scripts  coding  SVG  issue 
august 2018 by jvetrau
Morphing using SVG (Webkul Blog)
Скрипт показывает пример морфинга фигур на SVG.
design  animation  scripts  coding  SVG  issue 
august 2018 by jvetrau
Relate — Design and develop better together
Новый новый инструмент дизайна интерфейсов. Позиционируется как визуальная работа на базе кода (чем-то похоже на Modulz от Colm Tuite) — причём якобы можно сразу работать с компонентами на React (правда, не факт что теми, что использует реальный продукт). Интригующе, но пока из деталей есть только статья от авторов — https://medium.com/relate/design-and-develop-better-together-a955b075d209.
UX  coding  prototyping  tools 
july 2018 by jvetrau
CSS Stats
Сервис анализирует CSS сайта и показывает использующиеся визуальные стили: цвета, шрифты, отступы. Отличный способ найти проблемы внедрения дизайн-системы.
CSS  coding  online  tools  optimization 
june 2018 by jvetrau
Dark theme in a day (Marcin Wichary)
Marcin Wichary показывает, как сделать тёмную тему оформления для сайта с помощью изменения ключевых переменных в CSS.
UX  design+systems  variables  themes  howto  issue  coding  CSS 
may 2018 by jvetrau
Daily CSS Design
Подборка экспериментов с эффектным дизайном на чистом CSS.
design  coding  CSS  experimental  gallery 
may 2018 by jvetrau
Component Based Design System With Tachyons (Varun Vachhar)
Varun Vachhar рассказывает о работе с CSS-фреймворком Tachyons для дизайн-систем.
UX  design+systems  coding  CSS  framework  tutorials 
may 2018 by jvetrau
Responsive tables, revisited (Lea Verou)
Lea Verou даёт советы по вёрстке адаптивных таблиц.
UX  responsive  tables  coding  CSS  howto  issue  scripts 
may 2018 by jvetrau
<css-doodle />
Генератор паттернов на CSS. Анонс ― https://yuanchuan.name/2018/05/06/unicode-patterns.html.
design  CSS  coding  generator 
may 2018 by jvetrau
CSS Motion Path beyond the Big Three Properties (Daniel C. Wilson)
Как использовать CSS motion path для интерфейсной анимации.
design  animation  coding  issue  CSS 
may 2018 by jvetrau
Hadron — A new era for designing and creating
Новый инструмент на стыке дизайна и разработки веб-интерфейсов. Он позволяет наглядно набросать компоновку экрана, используя библиотеку компонентов из дизайн-системы в духе Framer. Анонс ― https://medium.com/@HadronApp/its-about-time-to-design-in-the-real-world-introducing-hadron-f17c460401f7
UX  development  coding  tools 
may 2018 by jvetrau
New CSS Features That Are Changing Web Design (Smashing Magazine)
Обзор современных возможностей CSS для журнальной вёрстки и просто интересного дизайна сайтов от Zell Liew.
design  CSS  coding  grid  responsive  issue 
may 2018 by jvetrau
A Guide To The State Of Print Stylesheets In 2018 (Smashing Magazine)
Rachel Andrew описывает актуальные подходы к печатным версиям сайтов.
UX  coding  CSS  howto  issue 
may 2018 by jvetrau
Ideas for Proximity Feedback with Progressive Hover Effects (Codrops)
Один из новых интересных интерфейсных паттернов ― предугадывание движения курсора мыши к важному элементу на экране. Mary Lou показывает несколько примеров реализации ― это помогает экономить время и силы.
UX  animation  scripts  library  forms  coding 
may 2018 by jvetrau
CSS Blocks
CSS-фреймворк для дизайн-систем от LinkedIn.
UX  CSS  coding  framework  design+systems 
april 2018 by jvetrau
Recurss
Коллекция шизоидных экспериментов с графикой на CSS.
design  CSS  experimental  coding  gallery 
april 2018 by jvetrau
Visual Inspector — Free Chrome extension for live website feedback and fixing design bugs
Плагин для Chrome позволяет ковырять стиль сайтов в более наглядном виде, чем стандартный инспектор кода. Изменения можно обсуждать с коллегами.
UX  tools  browser  plugins  coding 
april 2018 by jvetrau
Choosing a Responsive Email Framework —  MJML vs. Foundation for Emails (CSS-Tricks)
Обзор простых фреймворков для создания адаптивных писем рассылки от Paolo Mioni.
UX  responsive  coding  newsletters  framework  issue  reviews  comparison 
april 2018 by jvetrau
Solis For Mac — A Live Design Output that integrates seamlessly with your favourite code editor for true live code previewing
Приложение для Mac облегчает вёрстку адаптивных сайтов — гибкий и мгновенный предпросмотр даже для изменений в файлах препроцессоров.
UX  coding  previews  tools  software  mac 
april 2018 by jvetrau
New to email coding? Here’s where to start (Really Good Emails)
Отличная памятка Caity G. O'Connor для тех, кто хочет научиться вёрстке писем рассылки с их крайне специфичными ограничениями.
newsletters  development  coding  tips  reference  issue 
april 2018 by jvetrau
Focusing on Focus Styles (CSS-Tricks)
Eric Bailey показывает, как можно менять состояние фокуса в веб-интерфейсах.
CSS  coding  accessibility  issue 
march 2018 by jvetrau
CSS Techniques and Effects for Knockout Text (CSS-Tricks)
Как реализовать эффект текста как маски для изображения с помощью CSS.
design  CSS  coding  howto  issue 
march 2018 by jvetrau
V6: Typography and Proportions (Rob Weychert)
Его же рассказ об использовании типографической шкалы для дизайн-системы.
design  typography  fonts  CSS  coding  responsive  issue 
march 2018 by jvetrau
V6: Color (Rob Weychert)
Rob Weychert рассказывает о своём подходе к работе с цветом с помощью простого набора переменных и модели HSL. Хороший параметрический способ управлять палитрой.
design  color  theory  CSS  coding  issue 
march 2018 by jvetrau
Responsive Components — a Solution to the Container Queries Problem (Philip Walton)
Philip Walton описывает экспериментальный подход адаптивности для конкретных блоков интерфейса — это предполагаемое развитие media queries. Перевод — http://css-live.ru/javascript/otzyvchivye-komponenty-reshenie-problemy-vyrazhenij-ot-kontejnera.html.
coding  CSS  responsive  trends  issue 
march 2018 by jvetrau
30 Seconds of CSS
Простая обучалка основам CSS с помощью 30-секундных кусочков информации.
coding  CSS  reference  learning 
march 2018 by jvetrau
Notifications (Inclusive Components)
Heydon Pickering описывает следующий инклюзивный компонент: уведомления.
UX  patterns  accessibility  coding  issue  howto 
march 2018 by jvetrau
« earlier      
per page:    204080120160

related tags

3D  4starters  8bit  accessibility  AI  ajax  algorithms  android  animation  API  architecture  articles  augmented  BCI  BEM  bezier  blogs  boilerplate  books  bootstrap  browser  bugs  case  catalogs  charts  cheatsheet  checklist  checkout  CLI  CMS  coding  collaboration  color  community  company  comparison  components  conference  course  crossbrowser  css  definitions  design  design+research  design+systems  designer  development  diagrams  directory  discussions  downloads  emulator  events  examples  experimental  flex  flexbox  fonts  forms  framework  fun  gallery  games  generative+art  generator  google  gov  grid  guidelines  history  howto  html  html5  IA  icons  IE  industry  infographics  interactive  interviews  iOS  issue  javascript  jquery  json  language  learning  library  links  list  liveguide  localization  mac  magazines  mail  maps  mediaqueries  methodology  methods  microformats  mobile  must  navigation  news  newsletters  node  online  opensource  optimization  parametric  patterns  patterns+dark  PDF  people  performance  philosophy  phone  photoshop  plugins  podcast  portfolio  presentations  previews  principles  problems  process  product+design  professional  projects+news  prototyping  publishing  react  redesign  reference  reports  resources  responsive  reviews  roles  ruby  screencasts  scripts  scrolling  search  semantic  server  service  sketch  social  software  speech  standard  statistics  strategy  support  surveys  SVG  tables  teams  technology  templates  testing  themes  theory  tips  tools  touch  transition  trends  tricks  tutorials  TV  typography  UI  unification  usability  usage  UX  validation  variables  vector  video  vintage  visualization  VR  web  widgets  wordpress  xCode  ZUI 

Copy this bookmark:



description:


tags: