Responsive JavaScript

Zilele trecute a trebuit să lucrez la un site responsive ce folosea Isotope (mai bine zis masonry) pentru layout. Problema era că aveam un număr diferit de coloane, în funcție de rezolutie: trei coloane pentru mai mult de 1000px lățime, două pentru intervalul 501-999px și una pentru ce era sub 500px. Desigur, în caz de resize, numărul de coloane ar fi trebuit să se ajusteze corespunzător.

Prima idee care mi-a trecut prin cap a fost:

function getNumberOfColumns() {
  var windowWidth = $(window).width();
  if( windowWidth <= 500 ){
    return 1;
  }else if ( windowWidth > 500 && windowWidth < 1000 ){
    return 2;
  }else {
    return 3;
  }
}

$(window).on('resize', function(){
  var tiles = $('#tiles');
  tiles.isotope({
    masonry: {
      columnWidth: tiles.width() / getNumberOfColumns()
    }
  });
});

E o soluție aproape bună. Ce probleme apar? Citeste mai departe »

Programmers’ Day

Programmers’ Day is an international professional holiday, recognized in many technology companies and programming firms, that is celebrated on the 256th (hexadecimal 100th, or the 28th) day of each year (September 13 during common years and on September 12 in leap years).

De aici.

Îți urez un anticipat „La mulți ani!” și la cât mai puține bug-uri!

Sublime Text – Configurări

Cum sunt organizate pachetele?

Dacă în ST2 toate pachetele erau într-un singur folder, în ST3 s-au schimbat un pic lucrurile, iar pachetele au trei locații posibile. Editorul le citește în următoarea ordine:

  1. În folderul programului: C:\Program Files\Sublime Text 3\Packages. Aici sunt ținute pachetele default;
  2. În  %appdata%\Sublime Text 3\Installed Packages. Aici sunt ținute pachetele… Instalate. Toate fișierele de aici sunt practic arhive .zip cu extensia schimbată.
  3. În %appdata%\Sublime Text 3\Packages. Aici putem suprascrie pachetele aflate în oricare din cele două locații de mai sus. Dacă vrem, de exemplu, să adăugăm un snippet la pachetul JavaScript, este suficient să facem un folder numit JavaScript în care punem doar snippet-ul dorit.

De ce este importantă această structură? Așa cum am zis mai sus, putem suprascrie părți din plugins; de cele mai multe ori aceste părți constau strict în fișiere de configurare (de exemplu, un plugin cu un keymap nepotrivit); de exemplu, plugin-ul HTML (care vine cu editorul) are autocomplete ușor tâmpit. Soluția? Am făcut un fișier gol în Packages\HTML\html_completions.py și am rezolvat problema. Citeste mai departe »

windows apple dropbox facebook twitter