torstenbergler + css   568

Palx
Automatic UI Color Palette Generator
tools  generator  color  design  css  palette  colour  colours  tool 
5 weeks ago by torstenbergler
Switch font color for different backgrounds with CSS | CSS-Tricks
Ever get one of those, "I can do that with CSS!" moments while watching someone flex their JavaScript muscles? That’s exactly the feeling I got while
accessibility  color  css  design  coding  colors  colour  contrast 
august 2018 by torstenbergler
RatioBuddy - Aspect ratio calculator
RatioBuddy is a fast, simple aspect ratio calculator. Designed & built by Damn Fine.
ratio  generator  webtool  css 
july 2018 by torstenbergler
<css-doodle />
A web component for drawing patterns with css
coding  generative  CSS  Art  webdevelopment  generator 
may 2018 by torstenbergler
Unicode Patterns
Lately I had some fun with Unicode in CSS and made several interesting background patterns with them.
There's one on Codepen.
patterns  backgroundimages  background  unicode  css  html  inspiration 
may 2018 by torstenbergler
curtains.js | Home
curtains.js is a lightweight vanilla WebGL javascript library that turns HTML elements into interactive textured planes.
images  javascript  3d  animation  css  js  library  webgl 
may 2018 by torstenbergler
Duotone Effect Generator
Create beautiful duotone color pairings and effects
tools  resource  generator  graphics  photos  color  colour  css  design 
april 2018 by torstenbergler
CSS Gradient Generator
CSS Gradient is a happy little website and free tool that lets you create gradients for the web. It's also chock-full of colorful content about gradients from technical articles to real life examples like Stripe and Instagram.
webdev  gradient  generator  color  css  tool 
march 2018 by torstenbergler
30 Seconds of CSS
A curated collection of useful CSS snippets you can understand in 30 seconds or less. From foundational elements such as clearfix to gradient text color and gradient cursor tracking to CSS easing and far beyond.
snippets  css  resources  webdesign  reference 
march 2018 by torstenbergler
Parallax scrolling with CSS variables | basicScroll
Standalone parallax scrolling for mobile and desktop with CSS variables.
parallax  scroll  css  animation  javascript  frontend  js  opensource  performance  variables 
february 2018 by torstenbergler
CSS Grid and Grid Inspector in Firefox — Mozilla
Explore new possibilities in web design with CSS Grid and Firefox’s Grid Inspector tool
layout  css  grid  css3  mozilla  cssgrid  design  webdev 
may 2017 by torstenbergler
CSS Flags
Flags of the world in just one div
collection  flags  css  design  icon 
november 2016 by torstenbergler
Tilt Hover Effects | Codrops
Some ideas for hover effects with a fancy tilt effect
effects  hover  demo  CSS  animation  perspective 
november 2016 by torstenbergler
Cutestrap
A pure CSS framework with vertical rhythm, consistent form fields and a dead simple grid.
webdev  framework  css  bootstrap  design  sass 
may 2016 by torstenbergler
An Ultimate Guide To CSS Pseudo-Classes And Pseudo-Elements – Smashing Magazine
Hola a todos! (Hello, everyone!) In my early days of web design, I had to learn things the hard way: trial and error. There was no Smashing Magazine, Can I Use, CodePen or any of the other amazing tools at our disposal today. Having someone show me the ropes of web design, especially on the CSS front, would have been incredibly helpful. Now that I am far more experienced, I want to share with you in a very friendly, casual, non-dogmatic way a CSS reference guide to pseudo-classes ...
css  pseudo  pseudoclasses  reference  classes  coding 
may 2016 by torstenbergler
A Quick Look at Modernizr 3.0
Browsers are getting quicker at adopting new standard web features, but the fact remains that we often have little choice but to provide a functioning fallback for o
browser  css  javascript  modernizr  responsive 
april 2016 by torstenbergler
Animocons: Animated Icons with mo.js | Codrops
Animated icons powered by the motion graphics library mo.js by Oleg Solomka
interaction  animation  icon  css  inspiration  dev  design  javascript  js 
february 2016 by torstenbergler
Finessing `feColorMatrix` · An A List Apart Article
Harness the power of feColorMatrix to create detailed filters, with Una Kravats as your guide.
color  filters  svg  css  colour  filter  image 
february 2016 by torstenbergler
Pointy Slider in CSS and jQuery | CodyHouse
A slideshow with sliding-in panels that unveil new, fixed background images.
slider  css  jquery  animation  inspiration  background  fullscreen  javascript  presentation  webdesign 
february 2016 by torstenbergler
22 Essential CSS Recipes
Hey there! Today we are going to talk about some useful tricks in CSS. Let's begin with...
tricks  css  tips  development 
january 2016 by torstenbergler
Line Menu Styles | Codrops
An open collection of menu styles that use the line as a creative design element
navigation  inspire  css 
january 2016 by torstenbergler
CSS Cursor
This small web app helps you to choose cursor type from the showcase for use in your application.
cursor  cursors  css  ui  cheatsheet 
december 2015 by torstenbergler
The "Blur Up" Technique for Loading Background Images | CSS-Tricks
The following is a guest post by Emil Björklund. Filter effects in CSS have been around for a while, and together with things like blend modes, they bring
images  performance  css  svg  tips  blur 
december 2015 by torstenbergler
Horizontal Timeline in CSS and jQuery | CodyHouse
An easy to customize, horizontal timeline powered by CSS and jQuery.
timeline  time  css  jquery  horizontal  html  javascript  code  components 
december 2015 by torstenbergler
Rain & Water Effect Experiments | Codrops
Some experimental rain and water drop effects made with WebGL and shown in different demo scenarios.
effect  webgl  design  rain  javascript  css  webdesign 
november 2015 by torstenbergler
Pseudo-comments in CSS (Or, How Browsers Parse Styles)
David Kaye examines in detail how browsers parse CSS, demonstrating how single-line comments can be used even though these aren't technically legal.
comments  debug  css  comment  develop  pseudo-comments 
november 2015 by torstenbergler
Background Image Shapes | CSS-Tricks
The following is a guest post by Joe Markevicius. Joe had a particular design he needed to implement for the BFI's Britain on Film website. Like a true fro
images  background  browsers  css  svg  shapes 
november 2015 by torstenbergler
Introduction | Front-end Handbook
The resources and tools for learning about the practice of front-end development. Written by Cody Lindley sponsored by
education  webdev  front-end  book  development  css 
october 2015 by torstenbergler
Photon
Photon: Build desktop apps with simple HTML and CSS components.
desktop  electron  CSS  development  framework  JS  ui  app 
october 2015 by torstenbergler
How To Do Knockout Text | CSS-Tricks
There are a couple of ways to do knockout text (text that appears cut out, such that you can see a background behind it) on the web. There is one fairly ne
text  effect  css  html  knockout 
september 2015 by torstenbergler
« earlier      
per page:    204080120160

related tags

&  **  ***  ****  *****  2blocks  3d  37signals  @font-face  accessibility  adaptive  Addy  advertising  after  agency  agentur  aggregator  ajax  alfred  align  alignment  alistapart  ampersand  analytics  android  angular  animacion  animated  animation  animations  api  apis  app  apple  application  architecture  archive  area  art  article  articles  ascii  audio  autocomplete  autocompletion  autosize  awesome  background  background-image  background-images  backgroundimages  backgrounds  base64  baseline  beacon  before  bem  berlin  bestpractices  bild  black  blend  blend-mode(s)  blend-modes  blendmode  blendmodes  blind  block  blockquote  blocks  blog  blogger  blogging  blogroll  blogs  blue  blur  boilerplate  book  bookmark  bookmarklet  books  bootstrap  border  Bourbon  box-decoration-break  box-shadow  boxshadow  branding  breakpoint  breakpoints  broken  browser  browsers  bug  builder  building  business  button  buttons  cache  caching  calc  calculate  calculator  caniuse  caret  carousel  cart  center  centering  change  character  charts  cheatsheet  checkbox  checklist  checkout  chicago  chrome  circular  citation  class  classes  clean  clothing  clover  cms  coda  code  code-plugin  codepen  coding  coding/scripts  codrops  coffeescript  collection  color  colors  colour  colours  column  columns  comment  comments  community  company  compare  comparison  compass  compatibility  compatible  components  compression  computer  conditional  conference  contact-form  contrast  cooking  cool  corporate  creative  creativity  crop  css  css-filters  css-framework  css-preprocessor  css-preprocessors  CSS-Tricks  css-viewport-height  css3  css3generator  css4  cssgrid  csswizardry  curated  cursor  cursors  custom  custom-properties  customize  cutout  daily  data  database  datalist  Datenbank  de  debug  debugger  demo  design  designer  designpatterns  desktop  deutsch  deutschland  dev  develop  developer  development  device  devtools  dialog  dice  digital  dimension  directory  dive  docs  documentation  down  download  drag  drag&drop  dropdown  dsl  e-commerce  ecommerce  editor  editorial  education  effect  effects  electron  element  elements  email  encyclopedia  entwicklung  event  example  examples  experimental  extension  extensions  extract  facebook  fade  fashion  favicon  favicons  filter  filter-effects  filters  fittext  fix  fixed  flags  flash  flat  flexbox  flickr  float  fluent  fluid  focal  follow  font  font-combination  font-face  fonts  fontsize  food  footer  footers  form  forms  formularis  Forum  foto  foundation  foundry  framerate  framework  frameworks  france  free  freelancer  french  friends  front-end  frontend  frontwork  ftp  fullscreen  fun  function  funny  fwa  gallery  gap  generative  generator  german  germany  gif  github  globe  golden  golden-grid  goldenerschnitt  goldenratio  google  googlemaps  gradient  gradients  grafik  grafiques  graphic  graphicdesign  graphics  grid  grids  gridsystem  grow  gtd  gui  guide  guideline  guidelines  h.264  hack  hacks  hamburger  handy  happycog  headlines  hero  heroku  herramientas  history  hook  horizontal  hosting  housing  hover  hover-effects  hover-text  how-to  howto  htaccess  html  html5  ico  icon  iconfont  icons  ideas  identity  ie  ie6  ie7  IFTTT  illustration  image  images  imported  info  information  inline  input  inspiration  inspire  instagram  interaction  interactiondesign  interactive  interface  interfaces  Internet  ios  ipad  iphone  isotope  it  itunes  javascript  journalism  journalismus  jquery  jqueryplugin  js  juegoshtml5  keyframe  knockout  knowledge  labels  landing  landscape  language  languages  layer  layout  layouts  learning  less  letters  lexikon  libraries  library  lifehacks  lightbox  line  lines  lining  link  links  list  lists  loader  loading  localstorage  logo  logos  london  long  lycos  mac  macosx  Magazin  magazine  magic  Mail  management  manager  map  maps  margin  margins  marketing  markup  masonry  material  material-design  math  measure  measurement  measurements  media  mediaqueries  medien  medium  megamenu  menu  menu3d  menucss3  menus  metrics  minify  minimal  minimalist  minimum  mixin  mixins  mobile  mockup  modal  mode  modernizr  modular  modules  mooi  mootools  motion  moving  mozilla  mp3  mp4  ms  ms-social  multiline  multimedia  multitouch  music  myspace  name  nav  navigation  news  newsletter  newsletters  nice  node.js  nonprofit  notebook  noticiadosifs  nthchild  number  nyc  objc  object-fit  objectoriented  onepage  online  open  opengl  opensource  optimisation  optimization  optimize  order  orientation  Osmani  outils  overlay  overview  package  packages  packery  padding  page  pagination  palette  panic  paper  paralax  parallax  parent  pattern  patterns  Pendulum  people  performance  perspective  photo  photography  photos  photoshop  php  physics  pitchfork  pixels  placeholder  player  plug-in  plugin  plugins  png  Pocket  podcast  podcasting  podcasts  polyfill  popup  portal  portfolio  portrait  position  positioning  post  postcss  prefix  preprocessor  presentation  prettyfade  print  printing  productivity  programmierung  programming  progress  progressbar  project  proportion  prototype  prototyping  provider  psd  pseudo  pseudo-comments  pseudoclasses  pseudoelements  publishing  pure  purecss  px  quote  radiobuttons  radios  radius  rails  rain  range  rapid  ratio  react  read-work  reader  reference  refresh  relative  rem  render  repaint  reset  resize  resource  resources  respond  responsive  responsive-design  responsivedesign  responsiveelements  responsivewebdesign  ressources  retina  rgba  rhythm  ribbon  romania  roots  rotate  route  Routenplaner  rtl  ruby  ruler  rwd  saas  safari  safari5  salesforce  sass  sass-WordPress  scale  schema  screendesign  scroll  scrolling  scss  search  select  selectbox  selectors  semantic  service  shadow  shapes  shop  shopping  sidebar  sifr  simple  simplification  simpson  singlepage  site  size  sketch  sketchapp  slicy  slide  slidebar  slidedeck  slider  slideshow  smart  smashingmagazine  snippet  snippets  social  socialmedia  software  sourcemaps  speed  spinner  spinners  spinning  sprite  sprites  square  standards  starter  states  stencil  stock  stomatolog  Street  stretch  stripes  studio  style  styleguide  styleguides  stylesheets  styleswitcher  suche  suchen  Suchmaschinen  surfgarden  svg  switch  syndicated  system  tags  talks  tech  techniques  technology  template  templates  testing  text  texture  textures  theme  thinking  tilt  time  timeline  tip  Tipps  tips  tool  toolbox  tools  tracking  transform  transforms  transition  transitions  transparency  travel  trends  triangle  tricks  triggers  tufte  tumblr  tutorial  tutorials  twitter  type  typeface  typo  typografie  typographie  typography  ui  uinspiration  unicode  units  Unread  updates  usability  useful  user  user-styles  userexperience  utilties  ux  variables  vector  vertical  video  visited  visualization  vsco  wallpapers  web  web-design  web-development  web-fonts  web2.0  webapp  webdesign  webdesigner  webdev  webdevelopment  webexample  webfonts  webgl  webkit  weblog  Weblogs  website  websites  webtool  webtools  Web_Resources  Werbung  white  wine  wireframe  wireframes  wissen  wordpress  work  world  writing  xhtml  yahoo  yaml  z-index 

Copy this bookmark:



description:


tags: