inrgbwetrust + webdev   573

Flexbox: How Big Is That Flexible Box? — Smashing Magazine
excellent and very thorough dive into the spec (part of a series)
css  css3  flexbox  reference  webdev 
yesterday by inrgbwetrust
code doodles made with P5; all source available on GH
generative  art  design  opensource  inspiration  reference  code  javascript  webdev 
6 days ago by inrgbwetrust
Vapid: an intentionally simple CMS
very simple, but still requires a node-friendly host for the admin/edit UI
cms  nodejs  webdev  opensource 
6 days ago by inrgbwetrust
Atomic Design | Atomic Design by Brad Frost
free in-progress online book (with paper copy available $$)
book  css  webdev  organization  optimization  toread  tutorial 
7 days ago by inrgbwetrust
Css and Scalability
the OG shit that kicked of Basscss and my love of functional CSS
css  webdev  optimization  organization  code 
7 days ago by inrgbwetrust
Improving User Flow Through Page Transitions — Smashing Magazine
smoother page transitions w/ Barba js (used on — but will never be as fast a gatsby
javascript  animation  webdev  tutorial  ajax  library 
8 days ago by inrgbwetrust
trying to make a bulletproof fullscreen modal popup ...with some success
webdev  reference  mobile  browser  code  javascript  css 
16 days ago by inrgbwetrust
Publii - Open-Source CMS for Static Website
runs locally & guides you through deploy to s3 or other static hosts, interesting
blog  cms  opensource  static  tools  webdev 
16 days ago by inrgbwetrust
like gatsby? focused on publishing project docs tho
javascript  static  vuejs  library  webdev 
6 weeks ago by inrgbwetrust
looks like a very nice competitor to paperjs
animation  canvas  javascript  library  generative  art  design  webdev  nodejs  paperjs 
6 weeks ago by inrgbwetrust
animated grid lines
great starter for animated lines in a field
javascript  nodejs  generative  art  tutorial  webdev  code 
8 weeks ago by inrgbwetrust
Build 20 real components from scratch | Learn JavaScript with Zell
solid foundation and lively writing style; pricey at $500ish up to $1200 for white glove service
javascript  tutorial  education  webdev  code  programming 
10 weeks ago by inrgbwetrust
styled-system/ at master · jxnblk/styled-system
"A bunch of style utilities by @jxnblk that allows you to pass predefined styes like spacing, color, widths, etc to your components directly. Like the atomic css approach (tacyons/basscss) mixed with styled-components and themes." — @laurie_jones
webdev  react  css  productivity  library  code  tools  javascript 
june 2018 by inrgbwetrust
SVG Icons Library - Vivid.js
works kinda like an icon font? too bad they're pretty stylized and would likely clash with existing art direction
svg  icons  javascript  library  free  resources  stock  webdev 
june 2018 by inrgbwetrust
Generative Artistry
nice simple tutorials for simple projects (only 3 right now)
generative  art  tutorial  javascript  code  webdev  programming 
june 2018 by inrgbwetrust
markdown for app flows and components; helps uncover all possible permutations/states
prototyping  tools  ux  ui  design  webdesign  webdev  optimization 
june 2018 by inrgbwetrust
How to use SVG as a Placeholder, and Other Image Loading Techniques
rundown of a bunch of different lazy load placeholder techniques, including gaussian-blurred svgs wow
images  svg  responsive  optimization  react  webdev  webdesign  reference  javascript 
june 2018 by inrgbwetrust
It’s about time to design in the real world. Introducing Hadron!📢
souped-up IDE, kinda reminiscent of dreamweaver (i.e. code is a first class actor in UI) but organized around building web components within a PWA.
webdev  webdesign  code  tools  prototyping  productivity  software 
may 2018 by inrgbwetrust
In Defense of Utility-First CSS | frontstuff
arguing points for atomic/functional/basscss, yay

"HTML “bloat” doesn’t matter, but CSS does. The network and engine don’t care how many classes you have in your HTML, but the way you write your CSS counts. If your decision-making process revolves around performances, make sure you focus your attention on the right things."
css  productivity  optimization  webdev  commentary  html  code  organization 
may 2018 by inrgbwetrust
Image and Video Upload, Storage, Optimization and CDN
CDN with facial recognition and cropping that has a generous free tier, neato
api  cdn  images  webdev  hosting  free  tools  optimization 
may 2018 by inrgbwetrust
Design Systems
some contrast issues but overall a very nice/trendy site built with gatsby
gatsbyjs  javascript  react  webdesign  webdev  inspiration  styleguide 
may 2018 by inrgbwetrust
Component Based Design System With Tachyons
good guide to working with atomic/functional css in react components
css  webdev  javascript  react  reference  tutorial  links  optimization  organization  code 
may 2018 by inrgbwetrust
My website is a shifting house next to a river of knowledge. What could yours be?
"Their users’ happiness is not the primary focus, so it’s perfectly normal for you to feel anxiety when using or even thinking about social media. In this age of digital cacophony dominated by these platforms, no one is looking out for you but you."
webdesign  webdev  static  internet  ux  inspiration  commentary 
may 2018 by inrgbwetrust
Unicode Patterns
oooh very nice way of doing in-browser doodles (without js!)
css  patterns  generative  art  design  typography  webdev  code  reference  tutorial 
may 2018 by inrgbwetrust
“Should Designers Code?” fetishizes tech over other crucial design skills –
oft-ignored: user research, writing, IA, etc etc — "This range also points out the folly of having a single designer embedded on product teams. As no one designer can deliver across this set of skills, no one designer should be expected to act alone. Designers work best, and deliver best, in teams, where their skills are complementary, allowing the whole to be greater than the sum of the parts."
...and "Fetishizing code is fetishizing production, at the expense of strategy."
webdesign  webdev  commentary  career 
may 2018 by inrgbwetrust
« earlier      
per page:    204080120160

related tags

3d  accessibility  ajax  analytics  android  angular  animation  api  architecture  art  article  automation  aws  backups  bem  blog  book  bootstrap  browser  business  canvas  career  cdn  clean  cli  cms  code  color  commentary  communication  compression  css  css3  d3  datavis  design  django  documents  downloads  education  email  firefox  flexbox  flux  fonts  framework  free  freelance  gallery  games  gatsbyjs  generative  ghost  git  graphics  grid  grunt  gulp  hack  history  hosting  html  html5  hugo  icons  images  inspiration  interaction  internet  ios  javascript  jekyll  jobs  jquery  library  links  list  management  maps  marketing  meteor  middleman  mobile  nesting  newmedia  news  newsletter  nodejs  onepage  opensource  optimization  organization  osx  paperjs  parallax  patterns  php  plugin  portfolio  presentation  privacy  processing  productivity  programming  progress  prototyping  publicity  pwa  python  rails  react  reference  resources  responsive  reviews  ruby  sass  search  security  seo  shopping  sketchapp  software  startup  static  stock  styleguide  susy  svg  tech  templates  testing  textures  theme  tools  toread  tumblr  tutorial  typography  ui  unix  ux  vector  video  vuejs  webcomponents  webdesign  webdev  webfonts  webgl  work  writing 

Copy this bookmark: