fjordaan + web   186

Anatomy of a mobile web experience: google.com | mobiForge
In a recent blog post that I did here on mobiForge (Server-side device detection used by 82% of Alexa top 100 sites) some people expressed surprise that a 47 byte difference in the HTML payload delivered by Google to different devices constituted a significant level of server-side adaptation. On checking my results, it turned out that this minor 47 byte file size difference actually masks an entirely different HTML document served to different devices—an approach that Google use extensively in its mobile presences.
mobile  web  experience  different  html  payload  google  analysis 
6 weeks ago by fjordaan
Beautiful web type — the best typefaces from the Google web fonts directory
There are currently 404 typefaces in the Google web fonts directory. Many of them are awful. But there are also high-quality typefaces that deserve a closer look. Below are examples of these typefaces in action. Click the examples to get the typeface from the Google web fonts directory.
fonts  google  web  free  beautiful  examples 
12 weeks ago by fjordaan
The Manual
Three beautiful, illustrated hardbound books a year, each holding six articles and six personal lessons that use the maturing of the discipline of web design as a starting point for deeper explorations of our work and who we are as designers.
design  web  book  illustrated  independent  self-publish  vanity  cennydd 
february 2012 by fjordaan
CALL FOR ACTION: THE OPEN WEB NEEDS YOU *NOW* - <Glazblog/>
Not so long ago, IE6 was the over-dominant browser on the Web. Technically, the Web was full of works-only-in-IE6 web sites and the other browsers, the users were crying. IE6 is dead, this time is gone, and all browsers vendors including Microsoft itself rejoice. Gone? Not entirely... IE6 is gone, the problem is back. [...] I am asking all the Web Authors community to stop designing web sites for WebKit only, in particular when adding support for other browsers is only a matter of adding a few extra prefixed CSS properties.
css  daniel  glazman  glazou  open  web  webkit  vendor  prefixes  ie6 
february 2012 by fjordaan
Yahoo! Acquisitions: Why did the web services group at Yahoo fail after acquiring Flickr, Delicious, Upcoming, MyBlogLog and others? - Quora
These acquisitions were supposed to re-vitalize Yahoo. Lots of smart people and a solid acquisition streak. Why did it end up having such little impact?
business  delicious  flickr  yahoo  quora  web  services  rant  upcoming  mybloglog 
august 2011 by fjordaan
ongoing by Tim Bray · “Web” vs. “Native”
“Na­tive vs Web apps on mo­bile; what do you think?” I think about it all the time. And I talk to de­vel­op­ers all the time so I think I know what they’re think­ing. Thus this piece, which is goes on and on and on but that’s OK, blog­ging is for long-form pieces! In­cludes a case study with screen­shots.
android  iphone  mobile  native  web  app  timbray 
june 2011 by fjordaan
Seven ways to think like the web « Jon Udell
# Be the authoritative source for your own data
# Pass by reference not by value
# Know the difference between structured and unstructured data
# Create and adopt disciplined naming conventions
# Push your data to the widest appropriate scope
# Participate in pub/sub networks as both a publisher and a subscriber
# Reuse components and services
internet  web  jonudell  udell  think 
march 2011 by fjordaan
Yiibu - Lovingly crafted mobile experiences
This site is a proof of concept for many of the ideas described in Rethinking the Mobile Web. Over the coming months, we will release articles covering our approach in detail. In the meantime why not discover how these ideas came to be and how this site was developed.
mobile  web  design  presentation  yiibu  mobilefirst  demonstration 
february 2011 by fjordaan
Designing for the Mobile Web
The thing is, creating a great web experience for users of mobile devices is much easier than you might think. In this article I'll introduce seven fundamental steps that, if followed, will help you avoid the pitfalls that have caused many other mobile sites to fail. By the end of this article you'll know exactly where to focus your efforts in order to build a successful mobile site.
mobile  reference  ui  development  web  design  guidelines  sitepoint  briansuda  emulators 
january 2011 by fjordaan
A Web Sized Education Problem at #LWSEdu « Steve Workman
This month at london web standards, Opera’s Chris Mills (@chrisdavidmills) and Anna Debenham (@anna_debenham) came down to talk to us about education and the web. Chris talked about the state of adult and professional education.
chrismills  opera  web  standards  education  curriculum  webstandards 
november 2010 by fjordaan
Fluid - Free Site Specific Browser for Mac OS X Leopard
Turn your favorite websites into Mac desktop applications.
fluid  browser  web  application  app  mac  osx 
september 2010 by fjordaan
20 tips for writing for the web | FatDUX | blogging about user experiences
Here are some of the many tips I give our clients during my popular “Writing for the web” workshop.
eric  reiss  ericreiss  writing  web  fatdux  copywriting  tips 
august 2009 by fjordaan
Bringing Web Fonts Closer | Kernest
For Web Designers 1. Pick Fonts for Your Website 2. Add Kernest's CSS Embed to Your Website 3. Update Your CSS Tags 4. Refresh
netvouzimported  netvouzpublic  embedding  fonts  kernest  typekit  web 
july 2009 by fjordaan
Welcome to Aviary
Photo-editing, logos, web templates, filters, color palettes, screen capture & more at Aviary.com
netvouzimported  netvouzpublic  application  aviary  capture  color  colour  editing  editor  filters  image  online  palettes  photoshop  screen  templates  web 
july 2009 by fjordaan
Fuck the foundries [dive into mark]
The more I read about embedded web fonts, the more I crystalize my thinking. Take, for example, this latest "A List Apart" article where Jeffrey Zeldman interviews David Berlow:
netvouzimported  netvouzpublic  embedded  fonts  foundries  fuck  markpilgrim  problem  web  zeldman 
april 2009 by fjordaan
Findings from the A LIST APART Survey, 2008
As we did in 2007, A List Apart and you teamed up to shed light on precisely who creates websites. Where do we live? What kind of work do we do? What are our job titles? How well or how poorly are we paid? How satisfied are we, and where do we see ourselves going?
netvouzimported  netvouzpublic  2008  alistapart  bar  charts  data  design  eric  ericmeyer  meyer  statistics  survey  tables  web 
april 2009 by fjordaan
Design inspiration via LittleSnapper - a set on Flickr
Web design inspiration, captured using the alpha version of Realmac Software's LittleSnapper.
netvouzimported  netvouzpublic  design  flickr  inspiration  littlesnapper  screenshots  set  web 
april 2009 by fjordaan
The Paper Version of the Web at Deeplinking
We don’t usually get to see this handmade stage of the web, but some folks have been thoughtful/narcissistic enough to upload photos of their UI sketches, and I find them fascinating.
netvouzimported  netvouzpublic  design  sketches  ui  web 
july 2008 by fjordaan
Juicy Studio: The AxsJAX Framework for ARIA
Charles L. Chen and T. V Raman announced an open source framework called AxsJAX . The framework inserts ARIA properties into web applications to make them accessible to assistive technologies.
netvouzimported  netvouzpublic  accessibility  ajax  applications  axsjax  framework  javascript  raman  web 
march 2008 by fjordaan
Google Code - Web Authoring Statistics
Various people have, over the last few years, done studies into the popularity of authoring techniques. For example, looking at what HTML ids and classes are most common, and at how many sites validate (and yes, we know that we're not leading the way in terms of validation).
netvouzimported  netvouzpublic  adoption  authoring  google  standards  statistics  stats  web 
january 2008 by fjordaan
Utility Mill - Makes Utilities
Make New Web Utilities Fast A little Python code goes a long way
netvouzimported  netvouzpublic  python  utilities  utilitymill  web 
january 2008 by fjordaan
5:55 AM: Bringing Freedom to Web Apps: Introducing Forkolator
Erik's idea for solving this is Forkolator. Imagine you're using your favorite web app. You find a bug or think of a feature you'd like to implement. What do you do? Think for a minute of how you would hack on wordpress or mediawiki. Is it a worthwhile investment of your time? Now imagine that you can just click a button that says "Fork this page!".
netvouzimported  netvouzpublic  app  fork  forkolator  web 
november 2007 by fjordaan
CoScripter
CoScripter is a system for recording, automating, and sharing processes performed in a web browser such as printing photos online, requesting a vacation hold for postal mail, or checking bank account information. Instructions for processes are recorded and stored in easy-to-read text here on the CoScripter web site, so anyone can make use of them.
netvouzimported  netvouzpublic  automate  coscripter  macros  recorder  screencast  scripts  web 
september 2007 by fjordaan
« earlier      

related tags

2.0  3d  04  37signals  456bereastreet  1976design  a-list  a-z  aardvark  acceleration  accelerator  access  accessibility  accessible  accessify  accesskeys  accessories  adams  adaptivepath  address  administration  adobe  adoption  adrian  adverlicious  advertising  aesthetics  affiliate  age  agency  aggregator  air  ais  ajax  aka  akamai  album  alistapart  alpha  alternative  analysis  analytics  analyzer  andrew  android  andy  angela  animation  annotate  annotation  app  application  applications  architects  architecture  archive  archiving  art  article  articles  ascii  associations  attractive  australian  authoring  automate  aviary  awards  axsjax  background  bad  balsamiq  bandwidth  banners  bar  based  bash  basics  bbc  bbs  beautiful  benefits  berea  best  bestpractices  bevel  beyond  biggest  bitmap  bjordhal  blind  blog  blogs  blue  bluedot  bodytag  bom  book  bookmarking  bookmarklets  bookmarks  books  bots  boutin  boxesandarrows  brainjar  breadcrumbs  briansuda  briatte  brown  browser  browsers  browserware  bruce  bubble  budd  bug  bugbash  building  business  button  buttons  buzz  calendar  called  cameron  cancer  capture  carlson  cart  casciano  cennydd  centered  character  charts  checklist  chris  chrismills  chunkysoup  clark  clean  cliche  clickmap  cnet  code  collaborative  color  colordepth  colour  colter  comic  comment  commenting  community  computer  computerarts  configurator  conformance  connect  contacts  content  contract  convea  conversion  converting  cool  coolhomepages  copy  copyright  copywriting  core  corporate  coscripter  council  counter  course  crawlers  credibility  cringely  croft  crotch  css  current  curriculum  currybetdotnet  cute  cwd  cybergeography  dan  daniel  darvas  data  datadosen  dave  davenet  dda  dead  death  default  delicious  demo  demographic  demonstration  demos  design  designer  designers  designing  designs  devarticles  developer  developing  development  dhtml  diagram  diagrams  different  digg  digital  diigo  disclaimers  disobey  disproving  disputes  diveintomark  django  dmca  dom  domain  dot  dotcom  downloader  draw  drewweing  duluth  dunstan  dv  e-commerce  e-envoy  e-failure  e-quil  earth  editing  editor  editthispage  education  effectively  elderly  elegant  elements  email  embedded  embedding  emulators  engine  engines  entrepeneur  envoy  equil  eric  ericmeyer  ericreiss  essentials  evangelisation  evangelism  event  events  evolt  examples  experience  experiments  explanation  explode  explorations  explorer  extension  extropia  eyetracking  failure  fair  faneuil  faneuilmedia  faq  fast  fatdux  fawny  feed  feedicons  filters  firefox  fixed  flash  flash-related  flazoom  fleck  flickr  flows  fluid  font  font-related  fonts  fork  forkolator  form  forum  foundries  fourth  framework  francisco  francois  françois  free  friends  ftp  fuck  fucked  function  funnel  funny  furl  future  gallery  game  gaskin  geek  generation  german  ghost  glazman  glazou  gliffy  global  glossary  gmail  gmaps  good  google  googlebomb  government  graphic  grossman  group  grouping  groups  groupware  guestbook  guide  guidelines  guru  gurus  gwb  hall  handbook  hans  happycog  harper  hci  helge  help  hicks  hierarchical  high-load  highlight  historical  history  hoffman  holovaty  homeless  horton  hosting  hotspot  hotwired  hreoc  html  http  hudson  humour  hybrid  ia  ian  ibm  ibm-ease  icon  icons  identical  identity  ie6  ihnatko  illustrated  illustration  im  image  impressive  independent  index  inflection  infographics  information  informationweek  inspiration  interface  internet  introduction  investor  iphone  ir  iraq  irwebreport  ivan  jakob  jalbum  james  jared  java  javascript  jeff  jeffcroft  jeremy  jjg  joe  johansson  jon  jonudell  journal  journalism  journalists  journey  jumpcut  k-meleon  kalbach  karen  karova  keith  kernest  kit  langridge  lankan  laura  layout  legal  liability  library  libraryjournal  lifehacker  light  linkdup  linking  links  liquid  list  lists  littlesnapper  lloyd  log  login  logo  lookandfeel  luke  lukew  lynch  mac  maccaws  macros  macuser  magazine  magic  magnitude  maguire  mailing  manifesto  maninblue  map  maps  mark  marketing  markpilgrim  marksandspencer  martin  mashup  matthew  measure  media  mental  menu  menus  mersaultthinking  messaging  meta  meyer  mezzoblue  microsoft  mike  mini  minimal  minnesota  mitchell  mobile  mobilefirst  mockups  models  momp  mompswebdesign  moock  morville  mozilla  museum  mutch  mybloglog  mystickies  myth  naff  napster  native  navigation  ncsa  net  netcraft  netscape  netvouzimported  netvouzpublic  network  newmediazero  news  next  nidahas  nielsen  nils  nordic  nouveau  number  ny  oddpost  office  ojr  older  omniture  online  open  opera  optimiser  optimization  optimize  orchard  organiser  os  osx  outlook  outsource  overlay  page  pages  palette  palettes  papers  patterns  paul  paw  payload  pbs  pda  pdf  people  perl  permission  peter  pfeffer  phnk  phone  phoneanything  photo  photos  photoshop  picker  pilgrim  pixel  pixelflo  platform  plaxo  pnhtoolbar  point  polimetrix  politics  popular  popurls  porn  portal  portfolio  posticky  postit  powerpoint  ppt  prabhath  practices  prefixes  preloaded  presentation  preservation  print  printer-friendly  printing  privacy  problem  programming  project  projects  prototype  provenanceunknown  public  pup  puppylab  pure  pwb  python  qa  qltd  questions  quora  quotes  radio  radu  raggett  raman  rant  really  rebecca  rebeccablood  recorder  red  redesign  reference  references  reiss  relations  relevant  remixable  report  reports  research  resolution  resource  resources  responsive  ria  rias  rich  richard  robots  robotstxt  roger  rollover  romanian  roselli  rss  running  rutter  safari  saila  sale  san  save  scaling  scanning  scrapbook  screen  screencast  screenshots  scripts  search  searchenginelowdown  self-publish  senior  server  service  services  set  shiftspace  shopping  simon  simple  sirisena  site  sitecatalyst  sitemap  sitepoint  sites  size  sketches  small  smallscreen  smartypants  smokymonkeys  sms  smut  social  software  source  speed  spraydio  sri  ssl  standard  standard-compliant  standards  stanford  statistics  stats  stickfigures  stickies  stickis  stickynotes  store  stores  streamline  street  stuart  studio  style  suite  sun  support  surftp  survey  swarmteams  switch  symbol  tabindex  table  table-less  tables  tabs  tadalist  tags  tallisdesign  tangled  techniques  technology  templates  text  thecounter  think  thinkfree  third  tidy  timbray  timeline  tips  tool  toolbar  totalchoice  tour  trace  tracker  trademarks  traffic  trailfire  trends  triglav  truetype  trumps  trust  tutorial  tutorials  tv  typekit  typography  typogrify  udell  ugly  ui  uk  universe  university  upcoming  upgrades  urls  usability  usage  use-web  useful  useit  usenet  user  userland  utilities  utilitymill  valid  van  vanity  vendor  ventura  video  viewer  visibone  visio  visual  visualisation  voice  w3c  w3counter  wai  wasp  watch  waterfall  waxy  web  web-authoring  web20workgroup  webapp  webarchitects  webcomic  webgraphics  webkit  webmonkey  webnouveau  webreference  websnapshot  webspace  webstandards  webstandardsawards  weight  weightedlist  welie  westciv  what  wide  wiki  willison  winamp  windows-related  winer  wireframe  wireframes  wisc  wizard  word  workers  world  wpdfd  write  writely  writing  wroblewski  wui  wysiwyg  xhtml  xmlhttprequest  xplane  yahoo  yale  yiibu  zeitgeist  zeldman 

Copy this bookmark:



description:


tags: