otlib + webdesign   517

CSS { In Real Life } | Animating CSS Grid
CSS In Real Life is a blog covering CSS topics and useful snippets on the web’s most beautiful language. Published by Michelle Barker, front end developer at Ordoo and CSS superfan.
animation  css  design  development  end  front  fun  grid  tutorial  visualization  web  webdesign 
9 weeks ago by otlib
CSS Grid Layout Interface Builder | LayoutIt!
Visual interface builder for CSS Grid that allows you to easily create and export your custom layouts (with legacy grid support).
css-grid  generator  html  ui  design  layout  webdev  grid  css  tools  cssgrid  tool  webdesign  via:popular 
july 2018 by otlib
Bret Victor, beast of burden
Bret Victor has been provided by the management for your protection.
design  inspiration  visualization  apple  webdesign  people  ui  programming  ux  portfolio 
april 2018 by otlib
How I built super fast JS framework – Mārcis Bergmanis – Medium
Discover & share this Animated GIF with everyone you know. GIPHY is how you search, share, discover, and create GIFs.
bestpractices  framework  performance  Archive  javascript  programming  tutorial  webdesign 
march 2018 by otlib
TACHYONS - Css Toolkit
Build beautiful, responsive, readable interfaces.
framework  css  design  web  dev  webdev  webdesign  responsive  development  css3 
february 2018 by otlib
A Whole Bunch of Amazing Stuff Pseudo Elements Can Do | CSS-Tricks
It's pretty amazing what you can do with the pseudo elements :before and :after. For every element on the page, you get two more free ones that you can do just about anything another HTML element could do. They unlock a whole lot of interesting design possibilities without negatively affecting the semantics of your markup. Here's a whole bunch of those amazing things. A roundup, if you will.
css  design  web  pseudo  webdesign  tips  webdev  after  before  element 
december 2017 by otlib
The Front-End Checklist - 🔥 Your NEW Front-End Tool 🔥
🗂 The Front-End Checklist Application is perfect for modern websites and meticulous developers! Follow the rules and deliver the best of your work in a generated report!
checklist  list  development  frontend  webdev  web  tools  via:popular  css  Webdesign 
december 2017 by otlib
Using CSS Grid: Supporting Browsers Without Grid — Smashing Magazine
When using any new CSS, the question of browser support has to be addressed. This is even more of a consideration when new CSS is used for layout as with Flexbox and CSS Grid, rather than things we might consider an enhancement.

In this article, I explore approaches to **dealing with browser support today**. What are the practical things we can do to allow us to use new CSS now and still give a great experience to the browsers that don't support it?
grid  layout  css  webdesign  fallbacks  cssgrid  ifttt  webdev  browsers  css-grid 
november 2017 by otlib
AdonisJs - Node.js web framework
AdonisJs is a Node.js web framework with breath of fresh air and drizzle of elegant syntax on top of it
applications  mvc  nodejs  framework  javascript  JS  Node  opensource  programming  webdesign 
november 2017 by otlib
Bourbon - A Lightweight Sass Tool Set
Bourbon is a lightweight Sass tool set that helps you write more effective stylesheets.
sass  rails  framework  css  library  Mixins  mixin  webdev  bourbon  webdesign 
november 2017 by otlib
CSS Reference - A free visual guide to CSS
CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples.
css  design  development  reference  webdev  webdesign  web  flexbox  css3  via:popular 
november 2017 by otlib
Snipcart - Shopping Cart Platform for Any Website
Snipcart is a fully customizable, HTML and JavaScript-based shopping cart for any website. Get set up in seconds, integrate in minutes.
cart  shoppingcart  shopping  ecommerce  e-commerce  web  commerce  javascript  service  webdesign 
january 2017 by otlib
Web Developer Checklist
The ultimate checklist for all serious web developers building modern websites.
design  development  web  checklist  cheatsheet  WebDev  webdesign  tools  HTML  via:popular 
august 2016 by otlib
SumoMe - The Best Website Traffic Tools
SumoMe is a suite of free tools that can be used to grow your website's traffic. The SumoMe tools are easy to install and work on any website.
marketing  analytics  tool  webdesign  business  webdev  abtesting  analysis  destinationlocal  digital-marketing 
january 2016 by otlib
Berta.me – Make your website | Classy and mobile-friendly themes
Create a beautiful portfolio, company site or online store with the Berta.me website builder. Creative people love our clean and simple design.
cms  web  portfolio  webdesign  free  art  content  website  berta  design 
december 2015 by otlib
CHEAP BUSINESS CAR LEASING from LING VALENTINE, from DRAGONS' DEN offers a range of CHEAP car leasing and contract hire options for business or personal use.
design  funny  cars  webdesign  bad  car  usability  web  advertising 
november 2015 by otlib
Page Weight Matters
Three years ago, while I was a web developer at YouTube, one of the senior engineers began a rant about the page weight of the video watch page being far too large. The page had ballooned to as high as 1.2MB and dozens of requests. This engineer... | Chris Zacharias | Founder of imgix. YCombinator alum. Ex-YouTuber. Studied New Media at RIT.
youtube  web  performance  optimization  webdesign  pageweight  Unread  development  internet  article 
october 2015 by otlib
Web design tool, CMS, and hosting platform | Webflow
Build dynamic, responsive websites in your browser. Launch with a click. Or export your squeaky-clean code to host wherever you'd like. Discover the professional website builder made for designers.
design  web  responsive  tool  webdesign  tools  css  webdev  prototyping  development 
october 2015 by otlib
A brief history of web design for designers. Explained with animations
How the web design evolved from tables and flash into responsive web design. A glimpse into the history on why design and code live separate lives.
history  design  web  css  animation  article  webdesign  html  colour 
december 2014 by otlib
A Guide to SVG Animations (SMIL) | CSS-Tricks
The following is a guest post by Sara Soueidan. Sara has a knack for digging deep into web features and explaining the heck out of them for the rest of us.
svg  css  animation  animations  webdesign  tutorial  howto  web 
november 2014 by otlib
Material UI
Google's material design UI components built with React.
design  css  react  webdesign  android  framework  material  google  material-design 
november 2014 by otlib
« earlier      
per page:    204080120160

