clevermarks   654

« earlier    

History of the Web, Volume I by Jay Hoffmann [PDF/iPad/Kindle]
"The web's history is vast, fascinating, and not at all what you think. It's been full of twists and turns, luck and happenstance, a pure mix of serendipity and ingenuity. If you love the web, then come with me as we explore the history of the web, and finally answer that question: Where did we come from, and how did we get here?"
Web  history  clevermarks  ebook 
3 days ago by nhoizey
yall.js: A fast, flexible, and small image lazy loader!
"do not lazy load resources that are likely to near the top of the page ("above the fold", as it were). Doing so is a performance anti-pattern, because those resources will not begin loading until yall.js has been loaded, which may take much longer than if those resources were loaded normally."
lazyload  clevermarks 
3 days ago by nhoizey
CSS Feature Toggles - Chrome Extension
"This extension allows developers to disable support of modern CSS features from devtools. Disabling features such as flexbox, grid or blend-modes allows developers to see how their pages/apps will render in browsers that don't support them."
CSS  progressiveEnhancement  test  extension  clevermarks 
4 days ago by nhoizey
Accessible SVG Icons with Inline Sprites
"The most important issue [with icons]: they lack text. Text is the most accessible format for information on the web. Screen readers understand text best and the same applies to most assistive technology, such as translation apps and Braille displays. So, if we have anything on our web page that’s not text — like icons — we must add text that gives our users the same information. Otherwise we could exclude people from understanding our interfaces."
icon  SVG  clevermarks  accessibility 
6 weeks ago by nhoizey
Bonnes pratiques relatives aux images Google
"Dans une page responsive, l'élément <img srcset> ou <picture> sert à spécifier les images. Cependant, certains navigateurs et robots d'exploration ne reconnaissent pas ces balises. Nous vous recommandons donc de spécifier une URL de remplacement à l'aide de l'élément <img src>."
Google  GoogleImage  responsiveImage  RWD  image  clevermarks 
6 weeks ago by nhoizey
Should I Use JavaScript to Load My Web Fonts?
"the advanced web font loading control offered by JavaScript still provides more than sufficient value to keep it around. You can adapt your page’s performance profile to suit a user’s network conditions, user preferences, improving the general loading behavior of self hosted fonts and third party hosting providers."
font  webperf  JavaScript  clevermarks 
6 weeks ago by nhoizey
It’s not about the device.
"we’re asked to support so many devices, and so many browsers, what’s the benefit of adding this weird one?"
device  mobile  RWD  browser  AppleWatch  watch  clevermarks 
7 weeks ago by nhoizey
3 Ways to Do Progressive JPEG Encoding
Here is an overview table that summarizes the pros and cons of the different progressive scan scripts
JPEG  progressive  compression  webperf  UX  clevermarks  Cloudinary 
7 weeks ago by nhoizey
Should I try to use the IE version of Grid Layout? Revisited for 2018
If making your site look exactly the same in browsers which do not support grid as those which do support grid is that important, maybe don’t use Grid Layout
CSS  clevermarks  IE11  fallback  InternetExplorer  Grid 
7 weeks ago by nhoizey
Best Practices for Background Videos
Background videos, if done right, can look stunning, draw attention, convey an idea and an overall experience for the user, and possibly lead to users taking positive action. If done wrong, they can be distracting, perform poorly, and possibly even be disorientating for users.
background  video  encoding  size  RWD  clevermarks 
7 weeks ago by nhoizey
"How many characters does this font include? Who designed it? Which version is it? What about the copyright? FontDrop! reads and shows what’s in your font file."
font  webfont  tool  clevermarks 
8 weeks ago by nhoizey
The State of JavaScript 2018: Front-end Frameworks
"Once again the front-end space is all about React and Vue.js. Vue's story in particular is worth considering: two years ago, 27% of respondents had never even heard of the library. Today, that fraction has fallen to just 1.3%! So while React still has a much larger share of the market, Vue's meteoric rise certainly shows no sign of stopping."
React  VueJS  Angular  framework  library  frontend  clevermarks 
8 weeks ago by nhoizey
Il est temps de se montrer -enfin- raisonnable vis-à-vis de la Blockchain
"la technologie de la Blockchain n’est pas encore tout à fait prête pour tous les rôles grandioses que ses partisans enthousiastes veulent nous faire adopter. J’ai peur que cette technologie intéressante dans certains cas soit très négativement impactée dans sa réputation lorsque la vague de déception à son égard va commencer à monter…"
Blockchain  clevermarks 
9 weeks ago by nhoizey
Why Facebook's api starts with a for loop
Without those important bytes, it could be possible for any website to access this data.

