mac.gov.pl

Dziś przyjrzymy się dokładniej stronie Ministerstwa Administracji i Cyfryzacji. Jego misją – jak możemy przeczytać na stronie głównej, pod tekstem o pięknym tytule Ministerstwo w instalacji:

Chcemy to ministerstwo budować na Państwa oczach. I wykorzystać szansę, jaką dają nowoczesne technologie, by umożliwić obywatelom wgląd, ocenę i udział w tym, co robi władza.

No cóż, zobaczmy czy webmasterowi ten cel udało się zrealizować (albo – w myśl tytułu artykułu – realizować).

• Validator zachwycony nie jest.
• Podobnie jak ja pierwszym wizualnym wrażeniem. Prosto, szaro, nudno.
• Ach, przejaw nowoczesnych technologii w jakże gorącym HTML5!
• Ach, jakże piękny przejaw patriotyzmu w nieprzyznaniu się do naszego wspaniałego, rodzimego języka w nieobecnym atrybucie lang na html!
• Nigdy nie pojmę dlaczego wszyscy, którzy piszą w HTML5 używają – de facto błędnej! – składni XML-owej /
• Jeśli ma to być tak nowoczesna technologicznie, przyjazna i przejrzysta strona, to raczej tytuł strony powinien informować o jej zawartości, a ja wiem tylko, że jestem na stronie Ministerstwa Administracji i Cyfryzacji.
• O, mamy link[rel="shortcut icon"] (IE-owa odmiana składni dla ikonki) i graficzkę w png, czyli w formacie nie do końca wspieranym przez IE. Gdzie tu logika?
• Widzę, że wiedza o minifikacji JS istnieje, ale już na temat blokowania paralelnego ściągania zasobów poprzez umieszczenie script w head – nie.
• Mój ulubiony minus – GA.

• <div class="disclaimer"><div style="width:960px; margin:0 auto;"><small>Oglądasz testową wersję strony Ministerstwa Administracji i
  Cyfryzacji<img src="http://mac.gov.pl/wp-content/themes/mac/img/close.jpg" style="float:right;" alt="close" /></small></div></div>
  <script  type="text/javascript">
  $(".disclaimer").click(function(){$(this).hide();});
  </script>

  Czyż to nie jest piękne? Wygląda nie bardzo, działa nie bardzo (zamykanie na całym obszarze, a nie na iksie), style inline, niepotrzebny obrazek (o × oczywiście nie słyszeli). No i najważniejsze – wyświetla się przy każdym odświeżeniu strony. Wydaje mi się, że mam dobrą pamięć i nie muszą mi przypominać za każdym razem, że to tylko testowa wersja.

• No i tu się kończą nowoczesne technologie… :C Nie ma nowych, fajnych znaczników z HTML 5 – są stare jak świat div-y D:
• Niepotrzebnie pakuje się tu div.logo – odpowiednio przypisane style dla h1 i a załatwiłoby sprawę.
• 
  Czy tylko mnie się wydaje, czy ten orzełek naprawdę jakiś taki niewyraźny?
• Czemu dla BIP wszyscy używają target="_blank"?
• Ach, role="search" na formularzu… Powiało nowoczesnymi technologiami…

• <label class="screen-reader-text" for="s">wyszukaj w serwisach MAC</label>

  Nazwa klasy bardzo ładna… Szkoda, że tylko na nazwie się skończyło.

• I uciekły nowoczesne technologie, bo pole wyszukiwania jest polem tekstowym, a nie typu search.

• <input type="submit" id="searchsubmit" value="" />

  A przed chwilą mieliśmy specjalną klasę dla czytników.

• <script>
  $(document).ready(function() {
      var pathname = window.location.pathname;
   	$('.main-menu ul li').find('a[href="'+pathname+'"]').addClass('activem');
  });
  </script>

  Pomocy – JS mi się wyłączył, pasek adresu znikł, a menu mi nie pokazuje gdzie jestem!

• <script>
  		$('.main-menu ul li a').hover(function(){
  			$(this).find('span').show();
  			}, 
  				function(){$(this).find('span').hide();
  			});
  		</script>

  Raz, że to się w CSS robi, dwa, że w tym menu nie ma ani jednego span. Marnujecie mi CPU tylko!

• <div class="slide hidden">[...]</div>

  .hidden {display:none;}

  Slider niedostępny bez JS? Mądre. Zresztą – treści nie powinno się ukrywać w ten sposób, a za pomocą position:absolute i ujemnych wartości top i left.

• Czy tylko ja mam to wrażenie, że najbardziej nowoczesną rzeczą na tej stronie jest odwtarzacz Vimeo?
• Fajny mają sposób na tworzenie nawigacji dla slidera. Jedyny minus takowy jest, że tylko w JS. A może by tak slider z fallbackiem do CSS-owego :target? To na serio nie jest dużo roboty.
• Trochę konsekwencji! Albo używamy Unicodowego znaku (?), albo encji (», a później jeszcze nawet »)!
• No, no – wiadomości na liście. Rzadko spotykane, a szkoda!

• <a title="ACTA i leki generyczne, GMO oraz części <br/><a href="http://mac.gov.pl/dzialania/acta-pytania-o-polityke-panstwa-i-zasady-demokracji-czyli-czesc-v-odpowiedzi-na-pytania-zgloszone-w-czasie-debaty-6-lutego/" class="more" title="więcej »">więcej »</a>

  Małe niedopatrzenie?

• <div class="clear"></div>

  Mało nowoczesne.

• Adresik w stopce można by w address walnąć.
• Wow, treści na licencji CC? Fajnie.
• A w CSS co mamy? A np to:

  a {text-decoration: none;} a:hover {text-decoration: none;}

• I to:

  /* style overrides for comments pagination */
  .wp-paginate-comments {}
  .wp-paginate-comments li {}
  .wp-paginate-comments a {}
  .wp-paginate-comments a:hover, .wp-paginate-comments a:active {}
  .wp-paginate-comments .title {}
  .wp-paginate-comments .gap {}
  .wp-paginate-comments .current {}
  .wp-paginate-comments .page {}
  .wp-paginate-comments .prev, .wp-paginate-comments .next {}

Gdyby skasować wyrażenie „nowoczesne technologie”, to ocena strony byłaby zupełnie inna. Ale niestety to wyrażenie się pojawiło – i to nie byle gdzie, ale na stronie Ministerstwa Administracji i Cyfryzacji! – i trzeba przyznać, że w tym względzie mamy epic faila.