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 &times; 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ę.
  • Logo MAC
    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 (&raquo;, a później jeszcze nawet &#187;)!
  • 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.

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *