Link-urile… anului 2011

Am fost foarte, foarte ocupat în utlimele luni, iar acest lucru s-a văzut din plin pe blog. Am strâns câteva sute de articole în mail și în readit later și abia azi am avut puțin timp să le sortez un pic. Este prima (și sper ultima) dată când pun doar link-urile spre articole, fără titlu.

  1. Introduction to HTML5 Web Workers: The JavaScript Multi-Threading Approach
  2. Using HTML5’s PageVisibility API
  3. How to implement a 3D engine in HTML5
  4. An Introduction to Grids in Web Design
  5. Avatar for jdowns Remote Usability Testing on Mobile Devices
  6. Build a simple client-side MVC app with RequireJS
  7. JavaScript API on top of WebKit for working with the concept of layers.
  8. CSS box-shadow Can Slow Down Scrolling
  9. Using jQuery .on() and .off()
  10. Meaningful Transitions – Motion Graphics in the User Interface
  11. Asynchronous UIs – the future of web user interfaces
  12. 7 Common Javascript Mistakes or Confusions
  13. Creating jQuery Plugins
  14. YUI Theater ”” Dave Herman: “The Future of JavaScript”
  15. Efficient JavaScript
  16. Principles of Writing Consistent, Idiomatic JavaScript
  17. Building interactive web apps with SproutCore
  18. A Brief History of HTML5
  19. UI Parade
  20. Introduction to Git, Part 1, Introduction to Git, Part 2
  21. Displaying Icons with Fonts and Data- Attributes
  22. 10 LESS CSS Examples You Should Steal for Your Projects
  23. Backbone.js Fundamentals
  24. Your jQuery: Now With 67% Less Suck
  25. Working with MySQL Events
  26. The Business of WordPress Theme Design
  27. How To Use UTM Parameters In Google Analytics 5
  28. Distraction Management: How To NOT Procrastinate or Get Distracted
  29. WordPress Internals: The Cron
  30. The Art of Estimation
  31. Secret Symphony: The Ultimate Guide to Readable Web Typography
  32. Migrating From Subversion To Git Quickly With SubGit
  33. Explore your blind spot (free ebook)
  34. “I want to optimize my JS application on V8” checklist
  35. Scott Hanselman’s 2011 Ultimate Developer and Power Users Tool List for Windows
  36. The Fundamental Elements of Design
  37. New Visual Proportions for the iOS User Interface
  38. Designing for Perfection
  39. simplePagination.js
  40. Web Form Design Patterns: Sign-Up Forms
  41. CSS best practices are killing us
  42. The Language of Interfaces
  43. Top 10 “Must Follow” JavaScript Best Practices
  44. PHP 5.4”²s New Built-in Web Server
  45. Meet the CSS4 selectors
  46. How big are PHP arrays (and values) really?
  47. Creating your first WordPress child theme
  48. Activate WordPress Plugins Automatically via a Function
  49. YSlow for Command Line
  50. John Resig: “Holistic Performance”
  51. A Beautiful Boilerplate for Responsive, Mobile-Friendly Development
  52. Master version control with Git
  53. How DRY impacts JavaScript performance // Faster JavaScript execution for the lazy developer
  54. Mike Toppa: Clean Code for WordPress Plugin Development
  55. Animate.css

O știre importantă. Și îmbucurătoare!

Microsoft a decis, după multe insistențe, să forțeze update-ul pentru IE. Astfel, în cazul în care ai update-urile activate (și ar trebui!), vei primi automat update la minunatul browser. Din păcate, va fi IE8 pentru WinXP, dar pentru tot ce a ieșit după Vista (inclusiv) ai parte de ultima versiune de IE. În cazul de față IE9.

Din păcate, treaba asta începe în ianuarie și doar în Australia și Brazilia, dar se va extinde la nivel global. Ceea ce înseamnă că va trece încă cel puțin jumătate de an până se va vedea o scădere cu adevărat importantă în statistici

Surse: [1] [2]

If you are using a html version of a site you will notice that sometimes you wont get the touch areas like it should. You have to touch very carefully with your tip of you finger and maybe you will succeed.

If you are designing a mobile app, you will want to add a small button (let’s say a back button) with a small arrow on it. If you are doing it right, you will probably use some sprite image with few other parts in it. One way is to add more white space in that sprite and take in consideration few more pixels, then in CSS you specify a bigger width/height and everyone is happy. Except de developer. You will face the problem of getting the coordinates of your sprites, small tweaks using firebug and so on. Also, you may have issues when you are trying to position that element in page.

My solution

Very easy, very neat, very CSS:

.back { position:relative; width:10px;height:10px }
  .back:before {
    content:".";
    text-indent:-9999px;
    left:-10px;
    right:-10px;
    bottom:-10px;
    top:-10px;
    background:#c00; /* you can remove this */
    position:absolute;
    opacity:0;
  }

That’s all. Basically you extend the active area without changing the space that initial area will cover.

Pretty neat, no?

windows apple dropbox facebook twitter