CSS   835509

« earlier    

URL-encoder for SVG
We can use SVG in CSS via data URI, but without encoding it works only in Webkit based browsers. If encode SVG using encodeURIComponent() it will work everywhere.

SVG must have attribute xmlns like this: xmlns='http://www.w3.org/2000/svg'. If it doesn't exist, it will be added automagically.

Encoded SVG can be used in background and border-image.
svg  tool  webdev  conversion  css 
17 minutes ago by rsgranne
@DesignerDepot : AI Has Become a Top #UX Design Challenge: Here’s How to Solve it https://t.co/fRNW1U8CqV : http://twitter.com/DesignerDepot/status/1030546071766872064
design  layout  graphic  web-design  web-dev  css  css3  webdev  html 
3 hours ago by dcolanduno
@DesignerDepot : @sunilsandhu You're welcome! Thanks for the useful info :) : http://twitter.com/DesignerDepot/status/1030537483342229504
design  layout  graphic  web-design  web-dev  css  css3  webdev  html 
3 hours ago by dcolanduno
StyleURL - share CSS tweaks instantly
StyleURL lets you export & share CSS changes directly from Chrome DevTools. Get StyleURL for Chrome
css  chrome 
4 hours ago by NSwoRmit
CSS Grid — Responsive layouts and components
Hello again! 👋 Today we’re going to talk about how to build responsive layouts while using CSS Grid. If you’re just starting with Grid, I recommend that you read my first blogpost before this one. Baby steps!
CSS  grid 
6 hours ago by dcrall

« earlier    

related tags

(popular  201808  322  @css  a11y  accessibility  alignment  angled  animation  apps  aria  asset  background  bem  bootstrap  browser  career  cheatsheet  cheatsheets  chrome-extension  chrome  color  controls  conversion  count  css-architecture  css  css3  cssgrid  design  designsystems  detection  development  devtools  dropdown  ecommerce  edge  emmet  example  expressions  extension  filter  find  flex  flexbox  focus-within  fonts  form  forms  framework  frontend  graphic  graphicdesign  graphics  grid  grids  guide  hover  how-to  howto  html-email  html  html5  icons  ifttt  image  inspiration  inspiring  interactive  interface  interview  ios  javascript-node  javascript  lang-en  lang-pl  layout  lesson  line-height  linkedin  liquid  load  logic  macos  markup  mediaqueries  mobile  modular  mozilla  mq  native  navigation  notouch  nycda  occurrences  parallax  particles  pattern  performance  preload  print  rachelandrew  readlater  reference  regex  regular  remove-top-space  resources  responsive  sass  scaffolding  script  scroll  scrolling  scrolljacking  shopify  sidebar  skewed  snap  software  speed  stackoverflow  sticky  style  stylesheets  supports  svg  threshold  tips  tool  tools  toshare  touch  trick  tutorial  tutorials  twitter  typography  ui  university  url  urls  user-interface  user  ux  web-design  web-dev  web-development  web  web_design  webdesign  webdev  webdevelopment  wordwrap  work  wrap  youtube 

Copy this bookmark: