Modne strony

Czy podoba ci się ta moda (opis w poście)?
Tak
15%
15% [4]
Nie
85%
85% [22]
1

Zakładam ten temat bo mnie wkur... denerwuje ta głupia moda na w cholere długie strony z wielkim zdjęciem w tle, wielkimi napisami.
Niestety taka moda i wszyscy tak robią, zwłaszcza firmy zajmujące się webdeveloperką... każdy myśli że jest taki oryginalny i na czasie.
Czy teraz strony tworzy się tylko pod maleńkie ekraniki smartfonów?
Czy kogoś też wkurza ta moda? Ja rozumiem, responsywność, ale przecież można dać osobne arkusze styli dla różnych urządzeń.
A może by stworzyć manifest?

NZ
  • Rejestracja:ponad 9 lat
  • Ostatnio:ponad 8 lat
  • Postów:93
14

IMO strona internetowa powinna wyglądać tak: http://motherfuckingwebsite.com/ a w ostateczności tak: http://bettermotherfuckingwebsite.com/

Azarien
ostrożny plus, ale NIE zgadzam się z częścią punktów wersji “better”.
KM
4programmers wyglada jednak inaczej. Czy uważasz, że 4programmers jest jednym z przykładów „over-designing"? (pytanie poważne, nie retoryczne)
KM
A zatem polecam lekturę http://cat-v.org/ , w szczególności http://harmful.cat-v.org/ . Odnoszę wrażenie, że znajdziesz wiele punktów styczności z przedstawionymi tam poglądami. Jeśli mam rację, to śmiało, potępiaj razem z nimi wszystko, co wykracza poza prostotę przyjętą jako dogmat. Możesz nawet zacząć uważać ichni Plan 9 jako jedyny prawilny OS. Tylko dlaczego, jak oni sami przyznają, „Plan 9 is dead”? http://doc.cat-v.org/plan_9/humour/dead_plan_9_sketch A jeśli uważasz, że oni przesadzają, to zastanów się, czy i Ty nie przesadzasz trochę.
KM
BTW: Czy masz w domu ściany niepomalowane? (nie potrzebujesz tego, potrzebujesz tylko ściany!) Masz obrus, ceratę na stole? (tego też nie potrzebujesz, by zjeść śniadanie / obiad) Przenieś swoją mentalność na dom, zobaczysz, że wg. Ciebie dom powinien być w stanie surowym, bo inaczej jest „over-designing”.
NZ
Widzę, że kogoś bardzo zabolał mój gust odnośnie stron internetowych. Przykre, ale może idź bojować gdzie indziej?
KM
Jeśli Ty masz prawo wygłosić swoją opinię, to ja mam prawo się z nią nie zgodzić i też to wyrazić.
twonek
  • Rejestracja:ponad 10 lat
  • Ostatnio:prawie 2 lata
  • Postów:2500
1

Zdjęcie to pół biedy, gorzej jak tam jest taki rozmazany film, który cholernie długo się ładuje.
Niestety dla nas, strony są tworzone nie dla technicznych nerdów, tylko "zwykłych" ludzi, którzy lubią obrazki, interaktywne elementy, ruszające się tło itd.

flowCRANE
Moderator Delphi/Pascal
  • Rejestracja:ponad 13 lat
  • Ostatnio:około 11 godzin
  • Lokalizacja:Tuchów
  • Postów:12167
2

A jeszcze bardziej denerwujący jest parallax - choroby morskiej można się nabawić;

Osobiście wolę strony o bardzo prostym, ale przyjemnym dla oka wyglądzie, z dobrze widoczną i czytelną treścią, ewentualnie z niedużą ilością małych obrazków; Strona ma przedstawiać jakiś kontent i ma się szybko ładować - takie jest moje zdanie.


Pracuję nad własną, arcade'ową, docelowo komercyjną grą z gatunku action/adventure w stylu retro (pixel art), programując silnik i powłokę gry od zupełnych podstaw, przy użyciu Free Pascala i SDL3. Więcej informacji znajdziesz na moim mikroblogu.
babubabu
Jak już jesteśmy przy stronach to kliknąłem w link w twojej stopce i w napisie "nowości" dałbym wielką literę. Ale to tylko moje takie gdybanie.
flowCRANE
Headery w całej stronie są z małej litery, tylko TreeStructInfo na głównej stronie jest z wielkiej (bo to nazwa); Tak mi się umyśliło - dobrze wygląda ;)
Maciej Cąderek
Maciej Cąderek
  • Rejestracja:ponad 9 lat
  • Ostatnio:około 3 lata
  • Lokalizacja:Warszawa
  • Postów:1264
0

@nz Ale co za problem? :D

Kopiuj
// ==UserScript==
// @name         NoCss
// @namespace    http://appstrakcja.pl/
// @version      0.1
// @description  Delete all style sheets (activate via context menu)
// @author       Maciej Cąderek (kap)
// @match        *
// @grant        unsafeWindow
// @run-at       context-menu
// ==/UserScript==

(function(){
    var external, internal, inline, i;
    external = document.querySelectorAll('link[rel=stylesheet]');
    for (i = 0; i < external.length; i++) { external[i].href = ''; }
    internal = document.getElementsByTagName('style');
    for (i = 0; i < internal.length; i++) { internal[i].innerHTML = ''; }
    inline = document.querySelectorAll('*');
    for (i = 0; i < inline.length; i++) { inline[i].removeAttribute("style"); }
})();

Używam do testowania stron.

czysteskarpety
czysteskarpety
  • Rejestracja:prawie 10 lat
  • Ostatnio:ponad 4 lata
  • Lokalizacja:Piwnica
  • Postów:7697
0

to zwykle taka moda mniej doświadczonych firm, zauważyłem, że zwykle u góry jest slider, potem 3 kółeczka, jedno zdanie, a przewijania 5 minut, najlepsze, że przewijasz, przewijasz i praktycznie zero contentu, żadnej wartościowej informacji o firmie :D
w portfolio "wykonujemy to i to współpracujemy z tym i tym" i żadnego przykładu wykonanej pracy
ja na początku z racji małego doświadczenia miałem kompleksy, ale potem zobaczyłem strony różnych "firm" i przyznam szczerze, że już nie mam, bo nadrabiam też grafiką, która nie jest częścią themsa tylko moim wkładem i strona wygląda inaczej niż co druga w necie


Azarien
  • Rejestracja:ponad 21 lat
  • Ostatnio:około 2 godziny
6
  1. Niesamowicie wnerwiają mnie ostatnio portale takie jak WP. Typowy artykuł wygląda tak:

<font size="4">Tytuł</span>

[obrazek albo film]

treść
treść
treść

<font size="2">Tytuł innego artykułu</span>

[filmik do innego artykułu]


komentarze

W efekcie część komentarzy jest do właściwego artykułu, część do filmiku „zacytowanego”, na zupełnie inny temat. A część trafia do kolejnego artykułu który jest poniżej, bo podczas przewijania strony nagle następuje automatyczny przeskok o spory kawałek.
Myślałem że to tylko u mnie, ale nie. Na różnych komputerach i przeglądarkach widziałem ten sam problem.

  1. Niesamowicie wnerwia mnie automatyczne odgrywanie filmiku po otwarciu strony albo dojechaniu do niego. Otwieram wiele zakładek jednocześnie, potem mi coś gra i nie wiem gdzie; rozwiązaniem jest wyłączenie głośników albo ubicie procesu flasha, jeśli filmik był we flashu, a coraz częściej nie jest.

  2. Niesamowicie wnerwia mnie automatyczne odgrywanie następnego filmiku po zakończeniu poprzedniego, zwykle z odliczaniem czasu (jakby do wybuchu bomby) którego jednak nie ma jak zatrzymać, a które często włącza nie następny filmik tylko reklamę, której znowu nie ma jak zatrzymać. Jeszcze NIGDY nie miałem ochoty oglądać następnego filmu tak z automatu i zawsze szukam sposobu na jego zatrzymanie albo zamykam stronę.

  3. Niesamowicie wnerwiają mnie samozmieniające się linki - jest tytuł z obrazkiem, ale zmienia się automatycznie co parę sekund na inny obrazek z linkiem do inego artykułu. Często dochodzi do sytuacji że już naciskam przycisk myszy, w tym momencie zmienia się obrazek i w rezultacie otwieram coś innego niż chciałem.

  4. Nie lubię stron bez końca, doładowujących kolejny kawałek po dojechaniu do końca. Wolę jednak widzieć jakiś koniec strony.

  5. Wnerwiają mnie „wersje mobilne” stron, bez możliwości powiększania na tychże „mobilnych” urządzeniach, a które na dodatek otwierają się automatycznie tylko i wyłącznie na podstawie rozdzielczości ekranu. Jest to pomysł zupełnie chybiony, bo smartfony i tablety mają coraz większe rozdzielczości, a jeszcze kilka lat temu sprzedawano 10-calowe netbooki które mają rozdzielczość jaką mają, ale są jednak laptopem a nie tabletem.

  6. i tak mógłbym długo...

edytowany 1x, ostatnio: Azarien
babubabu
Nie wiem jakiej przeglądarki używasz, ale Firefox pokazuje głośniczek obok krzyżyka zamykającego zakładkę, a Opera pokazuje equalizer.
flowCRANE
"Niesamowicie wnerwia mnie automatyczne odgrywanie następnego filmiku po zakończeniu poprzedniego" - dlatego właśnie nadal używam starej Opery;
Wizzie
@babubabu w Chrome też jest
Haskell
  • Rejestracja:ponad 9 lat
  • Ostatnio:11 miesięcy
  • Postów:4700
2
Azarien napisał(a):
  1. Niesamowicie wnerwia mnie automatyczne odgrywanie filmiku po otwarciu strony albo dojechaniu do niego. Otwieram wiele zakładek jednocześnie, potem mi coś gra i nie wiem gdzie; rozwiązaniem jest wyłączenie głośników albo ubicie procesu flasha, jeśli filmik był we flashu, a coraz częściej nie jest.

W Firefox od ostatniej aktualizacji przeglądarka w końcu pokazuje ikonkę na karcie na której jest odtwarzany jakiś dźwięk. W Chrome taka funkcjonalność istnieje już od jakiegoś czasu.


Zaglądali do kufrów, zaglądali do waliz, nie zajrzeli do d**y - tam miałem socjalizm. Czesław Miłosz
flowCRANE
Pomysł automatycznego uruchamiania filmów czy czegokolwiek z flasha to idiotyzm i żadna funkcja pokazująca "grającą kartę" nic tutaj nie pomoże;
LukeJL
pomoże za to AdBlock. Ew. odruch. Ja jak wchodzę na jakąś stronę z niusami i coś mi zaczyna grać, to zamykam stronę automatycznie (chyba, że to serwis typu Youtube).
3

Mnie wkurzają strony sztucznie nabijające sobie odwiedziny.
Jest jakaś artykuł-galeria z jednym obrazkiem i linijką tekstu na stronie, i żeby przeczytać całość tesktu albo zobaczyć wszystkie obrazki to trzeba się przeklikać przez kilkanaście lub kilkadziesiąt stron podczas gdy cała treść zmieściła by się spokojnie na jednej lub dwóch stronach.

Takie strony denerwują mnie nie tylko tym, że nie nadają się do czytania/oglądania, ale też tym, że z racji tego, żetak sobie te odwiedziny nabijają to są wysoko spozycjonowane w wyszukiwarkach.
Ogólnie to całe SEO wprowadziło tyle syfu, że czasem się niedobrze robi.

AF
Wtyczka eliminator slajdów czasami pomaga.
drorat1
Ale tych firm jest od groma więc może to jakieś cwane podejście?
Azarien
ale dzięki temu „zobaczysz” (jeśli byś nie miał adblocka) 15 reklam a nie jedną ;-)
AF
@drorat1 Dlatego użyłem słowa „czasami”, aczkolwiek eliminator obsługuje dość sporo.
baltrox01
  • Rejestracja:ponad 9 lat
  • Ostatnio:około 9 lat
  • Postów:63
1

Również uważam, że wiele współczesnych stron jest zbyt rozbudowana. Najbardziej irytuje mnie super galerie, gdzie każde przejście do następnego slajdu wymusza załadowanie całej strony na nowo. Portale z wiadomościami to już totalny muł, ale tutaj wina leży też po stronie redaktorów, którzy produkują masowo bezwartościowe artykuły z dennymi nagłówkami.

czysteskarpety
czysteskarpety
  • Rejestracja:prawie 10 lat
  • Ostatnio:ponad 4 lata
  • Lokalizacja:Piwnica
  • Postów:7697
1

akurat te wiodące portale są w miarę zoptymalizowane nie zajmują zwykle więcej niż jeden mega, gorzej z zawartością, norma to tytuły:
-za tydzień zapłacisz 500zł, zobacz dlaczego ?
-twoje małżeństwo tego nie wytrzyma, lepiej przeczytaj !
-nie ma dla nich przyszłości, więc uciekają
i tym podobne
zero w tym sensu, ale jak liczy się "klikalność" to dochodzi do takiego obłędu ...


LukeJL
To jest robione przez idiotów i dla idiotów. Kiedyś było coś z Maltą i był nagłówek "kraj UE coś tam" i dopiero jak się kliknęło to pokazało, że chodzi o Maltę (bo w domyśle większość czytelników pewnie nigdy nie słyszała o Malcie). Albo np. "znana pisarka nie żyje" (bo w domyśle czytelnicy i tak nie będą znać nazwiska znanej pisarki). Totalne dno.
LukeJL
dlatego wolę BBC... ;) Tam nagłówki są normalne i odpowiadają na pytania Kto, co, gdzie, kiedy itp. ( https://en.wikipedia.org/wiki/Five_Ws )
Azarien
  • Rejestracja:ponad 21 lat
  • Ostatnio:około 2 godziny
3
czysteskarpety napisał(a):

zero w tym sensu, ale jak liczy się "klikalność" to dochodzi do takiego obłędu ...

Taa.. to się nazywa “clickbait” czyli „przynęta na klikaczy”.

w tej chwili widzę tytuł: Kolejny kraj stawia ogrodzenie na granicy.
No dobra, ale jaki kraj? Nie napiszą w tytule...
ale najeżdżam kursorem na link, i na pasku stanu widzę adres linka, a w nim

Kopiuj
Slowenia-stawia-tymczasowe-ogrodzenie-na-granicy-z-Chorwacja

Okej, już wszystko jasne, klikać nie muszę.

edytowany 2x, ostatnio: Azarien
LukeJL
łapka w górę, bo ja to samo robię. To się nazywa "href driven reading". Nie chce mi się klikać (click baity działają na mnie jak płachta na byka), więc zamiast artykułu najeżdżam myszą, aż się pojawię href i hurra, wiem o co chodzi. Dopiero potem podejmuję decyzję, czy chcę to czytać.
LukeJL
chociaż nie na wszystkich portalach są sensowne hrefy.
Kliknij, aby dodać treść...

Pomoc 1.18.8

Typografia

Edytor obsługuje składnie Markdown, w której pojedynczy akcent *kursywa* oraz _kursywa_ to pochylenie. Z kolei podwójny akcent **pogrubienie** oraz __pogrubienie__ to pogrubienie. Dodanie znaczników ~~strike~~ to przekreślenie.

Możesz dodać formatowanie komendami , , oraz .

Ponieważ dekoracja podkreślenia jest przeznaczona na linki, markdown nie zawiera specjalnej składni dla podkreślenia. Dlatego by dodać podkreślenie, użyj <u>underline</u>.

Komendy formatujące reagują na skróty klawiszowe: Ctrl+B, Ctrl+I, Ctrl+U oraz Ctrl+S.

Linki

By dodać link w edytorze użyj komendy lub użyj składni [title](link). URL umieszczony w linku lub nawet URL umieszczony bezpośrednio w tekście będzie aktywny i klikalny.

Jeżeli chcesz, możesz samodzielnie dodać link: <a href="link">title</a>.

Wewnętrzne odnośniki

Możesz umieścić odnośnik do wewnętrznej podstrony, używając następującej składni: [[Delphi/Kompendium]] lub [[Delphi/Kompendium|kliknij, aby przejść do kompendium]]. Odnośniki mogą prowadzić do Forum 4programmers.net lub np. do Kompendium.

Wspomnienia użytkowników

By wspomnieć użytkownika forum, wpisz w formularzu znak @. Zobaczysz okienko samouzupełniające nazwy użytkowników. Samouzupełnienie dobierze odpowiedni format wspomnienia, zależnie od tego czy w nazwie użytkownika znajduje się spacja.

Znaczniki HTML

Dozwolone jest używanie niektórych znaczników HTML: <a>, <b>, <i>, <kbd>, <del>, <strong>, <dfn>, <pre>, <blockquote>, <hr/>, <sub>, <sup> oraz <img/>.

Skróty klawiszowe

Dodaj kombinację klawiszy komendą notacji klawiszy lub skrótem klawiszowym Alt+K.

Reprezentuj kombinacje klawiszowe używając taga <kbd>. Oddziel od siebie klawisze znakiem plus, np <kbd>Alt+Tab</kbd>.

Indeks górny oraz dolny

Przykład: wpisując H<sub>2</sub>O i m<sup>2</sup> otrzymasz: H2O i m2.

Składnia Tex

By precyzyjnie wyrazić działanie matematyczne, użyj składni Tex.

<tex>arcctg(x) = argtan(\frac{1}{x}) = arcsin(\frac{1}{\sqrt{1+x^2}})</tex>

Kod źródłowy

Krótkie fragmenty kodu

Wszelkie jednolinijkowe instrukcje języka programowania powinny być zawarte pomiędzy obróconymi apostrofami: `kod instrukcji` lub ``console.log(`string`);``.

Kod wielolinijkowy

Dodaj fragment kodu komendą . Fragmenty kodu zajmujące całą lub więcej linijek powinny być umieszczone w wielolinijkowym fragmencie kodu. Znaczniki ``` lub ~~~ umożliwiają kolorowanie różnych języków programowania. Możemy nadać nazwę języka programowania używając auto-uzupełnienia, kod został pokolorowany używając konkretnych ustawień kolorowania składni:

```javascript
document.write('Hello World');
```

Możesz zaznaczyć również już wklejony kod w edytorze, i użyć komendy  by zamienić go w kod. Użyj kombinacji Ctrl+`, by dodać fragment kodu bez oznaczników języka.

Tabelki

Dodaj przykładową tabelkę używając komendy . Przykładowa tabelka składa się z dwóch kolumn, nagłówka i jednego wiersza.

Wygeneruj tabelkę na podstawie szablonu. Oddziel komórki separatorem ; lub |, a następnie zaznacz szablonu.

nazwisko;dziedzina;odkrycie
Pitagoras;mathematics;Pythagorean Theorem
Albert Einstein;physics;General Relativity
Marie Curie, Pierre Curie;chemistry;Radium, Polonium

Użyj komendy by zamienić zaznaczony szablon na tabelkę Markdown.

Lista uporządkowana i nieuporządkowana

Możliwe jest tworzenie listy numerowanych oraz wypunktowanych. Wystarczy, że pierwszym znakiem linii będzie * lub - dla listy nieuporządkowanej oraz 1. dla listy uporządkowanej.

Użyj komendy by dodać listę uporządkowaną.

1. Lista numerowana
2. Lista numerowana

Użyj komendy by dodać listę nieuporządkowaną.

* Lista wypunktowana
* Lista wypunktowana
** Lista wypunktowana (drugi poziom)

Składnia Markdown

Edytor obsługuje składnię Markdown, która składa się ze znaków specjalnych. Dostępne komendy, jak formatowanie , dodanie tabelki lub fragmentu kodu są w pewnym sensie świadome otaczającej jej składni, i postarają się unikać uszkodzenia jej.

Dla przykładu, używając tylko dostępnych komend, nie możemy dodać formatowania pogrubienia do kodu wielolinijkowego, albo dodać listy do tabelki - mogłoby to doprowadzić do uszkodzenia składni.

W pewnych odosobnionych przypadkach brak nowej linii przed elementami markdown również mógłby uszkodzić składnie, dlatego edytor dodaje brakujące nowe linie. Dla przykładu, dodanie formatowania pochylenia zaraz po tabelce, mogłoby zostać błędne zinterpretowane, więc edytor doda oddzielającą nową linię pomiędzy tabelką, a pochyleniem.

Skróty klawiszowe

Skróty formatujące, kiedy w edytorze znajduje się pojedynczy kursor, wstawiają sformatowany tekst przykładowy. Jeśli w edytorze znajduje się zaznaczenie (słowo, linijka, paragraf), wtedy zaznaczenie zostaje sformatowane.

  • Ctrl+B - dodaj pogrubienie lub pogrub zaznaczenie
  • Ctrl+I - dodaj pochylenie lub pochyl zaznaczenie
  • Ctrl+U - dodaj podkreślenie lub podkreśl zaznaczenie
  • Ctrl+S - dodaj przekreślenie lub przekreśl zaznaczenie

Notacja Klawiszy

  • Alt+K - dodaj notację klawiszy

Fragment kodu bez oznacznika

  • Alt+C - dodaj pusty fragment kodu

Skróty operujące na kodzie i linijkach:

  • Alt+L - zaznaczenie całej linii
  • Alt+, Alt+ - przeniesienie linijki w której znajduje się kursor w górę/dół.
  • Tab/⌘+] - dodaj wcięcie (wcięcie w prawo)
  • Shit+Tab/⌘+[ - usunięcie wcięcia (wycięcie w lewo)

Dodawanie postów:

  • Ctrl+Enter - dodaj post
  • ⌘+Enter - dodaj post (MacOS)