jongala + web   856

Pure UI
Guillermo Rauch on identifying the possible (relevant) application states, designing them, and mapping them to component outcomes
design  web  webdev  programming  ui 
june 2018 by jongala
Segmented type appreciation corner
cool online type tester for segmented type systems
design  typography  web 
may 2018 by jongala
Essays — Justin O'Beirne
essays on maps: google, apple, waze, etc. and general discussion of cartography in the near future. outstanding.
maps  design  interface  usability  web 
may 2017 by jongala
Standard Notes | Simplicity Meets Privacy
web app for notes, similar to apple notes, nv, whatever
software  tools  web 
may 2017 by jongala
Web Design in 4 minutes
quick little clickthrough sample showing basic page styling. Nothing new but nicely presented
web  design  webdesign 
july 2016 by jongala
About HTML semantics and front-end architecture – Nicolas Gallagher
a nice discussion of strategies, with a proposed naming convention
css  web 
may 2016 by jongala
We have a problem with promises
How to effectively use the promises API to improve on callbacks in a practical way.
js  programming  web  webdev 
may 2015 by jongala
Responsive Tables in Pure CSS - LivingSocial's Technology Blog
<td data-label="Column header">Cell content</td>
@media screen and (max-width: 600px) {
table td:before {
content: attr(data-label);
float: left;
text-transform: uppercase;
font-weight: bold;
css  responsive  webdesign  web 
april 2015 by jongala
Stealing jQuery patterns from Bootstrap | Chris Johnson - Developer & Designer
bind js behaviors to data-attribute selectors, rather than CSS, to decouple style from behavior
js  web  webdev  performance 
october 2014 by jongala
Functional and visual redesign of Google news
An exceptionally good design study using the Material design language.
design  webdesign  web  ui  interaction  interface 
october 2014 by jongala
ui and animation framework, the new hotness, I guess
js  web  webdev  programming 
may 2014 by jongala
Removing User Interface Complexity, or Why React is Awesome
ui abstractions, react, and a demo library that continuously re-renders via requestAnimationFrame while checking for changes in app state.
web  webdev  js  programming 
may 2014 by jongala
Seth Ladd's Blog: I ported a JavaScript app to Dart. Here's what I learned.
nice overview and explanation of differences and similarities
web  programming  js 
may 2014 by jongala
The Case for React.js and ClojureScript
Interesting notes on React.js and its utility
js  web  webdev  performance 
may 2014 by jongala
What is a Web Framework?
little roundup of concepts centered on django and flask. nice broad perspective
programming  python  web  webdev  cms 
march 2014 by jongala
SVG Patterns Gallery
Use svgs to generate graphics, use JS to encode them into base64 URLs, then assign those URLs to CSS background properties. Nothing down the wire except the svg.
svg  web  webdesign  performance  css 
january 2014 by jongala
Flat file blog platform written in coffeescript. Write in markdown, deploy via rsync.
web  webdev  cms  writing  js 
december 2013 by jongala
github-style autocomplete script for textarea and contenteditable
web  interaction  usability 
october 2013 by jongala
Embed Webfonts in CSS
how to use data uris for font embedding, from samer
web  performance  css  fonts 
september 2013 by jongala
Gmail for Mobile HTML5 Series: Reducing Startup Latency - The official Google Code blog
original post re: downloading js script modules into commented out <script> tags, then loading the JS by getting the script innerHTML, stripping the comment, and eval-ing.
performance  js  web  webdev 
september 2013 by jongala
Mobile Gmail and async script loading | High Performance Web Sites
…we wrote each module into a separate script tag and hid the code inside a comment block (/* */). When the resource first loads, none of the code is parsed since it is commented out. To load a module, find the DOM element for the corresponding script tag, strip out the comment block, and eval() the code.
js  performance  web  webdev 
september 2013 by jongala
Cloning the UI of iOS 7 with HTML, CSS and JavaScript | c2prods | Côme Courteault
nice look at the details of how views are animated, how buttons and titles are displayed and changed between states
css  js  web  webdesign  interaction  animation 
september 2013 by jongala
Slim Your Wallet - Slim Leather Wallets by Bellroy
very nice site with feature summary, excellent design and communication
shop  web  webdesign 
august 2013 by jongala
Decoupling Your HTML, CSS, and JavaScript — Philip Walton
Use non-semantic, prefixed (js-foo) CSS classes to act as JS and DOM selection hooks. Avoid CSS rules that rely on knowledge of DOM structure.
css  webdev  web 
august 2013 by jongala
Move.js - CSS3 animation framework for JavaScript
another library to manage JS/CSS3 transitions in one set of calls
animation  css  js  web  webdev 
july 2013 by jongala
Matthew Butterick: The Bomb in the Garden
On the failure of the web to create a culture of good design. The failure of tech to provide tools to support it. And the failure of tech to provide ways to monetize content besides ads.
design  web  typography  culture 
july 2013 by jongala
Superconductor: About
Library to do big data visualizations in the browser, using WebGL + web workers
programming  web  webdev  visualization 
july 2013 by jongala
d3 for HTML -
some thoughts on using d3 instead of string-based templating.
js  d3  web  webdev 
july 2013 by jongala
The Tiniest GIF Ever | Probably Programming
playing with the gif spec to get the smallest possible gif (26 bytes, just headers and descriptors, no image data).
css  web  programming  geek 
june 2013 by jongala
Hakim's projects
great scripted and css-animated interaction styles from the submit spinners guy
css  webdesign  web  interaction 
june 2013 by jongala
Submit Spinners - Ladda - CodePen
Submit buttons with integrated spinners, in a variety of (very nicely done) styles
web  webdesign  css  js  interaction 
june 2013 by jongala
interactivethings/d3-grid · GitHub
takes one dimensional array of data and sizes into a 2D grid
web  js  d3 
may 2013 by jongala
Pure CSS
CSS framework, alternative to Bootstrap, designed for YUI. NIce flat style. Good form styles.
css  framework  webdev  web  webdesign 
may 2013 by jongala
2D drawing API library
canvas  svg  web  design  visualization 
may 2013 by jongala
extension of masonry/isotope
js  jquery  design  webdesign  web  interaction 
may 2013 by jongala
The Blog — Sweating the UI & UX details in Emails & Email Addresses
couple of nice things here: single input for phone or email, script determines which it is. Also, you can paste in "John Doe <>" form email addresses, and it will extract. Nice touch to make things easier.
design  web  interaction 
may 2013 by jongala
Fast node + couch app dev framework for mac.
framework  web  webdev  programming 
april 2013 by jongala
Animated GIFs the Hard Way
Similar to the Apple / Phosphor trick, the sublime text guys did their own version using python, still scripted via canvas or divs.
canvas  animation  video  web 
march 2013 by jongala
Phosphor: Easy Animation for the Web
App that lets you do the Apple video trick — takes a video, breaks it down into JPEG resources, and scripts it through <canvas> to have play-in-place video, even on mobile.
tools  animation  mac  video  web 
march 2013 by jongala
Breaking down Amazon’s mega dropdown - Ben Kamens
Nice system: checks mouse movement and keeps current menu panel open if it looks like you're moving the mouse into the submenu
usability  jquery  design  interaction  js  web  webdev 
march 2013 by jongala
An Asynchronous Image Uploading Interface for Svbtle | Alex MacCaw
Notes and code for drag and drop, and carat insertion in text areas
js  web  webdev  interaction 
january 2013 by jongala
« earlier      
per page:    204080120160

related tags

3d  accessibility  actionscript  agency  animation  apache  apps  art  audio  blog  blogs  books  browsers  business  buythis  canvas  cms  color  compression  copyright  crime  cross-browser  css  culture  d3  data  database  deployment  design  diy  dns  dog  download  drupal  ecommerce  email  fax  flash  flickr  fonts  framework  funny  games  geek  git  graphics  grid  history  howto  htaccess  i18n  icons  illustration  illustrator  inspiration  interaction  interface  jobs  journalism  jquery  js  kickass  language  layout  learning  lifehacks  lightbox  logos  mac  maps  math  mobile  mod_rewrite  money  movies  music  mysql  node  packaging  patent  pdf  performance  philosophy  photoblog  photography  photoshop  php  physics  portfolio  printing  privacy  Processing  programming  projects  psychology  python  react  reference  regex  religion  resources  responsive  retro  ruby  schedule  science  security  seo  Server  shop  showcase  simulation  software  spam  statistics  stock  subversion  subway  svg  tech  templates  timeliner  tools  tutorials  typography  ui  unicode  unix  usability  vector  video  viewport  visualization  wallpaper  war  we  web  web2.0  webdesign  webdev  weird  wordpress  work  writing  xml  youtube 

Copy this bookmark: