Ten krótki, piątkowy wpis poświęciłem na odświeżenie poradnika z przed sześciu lat. Pomimo swojego wieku był jest on jednym z najchętniej czytanych postów na tym blogu, nie mogę go więc tak po prostu zarchiwizować i zapomnieć. Jeśli korzystasz z jQuery w swoim projekcie, śmiało możesz wykorzystać poniższy trik na uzyskanie efektu płynnego przewinięcia do wybranego elementu interfejsu WWW. Czytaj dalej Płynne przewijanie strony – smooth scrolling
Dzisiaj bardzo krótki wpis, w którym przedstawię Ci mały CSSowy ficzer (text-overflow: ellipsis) do eleganckiego ucinania tekstu, który nie mieści się we wskazanym miejscu – na przykład w kontenerze rodzica. Możliwość tę wykorzystywać będę w aplikacji projektowanej na potrzeby DSP2017. Czytaj dalej Automatyczne skracanie tekstu w CSS
W tym miesiącu ekipa ThemeForest wystawiła nam do odbioru prosty, acz funkcjonalny szablon dla WordPressa. Może nie jest to szczyt designerskich możliwości i nie idzie w parze z obecnymi trendami UI, jednak gdyby ktoś chciał posiadać go w swojej kolekcji, ma teraz możliwość zrobić to zupełnie za darmo. Czytaj dalej Szablon dla WordPressa do odbioru z ThemeForest
Bootstrap 4 wciąż leży w powijakach, jednak z rosnącą nadzieją na finalne wydanie. Na blogu Bootstrapa znajdują się informacje o gotowości do wydania pierwszej bety, a co za tym idzie, nie powinny już pojawiać się żadne większe aktualizacje, nie licząc oczywiście bug-fixów. Myślę, że w tym wypadku mogę już w miarę bezpiecznie zacząć publikować krótkie poradniki związane z tymże frameworkiem. Całość dostępna będzie pod specjalnie wydzielonym tagiem Bootstrap 4. Czytaj dalej Bootstrap 4 i menu responsywne
Ludzie chcą kupować i mają w zakodowane w głowie aby szukać okazji. Natomiast konsumenci kupujący towary w Twoim sklepie internetowym to być albo nie być biznesu online. Stąd sugestywny obrazek po lewej. Z jednej strony mamy potencjalnych klientów myślących o zakupach, a z drugiej strony e-biznesmena chcącego sprzedać towary. Wszystko brzmi jakby obie strony mogły idealnie się uzupełniać… więc co jest nie tak skoro Twój sklep nie osiąga dochodów?
Image courtesy of digitalart at FreeDigitalPhotos.net
‚Etykietowanie stron internetowych’ to pojęcie, które może budzić mylne skojarzenia i jest dość rzadko spotykane. Cokolwiek sobie teraz nie pomyśleliście na temat tego czym jest etykietowanie stron mogę Wam z dużą dozą pewności powiedzieć, że nie trafiliście… W uproszczeniu etykietowanie to proces organizacji treści na stronie internetowej i jest on częścią procesu tworzenia architektury informacji a nie czymś do czego będzie Wam potrzebna znajomość PHP lub HTML. Jeśli to Was nie zniechęca to zapraszam do dalszej lektury…
Image courtesy of bplanet at FreeDigitalPhotos.net
Jak to nie wiesz co to konwersja? Dobrze. Zacznijmy od początku. Można powiedzieć, że konwersja następuje wtedy kiedy odwiedzający naszą stronę zachowuje się zgodnie z naszymi oczekiwaniami. Przykładowo zachowaniem użytkowników pożądanym z punktu widzenia właściciela sklepu internetowego będzie złożenie zamówienia, a z punktu widzenia organizacji charytatywnej złożenie dotacji wspomagającej działanie fundacji. Tak więc ostateczne cele mogą mieć rozmaity charakter, często zupełnie nie finansowy, ale w gruncie rzeczy chodzi o to samo – sprawianie by użytkownicy mogli wejść w interakcję ze stroną w określony sposób, zgodny z celami właścicieli witryny.
Responsywne to responsywne tamto… cały czas słyszymy to słowo, które właściwie stało się hasłem wywoławczym współczesnego web design’u, a mnie osobiście powoli zaczyna irytować. Z czym mam problem? Otóż większość stron nazywanych responsywnymi wcale nimi nie jest… Zacznijmy od początku… Czytaj dalej Responsive Design vs. Adaptive Design?
Od jakiegoś czasu zauważyłem (pewnie nie tylko ja) rosnący trend na budowanie witryn internetowych w stylu „one page”. Jest to ciekawe rozwiązanie kiedy chcemy zaprezentować klientom nasz produkt czy też zaprojektować swoje portfolio. Widziałem już kilka szablonów, które przy przewijaniu ich scrollem przedstawiają bardzo ładny efekt nakładania się na siebie teł poszczególnych sekcji witryny, przy czym każde z nich pozostaje nieruchomo w miejscu.
Nie wiem czy domyślacie się o czym mowa, dlatego już teraz przedstawię wam demo dla tego tutorialu.
Zacznijmy od przygotowania prostej strony HTML, która zawierać w sobie będzie cztery oddzielne sekcje (.content ) informacyjne, oddzielone od siebie blokiem separatora (.separator ).
Separator pomiędzy sekcjami powinien (przynajmniej trochę) odróżniać się od reszty.
1
2
3
4
5
6
.separator{
font-size:1.6em;
padding:2.6em0;
text-align:center;
background:#333;
}
Dla każdej sekcji musimy przypisać osobne tło. Przyjęliśmy, że będą to cztery bloki, tak więc dyle deklaracji musimy zamieścić w arkuszu. Tło musi być wystarczająco duże, aby zakryć cały kontener. Oczywiście zostanie ono dopasowane automatycznie dzięki późniejszej właściwości CSS (background-size ), ale tak czy inaczej rozmiar obrazka musi być dość duży, aby nie stracił on na jakości.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
.bg1{
background-color:#fff;
background-image:url("bg1.jpg");
}
.bg2{
background-color:#fff;
background-image:url("bg2.jpg");
}
.bg3{
background-color:#fff;
background-image:url("bg3.jpg");
}
.bg4{
background-color:#fff;
background-image:url("bg4.jpg");
}
Na koniec część najważniejsza. Style dla sekcji z treścią.
1
2
3
4
5
6
7
8
9
10
.content{
color:#fff;
min-height:650px;
text-align:center;
background-size:cover;
background-attachment:fixed;
background-repeat:no-repeat;
text-shadow:0020px#000;
font-size:1.8em;
}
Kluczowym elementem jest linia #6:
6
background-attachment:fixed;
Właściwość ta kotwiczy tło danego elementu w miejscu podczas przewijania ekranu.
Podsumowanie
W taki oto prosty sposób, korzystając jedynie z zalet CSSa stworzyliśmy ciekawy efekt. Powyższy tutorial jest tylko prostym przykładem. Zdaję sobie jednak sprawę, że za jego pomocą można przygotować jeszcze lepsze efekty wizualne naszej witryny.
Nasi wierni czytelnicy zapewne pamiętają firmę Uxeria.com, która jakiś czas temu pomagała nam przeprowadzać testy użyteczności Webroad.pl. Tym razem spotykamy się z zespołem Uxeria w innym celu. Postanowiliśmy przybliżyć Wam trochę ideę stojącą za usługą świadczoną przez Uxeria i przy okazji rzucić odrobinę światła na to czym są zdalne testy użyteczności i dlaczego mogą być przydatne.
The agony that viagra purchase allergies can trigger is something with [url=http://canadianrxpharmacies.com/]click this link here now[/url] which untold numbers of people know with. The reality is, nonetheless, that there are remedies offered for those that seek them. Start utilizing the suggestions and also tips in this piece, and also you will have the devices needed to conquer allergic reactions, finally.
Monitor plant pollen forecasts and also strategy appropriately. If you have access to the internet, much of the prominent weather forecasting websites have an area devoted to allergic reaction projections consisting of both air high quality as well as pollen matters. On days when the count is mosting likely to be high, keep your home windows closed and limit your time outdoors.
Shower before bed, taking unique like clean your hair extensively. medications in canada Pollen, dirt, and [url=http://canadaedrugstore.com/]prescriptions canada[/url] other irritants can get entraped on your skin and in your hair as you go through your day. Consider switching over to an evening routine if you usually bath in the early morning. This will provide you the possibility to eliminate these toxic irritants prior to bed, allowing you to have a restful evening's rest.
Prowadzę kilka moich projektów w dhosting już od roku i na razie nie mam zastrzeżeń. Wszystko działa wystarczająco szybko. Przy ruchu rzędu 400k UU miesięcznie płacę jakieś niewielkie pieniądze za skalowanie zasobów.
Wcześniej byłem u jednego z dużych hostingodawców, gdzie byłem równie zadowolony, ale płaciłem 3x tyle.
Faktycznie sporo złości, ale tam, gdzie dzieje się dobrze i firma rozwija się dobrym kierunku, zawsze są głosy, które próbują podważyć lub umniejszyć sukcesy. Tak się dzieje od lat, a w dobie Internetu jest już tylko łatwiej. :)
Nas to nie zraża, robimy swoje i idziemy do przodu. Sam dział marketingu nie jest najważniejszy w firmie oczywiście, ale pełni ważną rolę w rozwijającym się biznesie. Przy pewnej skali działalności staje się koniecznością, a jeśli ktoś myśli, że jest inaczej, to pozostaje się tylko uśmiechnąć i pokiwać ze zdumieniem głową.
Nie utrudniamy wydania kodu Authinfo, uprościliśmy procedurę tak, jak to tylko było możliwe z zachowaniem bezpieczeństwa własności klienta, o które dbamy weryfikując prośby o transfer dodatkowym sprawdzeniem danych. Naprawdę szybko można przenieść domenę, ba, nawet wszystkie, jeśli jest taka potrzeba. Jeśli np. jesteś właścicielem wielu domen i wszystkie chciałbyś przenieść, samą weryfikację robimy wtedy tylko raz.
Rozumiemy, że takie rozwiązanie nie każdemu pasuje, ale wielokrotnie robiliśmy badania, które zresztą powtarzamy wśród naszych klientów i w tym wypadku naprawdę wolą dodatkowy stopień bezpieczeństwa niż ryzyko utraty własności np. poprzez przejęcie adresu mail przypisanego do konta. Głośna sprawa z tamtego roku z takim przejęciem domeny u jednego z rejestratorów potwierdza te obawy klientów.
Nie zatrzymujemy nikogo na siłę i na pewno nie będziemy robić nikomu specjalnie pod górkę, ale musimy móc iść drogą środka, gdzie zachowamy względną wygodę i bezpieczeństwo. Na razie taka forma może nie jest doskonała, ale sprawdza się i mamy niewiele głosów negatywnych w tej sprawie. Co nie znaczy, że ta forma nie będzie jeszcze z czasem ewoluowała.
Responsywne to responsywne tamto… cały czas słyszymy to słowo, które właściwie stało się hasłem wywoławczym współczesnego web design’u, a mnie osobiście powoli zaczyna irytować. Z czym mam problem? Otóż większość stron nazywanych responsywnymi wcale nimi nie jest… Zacznijmy od początku…
Od jakiegoś czasu zauważyłem (pewnie nie tylko ja) rosnący trend na budowanie witryn internetowych w stylu „one page”. Jest to ciekawe rozwiązanie kiedy chcemy zaprezentować klientom nasz produkt czy też zaprojektować swoje portfolio. Widziałem już kilka szablonów, które przy przewijaniu ich scrollem przedstawiają bardzo ładny efekt nakładania się na siebie teł poszczególnych sekcji witryny, przy czym każde z nich pozostaje nieruchomo w miejscu.
