Wpisy oznaczone tagiem "Hacks" (13)  

spiryt.us
 
Znalezione na bit.ly/yAM1K4 (kliknij w link, aby powiększyć ;) )
 

csslab
 
Czasami się zdarza, że podczas zmiany wyglądu strony naszego blogu, efekt naszej pracy w niektórych przeglądarkach, w których ten blog zostaje wyświetlony, nie przedstawia się tak, jak byśmy tego chcieli. Stanie się tak na pewno, jeśli zastosujemy CSS3 i wyświetlimy naszą stronę np. w programie Firefox 8 i jednocześnie w Internet Explorer 7. W takiej sytuacji dobrym rozwiązaniem może okazać się użycie pewnej techniki, która prowadzi do tego, że jedna grupa przeglądarek czyta jakiś fragment kodu CSS, a natomiast inna grupa go pomija. Dzięki temu przeglądarka, która psuła wygląd strony, ponieważ nie obsługuje jakiejś właściwości lub robi to niepoprawnie, nie odczyta fragmentu kodu z tą nieszczęsną właściwością i strona w tej przeglądarce będzie nienaruszona.
Niestety w przypadku serwisu 'pinger.pl' nie możemy zastosować wszystkich dostępnych technik, jakie istnieją. Chciałbym tutaj przedstawić przykłady z hackami, które opierają się na zastosowaniu specyficznych selektorów CSS i jednocześnie są poprawne pod względem składni języka arkuszy stylów.
Załóżmy, że naszym celem jest ustawienie czerwonej ramki w obrazkach w linkach z klasą 'imgs', czyli nasza oryginalna reguła wygląda tak:
'a.imgs img { border-color: red }', a tak wyglądają niektóre hacki:

* html  a.imgs img { border-color: red }

Fragment '* html ' w powyższym przykładzie spowoduje, że reguła z deklaracją 'border-color: red' zostanie zaakceptowana i wykonana przez przeglądarki Internet Explorer od wersji 4. do 6. włącznie, natomiast inne programy ją pominą.

*+html  a.imgs img { border-color: red }

Hack '*+html ' przeznaczony tylko dla IE 7. Reguła zostanie zignorowana przez inne przeglądarki.

a.imgs img, #ie#bug { border-color: red }

Tutaj z kolei IE 8 nie zaakceptuje zapisu '#ie#bug' i nie ustawi ramki na kolor czerwony, natomiast inne to zrobią.

:root a.imgs img { border-color: red }

Pseudo-klasa ':root' zrozumiała jest dopiero przez IE 9, a więc IE 8 i starsze pominą powyższą regułę.

Uwaga: poniżej usunąć spację w 'x: default'

a.imgs img, x: default { border-color: red }

Zapis 'x: default' to sposób, na pominięcie reguły przez całą rodzinę przeglądarek IE do 9. wersji włącznie oraz Firefox 2 i poniżej.

body:empty a.imgs img { border-color: red }

Jeśli ktoś chce czerwoną ramkę w przeglądarkach Firefox 2 i starszych, niech na początku selektora wstawi 'body:empty'.

x:-o-prefocus, a.imgs img { border-color: red }

Dla Opery od wersji 9.5 mamy 'x:-o-prefocus'. Inne programy tego nie 'przetrawią'. Problem jest taki, że rozwiązania ze specyficznymi dla każdej przeglądarki prefiksami w stylu '-o-', '-moz-' lub '-webkit-' są często tymczasowe i mogą w przyszłości ulec zmianie, a więc trzeba być na to uczulonym.

a.imgs img, x:-moz-any-link { border-color: red }

Reguła z 'x:-moz-any-link' specjalnie dla Firefoksa niezależnie od wersji.

a.imgs img, x:-moz-any(x) { border-color: red }

Tutaj z kolei zapis 'x:-moz-any(x)' zrozumie Firefox od wersji 4. wzwyż.

a.imgs img, x:-webkit-any-link { border-color: red }

W powyższym przykładzie selektor 'x:-webkit-any-link' sprawi, że ramka będzie czerwona tylko w aplikacjach z silnikiem 'webkit', czyli m.in. w Chrome i w Safari.

Nie są to wszystkie hacki, które można zastosować, ale te powinny w większości przypadków wystarczyć.
 

webspot
 
How concerned should business users be about wireless security now that another group claims to have cracked the security scheme used by 80 percent of the world's cellular telephones?

Link: articles.sfgate.com/(…)17462061_1_gsm-wireless-secu…

#english
 

webspot
 
Facebook and Twitter are in hackers' crosshairs and these stories show there is good reason to be worried. Here, in chronological order, are the top 10 security and privacy stories concerning Facebook and Twitter from the 2009.

Link: www.networkworld.com/(…)010710-social-networking-ha…

#english
 

webspot
 
Nothing but the strength of your convictions can keep a self-improvement promise going for at least 365 days. You can, however, boost your chance at success and outwit your worst habits with some motivational devices and clever thinking.

Link: lifehacker.com/(…)top-10-mind-hacks-for-making-your…

#english
 

webspot
 
We're loving Windows 7: it looks great, performs well and is packed with so many small improvements that we'll soon forget Vista ever existed. But at the same time, it's important not to get carried away by the hype.

Link: www.techradar.com/(…)tips-tricks-and-hacks-to-make-…

#english
 

webspot
 
When you get right down to it, Dropbox is a pretty simple app. It syncs folders --that’s it. But what makes Dropbox amazing is the sheer number of different ways you can use that functionality, by itself or in conjunction with other programs, to improve your computing experience.

Link: www.maximumpc.com/(…)15_things_you_have_know_about_…

#english
 

webspot
 
Steampunk is the mating of technology and romance, breeding some of the most wickedly cool gadget's and art you've ever seen. It's cool and brass-clad sexy.

Link: weburbanist.com/(…)mods-26-sexy-steampunk-hi-tech-h…

#english
 

webspot
 
A spear-phishing experiment conducted during the past few days has netted some disturbing results: Most major enterprise email products and services were unable to detect a fake LinkedIn invitation on behalf of "Bill Gates," which landed successfully in users' inboxes. The researcher got his spoofed LinkedIn message through 100% of the time...

Link: www.darkreading.com/(…)showArticle.jhtml…

#english
 

 

Kategorie blogów