related tags

#a11y  #HowTo  *******  3d  24ways  37signals  @font-face  @important  a/b  a11y  ab-testing  abstraction  abstractions  abtesting  accessibility  accessible  ACME  actionscript  actor  adobe  adsense  advertising  advice  aesthetics  after  aggregrator  agile  ai  aida  ajax  alistapart  amazon  amiga  analysis  analytics  android  animation  animations  anonymous  anti-patterns  antipatterns  apache  api  app  apple  applications  apps  appstore  architecture  Archive  aria  arrow  arrows  art  article  articles  as3  atomic  atomicdesign  authoring  average  awesome  background  backlash  bad  bar  basic  before  benzrad  berta  best  bestpractices  biography  bizness  blackhat  blocks  blog  blogger  blogging  blogs  bnog  boilerplate  book  Bookmarks  books  bootstap  bootstrap  bouncerate  bourbon  boxer  browser  browsers  budget  builder  builtwithbootstrap  business  businesscards  button  buttons  cakephp  canonical  canvas  cappuccino  captcha  car  career  cars  cart  cartoon  cc  center  centering  character  characters  chart  chartbeat  charts  cheap  cheatsheet  cheatsheets  checklist  chess  christianity  chrome  church  classic  clean  client  clients  clock  cloud  cloudcomputing  cms  code  coding  coffee  coldfusion  collection  color  colorpicker  colors  colorwheel  colour  comedy  comic  coming  comingsoon  commentary  commerce  commercialtemplates  community  comparison  compass  compatibility  components  compress  computer  concurrency  conference  content  contest  contract  contracts  controls  conversion  cool  copy  copyright  copywriting  coremodel  course  creative  creativecommons  creativity  critique  crowdsourcing  crunchbang  css  css-grid  Css-Template  css3  cssgrid  culture  customerservice  customersupport  cuteftp  cv  daily  darkpatterns  dashboard  data  database  decompiler  demo  deployment  depuistwitter  design  designer  designers  designpatterns  destinationlocal  details  dev  developer  development  digg  digital-marketing  directory  disability  distro  div  django  documentation  domain  domaining  domainnames  domains  download  downloads  dropdown  drupal  dummy  e-commerce  eclipse  ecommerce  econ  economics  economy  edit  editing  editor  education  eft  efumo  element  elements  email  embed  employment  end  entrepreneur  entrepreneurship  error  errors  essay  ethics  eu  europe  examples  experience  experimental  experiments  ext  extension  extjs  facebook  fallbacks  fama  feedback  finance  firebug  firefox  flash  flex  flexbox  flickr  float  flv  font  fonts  for  form  formbuilder  forms  forum  forums  foundation  framework  frameworks  france  free  freehosting  freelance  freelancer  freelancing  freeware  friends  front  frontend  frugal  ftp  fullservice  fun  funny  gallery  game  games  gamification  gaming  geek  generative  generator  generators  get  gillsans  god  google  GoogleAppEngine  googlereader  gossip  graph  graphic  graphicdesign  graphics  gratis  grid  grids  gui  guide  guidelines  hack  hacker-news-comments  hackernews  hacks  handbook  hci  health  helper  Heuristics  hiring  history  hn  homepage  hospedagem  host  hosting  howto  hsl  hsla  htaccess  html  html5  http  https  human  humor  humour  ia  icon  iconos  icons  ide  idea  ideas  identity  ie  ie6  ifttt  illustration  image  images  inboundmarketing  Information  information-architecture  informationarchitecture  inkscape  inspiration  install  instapaper  interaction  interactiondesign  interactive  interesting  interface  internet  interview  intro  inventions  investing  investment  iOS  iphone  ipsum  isp  isv  it  japan  java  javascript  job  jobs  joomla  jquery  js  JungleDisk  keywords  kn0thing  korea  kprecteni  landing  landingpage  landingpages  language  large-images  latency  Later  latvia  latvian  launching  law  layout  lazy  lean  lean-startup  learning  legal  less  library  lifehacker  lifehacks  lightbox  links  linux  lisp  list  lists  locking  logging  logo  logos  lorem  lukd  lulz  lv  mac  machine  machine-learning  macintosh  magazine  mail  management  markdown  marketing  markup  mashup  material  material-design  media  medicine  medium  meme  menu  metatags  metrics  microblogging  microsoft  minimal  minimalism  minimalist  mistakes  mixin  Mixins  mlane  mockup  monetization  money  monitor  monitoring  monospace  monospaced  mozilla  multi  music  musique  mvc  my  mysql  navigation  netflix  network  Networking  networks  newmedia  news  newspaper  nginx  nielsen  Node  nodejs  npr  obfuscation  objective-j  online  oop  openbox  opensource  opinion  optimization  orm  osx  outsource  outsourcing  overused  overview  page  pageweight  parallax  parody  patterns  paypal  pdf  pdt  people  performance  perl  photo  photography  photos  photoshop  php  php5  picker  pieknerzeczy  pinax  pixel  placeholder  plagiarism  platform  platforms  player  plmdtwitter  plugin  plugins  png  politics  popular  portfolio  positioning  post  preloader  preloaders  premium  presentation  presentations  prestashop  pricing  principles  print  printing  privacy  procrastinators  productivity  professional  progaming  programmer  programming  programs  project  projects  proposal  prototype  prototyping  psd  psd2html  pseudo  psychology  publishing  pud  python  quiz  quote  quotes  rad  rails  range  ranking  rapid  react  read  readability  reading  realtime  recruiting  reddit  redesign  reed  reference  Referências  registration  regularexpressions  religion  research  reseller  reserved  resource  resourcelibrary  resources  responsive  responsive_design  rest  resume  retro  review  rfc  rhdesigncompany  root  rss  ruby  rubyonrails  rumors  russia  rwd  s3  saas  sales  sass  Saved  scalability  scale  scaling  screen  screensaver  screensize  scripting  scripts  scrolling  search  searchengine  security  sell  selling  sem  semantics  seo  seomoz  server  service  setting  share  shares  shop  shopping  shoppingcart  showcase  signup  silly  site  sitelinks  sites  size  skeleton  sketch  sketching  slider  slideshow  smashingmagazine  snapads  social  socialmedia  socialnetwork  socialnetworking  socialnetworks  socialsoftware  software  softwareengineering  source  sourcecode  spam  spec  specification  speed  spelling  splash  split  sprite  sprites  sql  ssh  standard  standards  stanford  starcraft  startup  startups  static  statistics  stats  status  statuscodes  stevejobs  stick  stock  stockphotography  stockphotos  stocks  store  story  storytelling  strategy  streaming  stripe  studio  style  styleguide  stylesheets  subversion  success  sullivan  svg  svn  swf  swfobject  syntax  syntaxhighlighter  sysadmin  system:unfiled  t-shirts  table  tables  tech  technews  techniques  technology  ted  template  templateengine  templates  templating  test  testing  text  textile  texture  thankful  thanksgiving  thedailybeast  theme  themes  theory  timberners-lee  time  timepicker  tina  tinabrown  tinypng  tip  tips  To  to-read  today  todo  tool  toolbox  toolkit  tools  tools_color  top  top10  toread  tracking  trade  trading  traffic  training  trend  trends  tricks  tumblr  tutorial  tutoriales  tutorials  tweecious  tweetcc  twitchboard  twitter  twitter-bootstrap  type  typeface  typography  ubuntu  ugly  ui  ui-design  uix  uk  unicode  unix  unmatchedstyle.com  Unread  upload  uploadthingy  uptime  uri  url  urls  usability  useful  user  userexperience  userinterface  usertesting  utf-8  utf8  utilities  utils  ux  valley  value  vector  via:popular  via:sdellis  via:zite  video  videoplayer  viewer  vim  viral  virtual  virtualgoods  virtualization  visualization  viximo  voip  vps  vsbd  vue  vuejs  vulnerabilities  w3  w3c  w3schools  waxy  wcag  web  web-design  web-development  web2.0  webanalytics  webapp  webapps  webby  webcontent  webdesign  webdev  webdevel  webdevelopment  webdevwebdesign  webguild  webhost  webhosting  weblog  webmaster  webmastertools  webmonkey  webserver  webservices  webshop  webShowcase  website  websiteoutlook  websites  webstandards  webtools  Web_Design  web_dev  web_tools  web_writing  weird  whitehat  whois  widget  widgets  wiki  wikipedia  windows  wired  wireframe  wireframes  wishlist  wordpress  wordpress-plugins  wordpress-themes  work  world  worth  wpplugins  write  writing  wsj  wtf  wysiwyg  xen  xhtml  xhtml2  xml  xss  xul  yahoo  yii  youtube  yslow  yui  zeitgeist  zk  zombo  zombocom 

Copy this bookmark: