Saturday, December 31, 2011

Przegląd prasy, czyli ciekawostki czytelnicze 20

Tuesday, December 27, 2011

Teraz wszystko jasne

Nigdy nie mogłem się nadziwić, jak to jest, że w kant szafki, czy innego mebla walę zawsze i niezmiennie tym małym paluchem, w którego uderzenie zawsze boli najbardziej. Zobaczyłem ten obrazek i ogarnęło mnie zrozumienie. Teraz wszystko jasne.



via: imgspark.com

Przegląd prasy, czyli ciekawostki czytelnicze 19

I po Świętach, czyli facepalm roku

Rozumiem, że ludzie uciekają w internet od szarej rzeczywistości za naszymi oknami, od problemów w życiu, czy dziwnie zachowującej się w Święta rodzinki. Nie ja jeden miałem okazję zaobserwować to zjawisko, skoro jakiś rysownik stworzył poniższy obrazek:


via: soberinanightclub.com

Ale jak uciec od wszechogarniającego nas kapitalizmu ? Czy naprawdę nie ma już żadnej świętości, skoro w kościele jest szopka na kasę i jak wrzucisz monetę to Maryja huśta kołyską ?

Błagam ... jaki my świat budujemy dla naszych dzieci ? Gdzie i jak od tego uciec ?

Monday, December 26, 2011

Thursday, December 22, 2011

Przegląd prasy, czyli ciekawostki czytelnicze 18





i trochę na temat Oracle Applications

Magia świąt

Ten rysunek satyryczny poniżej uważam za najlepszy komentarz do sytuacji, gdy poszedłem wczoraj do empiku odebrać przesyłkę i dostarcie na II pietro zajęlo mi z 10 minut, bo tłok był taki, że do schodów ruchomych na górę była niewielka kolejka



via: remekdabrowski.blox.pl

Tuesday, December 20, 2011

Monday, December 19, 2011

Przyjęcie euro

i tak należę do 97% większości :)




via: Andrzej Rysuje - Rysunki Satyryczne

Słuchawki z redukcją szumów Omnitronic NCH-1000 recenzja / opinie

Słuchawki z redukcją szumów Omnitronic NCH-1000 recenzja / opinie

Dotychczas moim modelem EDC były douszne słuchawki Sony. Jednak niezależnie od tego jakbym głęboko ich w ucho nie wpychał i jak głośno nie nastawiał, zupełnie nie sprawdzały się w lokalizacjach z wysokim natężeniem wszelakich dźwięków obcych. W środkach komunikacji miejskiej, czy w trakcie spacerów po zatłoczonych warszawskich ulicach porażka na całej linii. Poza tym takie ryczące słuchawki przestawały mieć cokolwiek wspólnego z dostarczaniem pozytywnych wrażeń muzycznych. Zdałem sobie sprawę, że czas poszukać czegoś lepszego.

Poszukiwania rozpocząłem od przejrzenia iluś tam stron w internecie powiązanych z tym tematem. Natrafiłem tam na dość ciekawie zapowiadający się koncept aktywnej redukcji szumów. Krótko mówiąc słuchawki mają wbudowany własny mikrofon, który wyłapuje dźwięki tła i dodatkowo do przekazywanej muzyki generuje dźwięki w przeciw fazie, co w efekcie dla słuchacza skutkuje "wyciszeniem" dźwięków z zewnątrz. Skutecznie zostałem jednak "ostudzony" z mojego entuzjazmu, bo przejrzenie cenników udowodniło, że znane ze skuteczności rozwiązania "wiodących" markowych producentów cenowo pozostają daleko poza założonym przeze mnie limitem. Skupiłem się więc na rozwiązaniach mniej markowych. Tak trafiłem na salon LFX z Warszawy i wystawiane przez nich na allegro słuchawki z redukcją szumów firmy Omnitronic NCH-1000. O firmie Omnitronic w życiu nie słyszałem. Do tego biorąc pod uwagę, że "markowe" słuchawki kosztowały 500 PLN, lub więcej, zaś NCH-1000 były wystawione za 125 PLN, to nie spodziewałem się jakiegoś szału. Zdrowa chłopska ciekawość nakazała mi jednak wizytę w salonie i przekonanie się na własne uszy, jak się sprawy mają faktycznie.

No i powiem tak: po założeniu słuchawek i włączeniu redukcji, układ redukujący praktycznie kompletnie wyciszył rozmowę pomiędzy dwojgiem pracowników stojących jakieś 1,5 metra ode mnie. Zaliczyłem opad kopary. Jeśli taka jest skuteczność tego rozwiązania, przy tej cenie, to nie wiem jakie cuda muszą odstawiać słuchawki za 3 x taką kwotę ?

W efekcie wyszedłem ze sklepu z tymi słuchawkami. Firma LFX w której kupowałem, mieści się w Warszawie przy Alei Jana Pawła II - dla nieznających Warszawy dodam, że jest to jedna z głównych tras wiodących przez centrum Warszawy o bardzo dużym natężeniu ruchu w godzinach szczytowych. Zaobserwowałem, ze w warunkach ulicznych - układ redukujący sprawował się trochę gorzej niż w salonie, w sensie takim, że nie "wyrzynał" kompletnie odgłosów ruchu ulicznego, natomiast dość znacznie w moim odczuciu redukował jego poziom. Stojąc na skrzyżowaniu Alei Solidarności (druga taka istotna arteria komunikacyjna dla Warszawy) ze wspomnianą już Aleją Jana Pawła, byłem w stanie bez problemu słuchać Adele, opery, czy koncertów fortepianowych. Owszem, musiałem trochę przygłośnić muzykę, lecz jej odbiór był nadal komfortowy.

Co do jazdy pociągami powiem, że jest dobrze lub nawet lepiej niż dobrze. Chodzi o to, że aktywna redukcja działa dość specyficznie : lepiej dla tonów niskich, gorzej dla wysokich i jak miałem okazję sprawdzić, poszczególne składy pociągów różnią się generowanym odgłosem jazdy w zależności od producenta :) Gorsza praca układu redukcji w zakresie tonów wysokich oznacza, że jeśli usiądziesz na wprost dwóch przekup, które falsecikiem piszczą do siebie najnowsze ploty (patrz Dzień Świra), to niestety nadal będzie je trochę słychać. To samo dotyczy się małych szczekliwych piesków biegających za płotami przydrożnych posesji. Co ciekawe większe psy (np. wilczury) są dużo lepiej odfiltrowywane przez układ, czyli słabiej je słychać przez muzykę.

Odkąd słuchawki kupiłem nie miałem okazji lecieć samolotem, to się nie wypowiem na temat skuteczności redukcji w takich warunkach. Podejrzewam jednak, że powinno być OK, a przynajmniej do momentu, w którym gdzieś obok nie usiądzie jakaś paniusia z noworodkiem wrzeszczącym przez cały kilkugodzinny lot*

Mogę dodać, że słuchawki dają sobie całkiem dobrze radę w trakcie odkurzania całego domu 1000 watowym odkurzaczem. Z racji tego, że odkurzacz pracuje ciszej lub głośniej w zależności od tego, z jakiej powierzchni zasysa powietrze i jak bardzo jest przytkany, myślę, że mogę porównać działanie słuchawek w trakcie sprzątania do ich pracy przy ruchliwym skrzyżowaniu. Jest nieźle ale jednak trzeba trochę przygłośnić muzykę.

Generalnie podsumowując tą recenzję, słuchawki Omnitronic NCH-1000 polecam jako fajne budżetowe rozwiązanie dla nałogowych słuchaczy codziennych.



* - autentyczne, sam przeżyłem

Czy jak będę oszczędzał wodę




via: shapes.pl

More's Law




via: phdcomics.com

Przegląd prasy, czyli ciekawostki czytelnicze 17

Tuesday, December 6, 2011

Przegląd prasy, czyli ciekawostki czytelnicze 15

Pablo Francisco - Ecstasy at the Techno Club

Dlaczego Jezus nigdy nie był żonaty

oto odpowiedź:

Les ChubbChubbs sauvent Noël

Parigot

Student dżdżownica na zakupach

Dochodzę do wniosku, że moje studia były bardzo smutne i spokojne ....


Śmieszna reklama

Mężczyźni rozmnażają się przez podział

porażająco prawdziwe ...




via: demotywatory.pl

Małżeństwo




via: demotywatory.pl

Znalazłem zajebistą dziewczynę




via: demotywatory.pl

Monday, December 5, 2011

Siri Argument

Kevin Spacey on being successful - mądre, warto posłuchać

Przegląd prasy, czyli ciekawostki czytelnicze 14

Friday, December 2, 2011

Rower ciemną nocą

Heh, nareszcie okazało się, że nie jestem sam w swoim rowerowym szaleństwie, że są inni, którzy lubią rower ciemną nocą bez względu na temperaturę i chociaż rozumiem, że niektórych mocno dziwi, gdy opowiadam, jak wracałem do domu rowerem po 2 w nocy przy +2 stopniach Celsjusza, to mimo ich zdziwienia nie zrezygnuję. Nie przekonuje mnie nawet jak moja własna Żona puka się w czoło pytając : serio chcesz po nocy wracać na rowerze ? No chce. Czemu ? Nie umiem Wam opisać uczucia, które mi towarzyszy, gdy we mgle i zimnie przebijam się w nocy ulicami wśród absolutnej ciszy i ciemności. I tylko na niebie towarzyszą mi gwiazdy. Jest cisza, spokój, ja i mój rower. Nie umiem się nim podzielić. Ale spróbujcie sami i mam nadzieję, że będzie Wam dane to poczuć. Weekend za pasem. I wtedy wszystko może się zdarzyć :)


Skąd pochodzą najlepsze pomysły



via: linxspiration.com

Monday, November 28, 2011

Im bardziej jestem szczery



via: shapes.pl

You're responsible for what you say




via: brotips.com

Jorian Ponomareff - Drift

Live simply so others people can simply live

Przegląd prasy, czyli ciekawostki czytelnicze 14

Friday, November 11, 2011

WootsonTV - Dreamland



Taka ciekawostka : na tym video, wśród uznanych gwiazd można zobaczyć polską modelkę Monikę Trzpil ... znaczy się Polki rządzą :)

The Holstee Manifesto: Lifecycle Video

Thursday, November 10, 2011

Przegląd prasy, czyli ciekawostki czytelnicze 13

Centrum Warszawy nocą

Tuesday, November 8, 2011

Przegląd prasy, czyli ciekawostki czytelnicze 11

Ask yourself this question

5093_af0f_400

via brightness.soup.io

It's Better in the Wind

It's Better in the Wind:




After two years of production "It's Better in the Wind" has been edited together and is now available for your viewing pleasure. A short film all about guys out on the road enjoying the two wheeled lifestyle of wrench, ride and repeat. Photographer Scott Toepfer's film was funded through the sale of his "Better in the Wind" book and we can only hope this film will make it much easier for him to find funding for many more. Here's what Scott has to say about the project...


"For the last two years I (Scott) have been taking still photographs for a personal project entitled 'It's Better In The Wind,' all the while collecting video footage from each ride as we traveled around the Western United States together.




I have been slowly editing the footage into a visual scrapbook of sorts for those who partook, and those who followed us via the web. No preaching the triumphs and failures of the motorcycle industry, no divisive commentary between manufacturers and styles...just a collection of imagery that will hopefully inspire more people to take to the road and discover what there is outside of our respective communities.




Chuck Ragan was kind enough to collaborate with me to write an original soundtrack for the film, to give me some anthemic tunes to edit with, and I can't thank him enough for the kind gesture towards a fellow traveler.




Please, enjoy the film, everybody who took part in it is family, we are all grateful for your support these past two years while we tried to build a concept around the positive nature of motorcycling."




















All photographs by Scott Toepfer



Kolejna katastrofa

Skoro wszyscy się emocjonują serialami, to nie będę się wychylał:
Kolejna katastrofa:

Thursday, November 3, 2011

Rower niebanalny

Family Cycle Train

Przegląd prasy, czyli ciekawostki czytelnicze 10

Tuesday, November 1, 2011

Przegląd prasy, czyli ciekawostki czytelnicze 09

Blur Menu with CSS3 Transitions

Blur Menu with CSS3 Transitions:

BlurMenuwithCss3

View demo Download source

There are so many great things we can do with the additional properties and possibilities that CSS3 brings along. Today I want to show you how to experiment with text shadows and with transitions in order to achieve a blur effect that we’ll apply to a menu on hovering over the elements. The main idea is to blur the other items while enhancing the one we are currently hovering.

The images in the demos are by fabulous Mark Sebastian and they are licensed under the Attribution-ShareAlike 2.0 Generic (CC BY-SA 2.0) License. Visit Mark’s Flickr Photostream or his website to discover some beautiful photography.

Please note that this will only work properly in modern browsers and unfortunately Internet Explorer does not belong to that category yet since it does not support transitions (and many other suggested CSS3 properties that others do support). It also does not support text-shadows, so I’ve added a additional stylesheet for IE which will at least show the menu elements.

The Markup

Let’s create the HTML structure for our menu first. We’ll add it to a container with a fixed width. The menu is going to look as follows:


<ul class="bmenu">
<li><a href="#">About</a></li>
<li><a href="#">Illustrations</a></li>
<li><a href="#">Photography</a></li>
<li><a href="#">Web Design</a></li>
<li><a href="#">Personal Projects</a></li>
<li><a href="#">Contact</a></li>
</ul>

Now we’ll add some style!

The CSS

In almost all of our examples we’ll have the same style for the ul and for the list elements. Just the link element will be modified. So, the common style for the unordered list is the following:


.bmenu{
padding: 0px;
margin: 0 0 10px 0;
position: relative;
}
.bmenu li{
font-size: 50px;
display: block;
}

Now, let’s take a look at each of the seven examples.

Example 1

BlurMenu_Style1

In the first example we want to show the menu items slightly blurred initially. For that, we’ll give the link elements transparent color and a white text-shadow. We’ll also add the transitions for all properties:


.bmenu li a{
color: transparent;
display: block;
text-transform: uppercase;
text-shadow: 0px 0px 5px #fff;
letter-spacing: 1px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

When hovering over a link element, we want it to become “clear” and all the others should become blurry. Now, we cannot say “on hover of a particular element do x to all the siblings” in CSS because the sibling selector is not really a sibling selector, it will just give you the next siblings in the HTML.

Anyway, we can do a little trick here. Since we have all our items nicely laid out as block elements, we can simply say, make everything blurry when we hover the whole menu (the unordered list) and then when hovering over a specific item we’ll crisp it up:


.bmenu:hover li a{
text-shadow: 0px 0px 5px #0d1a3a;
}
.bmenu li a:hover{
color: #fff;
text-shadow: 0px 0px 1px #fff;
padding-left: 10px;
}

By adding a padding left, we’ll animate the currently hovered item a bit to the right.

Example 2

BlurMenu_Style2

In the second example, we’ll show the items in the menu a bit skewed initially. We’ll do that with the 2D transforms property skew. The value will be -12 degrees which is the skewing angle along the x axis. The link s will have a semi-transparent background that we’ll achieve by using an rgba value. We’ll also add a slighty transparent text-shadow using rgba:


.bmenu li a{
display: block;
text-transform: uppercase;
text-shadow: 1px 1px 2px rgba(89,22,20,0.3);
color: #581514;
padding: 5px 20px;
margin: 2px;
background: rgba(255,255,255,0.2);
letter-spacing: 1px;
-webkit-transform: skew(-12deg);
-moz-transform: skew(-12deg);
-o-transform: skew(-12deg);
-ms-transform: skew(-12deg);
transform: skew(-12deg);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

Hovering over the menu, we’ll change the skew angle to 0 and make them appear blurry with a semi-transparent background. The currently hovered link will have no background:


.bmenu:hover li a{
color: transparent;
text-shadow: 0px 0px 10px #fff;
background: rgba(88,22,22,0.2);
-webkit-transform: skew(0deg);
-moz-transform: skew(0deg);
-o-transform: skew(0deg);
-ms-transform: skew(0deg);
transform: skew(0deg);
}
.bmenu li a:hover{
background: transparent;
text-shadow: 1px 1px 10px rgba(89,22,20,0.6);
color: #581514;
}

Example 3

BlurMenu_Style3

In the third example we will play a bit with the sizes of the elements. We’ll initially scale them down and blur them. We’ll use a fairly slow linear transition:


.bmenu li a{
white-space: nowrap;
color: transparent;
display: block;
text-transform: uppercase;
text-align: center;
text-shadow: 0px 0px 6px #fff;
letter-spacing: 1px;
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition: all 0.6s linear;
-moz-transition: all 0.6s linear;
-o-transition: all 0.6s linear;
-ms-transition: all 0.6s linear;
transition: all 0.6s linear;
}

Hovering over the menu, well blur the items even more and the currently hovered element will be sharpened up and scaled to the original size:


.bmenu:hover li a{
text-shadow: 0px 0px 15px #fff;
}
.bmenu li a:hover{
text-shadow: 0px 0px 1px #fff;
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}

Example 4

BlurMenu_Style4
In this variation, we’ll give the link elements a semi-transparent black background and a vibrant orange text color. We’ll use the linear timing transition function here:


.bmenu li a{
display: block;
text-transform: uppercase;
text-shadow: 0px 0px 2px #eeb213;
color: #eeb213;
padding: 5px 20px;
margin: 2px;
background: rgba(0,0,0,0.7);
letter-spacing: 1px;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}

When we hover, we want the menu items to blur and and also to make their backgrounds more transparent. A single hovered item will become more opaque:


.bmenu:hover li a{
text-shadow: 0px 0px 10px #eeb213;
color: transparent;
background: rgba(0,0,0,0.2);
}
.bmenu li a:hover{
background: rgba(0,0,0,1.0);
text-shadow: 0px 0px 1px #eeb213;
}

Example 5

BlurMenu_Style5
The fifth example will be a subtle one: we’ll use only white for the text-shadows and font colors and just blur the elements slightly:


.bmenu li a{
color: transparent;
display: block;
text-transform: uppercase;
text-shadow: 0px 0px 4px #fff;
letter-spacing: 1px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

On hover we’ll blur a little more and crisp up and move the currently hovered link element a bit:


.bmenu:hover li a{
text-shadow: 0px 0px 6px #fff;
}
.bmenu li a:hover{
color: #fff;
text-shadow: 0px 0px 1px #fff;
padding-left: 10px;
}

Example 6


In this example we’ll give the elements a semi-transparent white background and leave them crisp initially:


.bmenu li a{
white-space: nowrap;
display: block;
text-transform: uppercase;
text-shadow: 1px 1px 2px rgba(71,80,23,0.3);
color: #fff;
padding: 5px 20px;
margin: 2px;
background: rgba(255,255,255,0.2);
letter-spacing: 1px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

We want to give the first and last element some rounded borders so that the menu looks like a neat unit. We’ll target our desired elements with the first-child and last-child selectors:


.bmenu li:first-child a{
-webkit-border-radius: 15px 15px 0px 0px;
-moz-border-radius: 15px 15px 0px 0px;
border-radius: 15px 15px 0px 0px;
}
.bmenu li:last-child a{
-webkit-border-radius: 0px 0px 15px 15px;
-moz-border-radius: 0px 0px 15px 15px;
border-radius: 0px 0px 15px 15px;
}

On hover, we want the elements to look blurry and the currently hovered element to change colors and have a transparent background:


.bmenu:hover li a{
text-shadow: 0px 0px 10px #fff;
color: transparent;
}
.bmenu li a:hover{
background: transparent;
text-shadow: 1px 1px 10px rgba(71,80,23,0.6);
color: #c4d85a;
}

Example 7

BlurMenu_Style7

In the last experiment we’ll make the whole menu look like a circle by adding a border radius with the value of half of the menus width/height:


.bmenu{
padding: 50px 0px;
margin: 0 auto;
position: relative;
background: rgba(0,0,0,0.7);
width: 500px;
height: 400px;
-webkit-border-radius: 250px;
-moz-border-radius: 250px;
border-radius: 250px;
-webkit-transition: background-color 0.5s ease-in-out;
-moz-transition: background-color 0.5s ease-in-out;
-o-transition: background-color 0.5s ease-in-out;
-ms-transition: background-color 0.5s ease-in-out;
transition: background-color 0.5s ease-in-out;
}

We’ll add the transitions here because we want to animate the background color when we enter into the menu. We’ll make it more transparent by using rgba values:


.bmenu:hover{
background: rgba(0,0,0,0.2);
}

We’ll adjust the font size and the line height of the list element a bit:


.bmenu li{
font-size: 40px;
display: block;
line-height: 66px;
}

The elements will be scaled down and blurred:


.bmenu li a{
white-space: nowrap;
color: transparent;
display: block;
text-align: center;
text-transform: uppercase;
text-shadow: 0px 0px 3px #fff;
letter-spacing: 1px;
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
transition: all 0.4s linear;
}

Hovering over the menu will also make the elements more blurry and give the currently hovered one a nice background color while crisping it up and scaling it to its original size:


.bmenu:hover li a{
text-shadow: 0px 0px 10px #fff;
}
.bmenu li a:hover{
text-shadow: none;
color: #fff;
background: rgba(129,6,29,0.8);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}

Remember, IE is the party pooper here, but if you’d like to try your luck and use IE’s proprietary shadows, check out the following resources and go wild:
CSS Blurred Text-Shadow in IE — Part I
IE Visual Filters and Transitions Reference: Static Filters

And that’s it! What’s your favorite one? I hope you like these experiments and find them inspiring!

View demo Download source

Share and Enjoy:Diggdel.icio.usFacebookLinkedInRedditRSSTwitterGoogle BookmarksStumbleUponTechnoratiDZoneemailblogmarksDesign FloatDiigoFriendFeedGoogle BuzzIdenti.caMisterWongNewsVinePing.fmPlurkPosterousSlashdotSuggest to Techmeme via TwitterTumblr