This vulnerability is called JSON hijacking, and allows websites to extract the JSON data from those API's.
API  security  JSON  clevermarks 
9 weeks ago by nhoizey
Why Mastodon is defying the “critical mass”
"It’s a mistake to judge the fediverse as though it’s a Valley startup"
Mastodon  ActivityPub  fediverse  socialNetwork  clevermarks 
9 weeks ago by nhoizey
Mercure: Server-sent live updates, protocol and reference implementation
"Mercure is a protocol allowing to push data updates to web browsers and other HTTP clients in a convenient, fast, reliable and battery-efficient way. It is especially useful to publish real-time updates of resources served through web APIs, to reactive web and mobile apps."
Mercure  push  API  ServerSentEvent  Web  clevermarks 
10 weeks ago by nhoizey
Vue's Ecosystem Growth is Taking Off... Just Like React's Did
"The Vue ecosystem is accelerating like crazy. There is serious investment and growth in packages depending on Vue, and this framework looks poised to continue its stratospheric rise."
VueJS  React  framework  library  JavaScript  clevermarks 
10 weeks ago by nhoizey
CSS Layout cookbook
"The CSS layout cookbook aims to bring together recipes for common layout patterns, things you might need to implement in your own sites. In addition to providing code you can use as a starting point in your projects, these recipes highlight the different ways layout specifications can be used, and the choices you can make as a developer."
CSS  layout  Grid  Flexbox  clevermarks 
12 weeks ago by nhoizey

« earlier    

related tags

320  a11y  accept  acceptlanguage  accessibility  activitypub  address  africa  agile  airbnb  amazon  amp  anchor  android  angular  apache  api  app  apple  applewatch  applicationserver  architecture  aria  asia  asset  atrule  attribute  authentication  automation  aws  background  biometrics  bloat  blockchain  book  browser  bundle  cache  cartography  cdn  cedexis  cellularautomata  character  checklists  chrome  ci  client  cloud  cloudinary  cms  color  complexity  componentteam  compression  configuration  content  contentnegociation  contenttype  continuousintegration  credit  css  data  dataviz  date  debt  deeplink  deployment  design  development  device  ebook  ecommerce  edge  em  encoding  end  es5  es6  excerpt  expiration  expiry  extension  facerecognition  fallback  featurephone  featureteam  fediverse  fido2  fingerprint  flexbox  flif  fluid  font  fontsize  form  framework  france  frontend  function  geocoding  geofencing  geolocation  google  googleimage  googlemaps  graph  grid  guide  gutenberg  hack  hamburger  header  history  htaccess  html  http  https  hugo  hybris  icon  ie  ie11  image  index  india  internetexplorer  ios  javascript  jpeg  json  jwt  kaios  kubernetes  language  latency  layout  lazyload  leaflet  legacy  library  link  list  logout  longtail  lossless  lossy  magento  management  map  mapbox  mastodon  math  mediaqueries  menu  mercure  microservice  microsoft  mobile  module  momentjs  monolith  multilinguism  native  navigation  nesting  netflix  netlify  network  node.js  nodejs  nojs  notification  offline  opendata  openlayers  opensource  openstreetmap  organization  pagebuilder  password  pattern  pipeline  pixel  placeholder  png  polymer  price  process  progressive  progressiveenhancement  project  property  prpl  push  pwa  px  react  reactnative  realtime  responsiveimage  rest  reverse  risk  roadmap  rum  rwd  sap  sass  screen  scroll  scrum  scrummaster  scss  security  server  serversentevent  service  session  site  size  skeleton  smartphone  socialnetwork  spa  ssg  ssr  standard  stateless  staticsitegenerator  statistics  strength  svg  symbol  test  tls  todo:link  tool  treeshaking  ttfb  tweetbot  twitter  typography  ui  url  uuid  ux  v8  video  viewport  visualisation  voiceover  vuejs  w3c  watch  web  webcomponents  webdev  webfont  webp  webperf  weight  windows  wordpress  xuacompatible 

Copy this bookmark: