Drukowana wersja tematu

Kliknij tu, aby zobaczyć temat w orginalnym formacie

Forum PHP.pl _ Oceny _ zrobietaniej.pl

Napisany przez: backen 27.09.2016, 18:20:39

Witam.
Chciałbym się pochwalić moim nowym serwisem zrobietaniej.pl gdzie głównym założeniem jest licytacja w dół.

Napisany przez: KsaR 27.09.2016, 22:02:34

Wyłączałem JS i ... Kompletnie nic nie pokazało,
Tytuł widzę przyjazny dla SEO biggrin.gif biggrin.gif
Templatka gotowa.

Co tu oceniać właściwie?
Adres fajny biggrin.gif

https://validator.w3.org/nu/?doc=http%3A%2F%2Fzrobietaniej.pl%2F

Napisany przez: !*! 28.09.2016, 12:16:59

Wyczuwam eldorado dla wakacyjnych koderów, tylko czy da się taniej niż łyżka ryżu...

Cytat
Wyłączałem JS i ... Kompletnie nic nie pokazało,

angular i wszystko jasne... trochę dziwny dobór narzędzia, jak na taki serwis

Napisany przez: markonix 28.09.2016, 12:19:24

http://zrobietaniej.pl/kontact

rozbraja mnie ten adres biggrin.gif

Napisany przez: lukaskolista 28.09.2016, 13:41:59

Cytat
Wyłączałem JS i ... Kompletnie nic nie pokazało,
Nie widzę potrzeby, aby to miało działać przy wyłączonym js.

Pomysł fajny, tylko jak to zwykle bywa w przypadku takich projektów problemem jest marketing, ale życzę Ci jak najlepiej.

Napisany przez: nospor 28.09.2016, 13:51:26

@markonix pewnie jest tak samo cudny jak komunikat bledu

"Nie poprawny login lub hasło. "

lub mieszanka pl en

"Zapomniałem hasło

Not registered yet?
Register now! It is easy and done in 1 minute and gives you access to special discounts and much more!"

Generalnie wyglada jakby jeszcze bylo duzo do zrobienia

Napisany przez: Damonsson 28.09.2016, 13:57:44

Cytat(KsaR @ 27.09.2016, 23:02:34 ) *
Wyłączałem JS i ... Kompletnie nic nie pokazało

Wyłączyłem monitor i nic nie widać, czarny ekran sad.gif

Napisany przez: nospor 28.09.2016, 14:04:52

Zmieniam haslo wszystkim userom na forum, nie moga sie zalogowac, przestaja pisac durne komentarze sad.gif


wink.gif

Napisany przez: nansss93 28.09.2016, 14:51:48

TypeError: Cannot read property 'email' of undefined

Napisany przez: KsaR 28.09.2016, 14:59:52

Cytat(Damonsson @ 28.09.2016, 14:57:44 ) *
Wyłączyłem monitor i nic nie widać, czarny ekran sad.gif

W końcu web, minimalna dostępność powinna być... Dla wyszukiwarek też.
No ale jak kto woli aplikację* zamiast strony to ok tongue.gif

Napisany przez: Comandeer 28.09.2016, 15:31:46

Cytat
Wyłączyłem monitor i nic nie widać, czarny ekran

Problem polega na tym, że ekran jest integralną częścią monitora (upraszczając rzeczywistość, rzecz jasna). W przypadku Webu JS wciąż nie jest tak integralnym jej składnikiem jak HTML i CSS. Poza tym: serio potrzebuję JS-a, by móc poklikać w różne przyciski? Cala ta strona to kilka formularzy + statyczna treść ogłoszeń. Jest wręcz śmieszne, że do wyświetlenia czegoś takiego potrzebny jest JS. Skoro nawet GMail jest w stanie działać (w okrojonej wersji, rzecz jasna) bez JS, to nie ma absolutnie żadnego powodu, dla którego prosty CRUD nie miałby robić tego samego. http://webroad.pl/inne/3722-progressive-enhancement-zapomniany-fundament

Część menu jest niedostępna z poziomu klawiatury – poważny błąd a11y.

Wyszukiwarka nie ma label – kolejny poważny błąd a11y.

Napisany przez: !*! 28.09.2016, 15:45:02

Cytat(lukaskolista @ 28.09.2016, 14:41:59 ) *
Nie widzę potrzeby, aby to miało działać przy wyłączonym js.


A jak byś chciał pozycjonować takie portale? Żaden robot tego nie złapie, a jedyna odpowiedź to 
[HTML] pobierz, plaintext 
  1. <!doctype html>
  2. <http://december.com/html/4/element/html.html ng-app="app" ng-strict-di ng-cloak>
  3.     <http://december.com/html/4/element/head.html>
  4.         <http://december.com/html/4/element/base.html href="/">
  5.         <http://december.com/html/4/element/meta.html charset="utf-8">
  6.         <http://december.com/html/4/element/meta.html http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  7.         <http://december.com/html/4/element/title.html>zrobietaniej.pl {{ $root.header.title ? '- '+$root.header.title : '' }}</http://december.com/html/4/element/title.html>
  8.         <http://december.com/html/4/element/meta.html name="description" content="$root.header.description">
  9.         <http://december.com/html/4/element/meta.html name="keywords" content="$root.header.keywords">
  10.         <http://december.com/html/4/element/meta.html name="msapplication-tap-highlight" content="no">
  11.         <http://december.com/html/4/element/meta.html name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  12.         <http://december.com/html/4/element/script.html src="https://maps.google.com/maps/api/js?key=AIzaSyCTYIPz_q7YfVg7ML8syEPDIiV3Pvu2wCU"></http://december.com/html/4/element/script.html>
  13.  
  14.     </http://december.com/html/4/element/head.html>
  15.  
  16.     <http://december.com/html/4/element/body.html >
  17. <http://december.com/html/4/element/script.html>
  18.   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  19.   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  20.   m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  21.   })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
  22.  
  23.   ga('create', 'UA-84865521-1', 'auto');
  24.   ga('send', 'pageview');
  25.  
  26. </http://december.com/html/4/element/script.html>
  27.  
  28.         <mainheader></mainheader>
  29.         <http://december.com/html/4/element/div.html ui-view></http://december.com/html/4/element/div.html>
  30.  
  31.  
  32.         <bottomfooter></bottomfooter>
  33.         <copyright></copyright>
  34.  
  35.         <http://december.com/html/4/element/script.html src="/bundle.js"></http://december.com/html/4/element/script.html>
  36.  
  37.         <http://december.com/html/4/element/link.html rel='stylesheet' href='/node_modules/textangular/dist/textAngular.css'>
  38.         <http://december.com/html/4/element/script.html src='/node_modules/textangular/dist/textAngular-rangy.min.js'></http://december.com/html/4/element/script.html>
  39.         <http://december.com/html/4/element/script.html src='/node_modules/textangular/dist/textAngular-sanitize.min.js'></http://december.com/html/4/element/script.html>
  40.         <http://december.com/html/4/element/script.html src='/node_modules/textangular/dist/textAngular.min.js'></http://december.com/html/4/element/script.html>
  41.  
  42.     </http://december.com/html/4/element/body.html>
  43. </http://december.com/html/4/element/html.html>
[HTML] pobierz, plaintext


Czyli śmieci, których nawet bing by nie chciał

Napisany przez: Pyton_000 28.09.2016, 20:32:02

Google już chyba sobie radzi z takimi tworami

Napisany przez: !*! 29.09.2016, 08:49:55

Cytat(Pyton_000 @ 28.09.2016, 21:32:02 ) *
Google już chyba sobie radzi z takimi tworami


Średnio to wygląda. Poszukałem trochę i od 2014 roboty google nauczyły się JS, ale... W narzędziach webmastera jest opcja "pobierz jako google" która kiedyś pobierała tylko treść/źródło jako bot, dzisiaj mamy obrazek. Zrobiłem stronę do testów, proste jquery i JS + dodanie do div tekstu.

Opcja "pobierz" wyświetla pobraną odpowiedź http (źródło bez js) + obrazek, rzekomo 1:1 jak to widzi robot.

Tylko jeśli strona jest nieco bardziej skomplikowana, to screen zrzut niczego nie pokazuje. Przykładem mogą być komentarze disqus lub treści generowane przez websockety, po prostu skrypty się nie wczytują, a powtórzyłem o kilka razy.

Drugą sprawą jest samo indeksowanie, po otrzymaniu zrzutu można taką stronę przesłać do indeksu wyszukiwarki i tu ciekawostka... przy użyciu "site:domena.pl" strona i owszem pojawia się na liście, jednak brakuje treści wygenerowanej przez JS która powinna się tam znaleźć jako część strony...

Napisany przez: emstawicki 30.09.2016, 07:54:56

Cytat(markonix @ 28.09.2016, 13:19:24 ) *
http://zrobietaniej.pl/kontact

rozbraja mnie ten adres biggrin.gif

I metoda formularza który zwraca 405

Napisany przez: lukaskolista 4.10.2016, 07:33:14

Co do indeksowania przez wyszukiwarki: skoro aplikacja jest dostępna dopiero po zalogowaniu, to z jakiego powodu autor miałby się przejmować wyszukiwarkami, które przecież nie założą sobie konta i się nie zalogują?

Napisany przez: Comandeer 4.10.2016, 15:08:56

Ogłoszenia nie są dostępne wyłącznie po zalogowaniu.

Poza tym: a co z userami, u których JS nie zadziała? I zanim znowu usłyszę wyświechtaną formułkę "ale kto dzisiaj wyłącza JS" – mówię o http://kryogenix.org/code/browser/everyonehasjs.html, nie wyłączaniu.

Nie rozumiem współczesnego webdevu. Nagle próbuje się wmówić ludziom, że REST APIs, z których dane można pobrać tylko i wyłącznie przy pomocy przeinżynierowanych rozwiązań typu Angular czy React, to ficzer i krok w przód. Nie. Jeśli REST API jest skonstruowane wyłącznie pod jeden interfejs, to jest skonstruowane źle…

Napisany przez: Dejmien_85 21.10.2016, 17:19:39

Cytat(Damonsson @ 28.09.2016, 14:57:44 ) *
Wyłączyłem monitor i nic nie widać, czarny ekran sad.gif


Heh, no powiem Ci, że tekst mocny, mocno się uśmiałem - ja bym dodał jeszcze, że wyłączyłem modem i przestało działać. tongue.gif

Wydaje mi się, że wspieranie strony "bez JS" to jak wspieranie stron dla IE6. Na takie coś pozwolić mogą sobie raczej tylko ogromne serwisy, które starają się dbać o każdego klienta (google?).

Napisany przez: Pyton_000 21.10.2016, 19:18:01

A małe to już nie? Chyba łatwiej małemu przystosować stronę niż wielkiemu kolosowi.

Napisany przez: Comandeer 21.10.2016, 19:23:34

Problem w tym, że IE6 ma 1% masochistów, a brak JS może dotknąć każdego z różnych przyczyn. I jeśli nie mamy w cache'u skryptu JS sklepu (bo np. odwiedzamy go 1. raz), to istnieje szansa, że po prostu nic nie zadziała.

Napisany przez: Dejmien_85 27.10.2016, 09:42:29

Cytat(Pyton_000 @ 21.10.2016, 20:18:01 ) *
A małe to już nie? Chyba łatwiej małemu przystosować stronę niż wielkiemu kolosowi.


Masz rację z tym, że mniejsze aplikacje jest łatwiej dostosować.

Sądzę jednak, że małym graczom, którzy dopiero zaczynają biznes, nie zależy tak bardzo na użytkownikach z IE6, czy takich, którym JS nie działa. To jest mniejszość.

Jeśli masz duża firmę, na której stronie dziennie pojawia się 1 000 000 0000 użytkowników, to 1% jest poważną liczbą i mogą skupiać się na wsparciu dla osób z IE6, albo z nie działającym JS.

Ale jeśli pójdziesz do firmy, która na swojej stronie ma ruch rzędu kilkuset lub kilku tysięcy ludzi i powiesz im, że chcesz wprowadzić obsługę dla osób bez JS, wtedy biznes szybko zweryfikuje wartość takiej inwestycji.

Wydaje mi się, że o jakość tak naprawdę dbamy tylko my, programiści, a managerowie i biznes mają te rzeczy kompletnie w D***, bo dla nich liczą się tylko terminy i kasa.

Biorąc pod uwagę to, że większość projektów nad którymi pracowałem składało się z klienta AngularJS/React i API, to nie wyobrażam sobie co by powiedzieli managerowie i biznes, gdybyśmy przedstawili im pomysł wprowadzenia wsparcia dla IE6, albo dla osób u któruch JS nie działa. Musielibyśmy napisać drugą aplikację.

Sądzę, że w dzisiejszych czasach przeglądarki nie mogą sobie pozwolić na nie-obsługiwanie JS-a. A takimi tematami raczej zajmują się tylko ogromen korpo. Mniejsze firmy nie stać jest na zapewnienie takiego wsparcia. Nasze teorie i idee to jak maluszek, którego na przejeździe kolejowym rozjeżdża pociąg pod nazwą "biznes". Termin, termin, kasa, kasa.

Programista vs Biznes:
https://youtu.be/qIYutqFF%78%44M?t=36s

Zespół programistów vs Biznes
https://www.youtube.com/watch?v=qIYutqFF%78%44M&feature=youtu.be&t=58s

Napisany przez: !*! 27.10.2016, 13:15:26

Cytat(Dejmien_85 @ 27.10.2016, 10:42:29 ) *
Biorąc pod uwagę to, że większość projektów nad którymi pracowałem składało się z klienta AngularJS/React i API, to nie wyobrażam sobie co by powiedzieli managerowie i biznes, gdybyśmy przedstawili im pomysł wprowadzenia wsparcia dla IE6, albo dla osób u któruch JS nie działa. Musielibyśmy napisać drugą aplikację.

Sądzę, że w dzisiejszych czasach przeglądarki nie mogą sobie pozwolić na nie-obsługiwanie JS-a.


I pomyśleć, że było się trzeba trzymać standardów, to byście nie musieli pisać dwa razy tej samej aplikacji. A jak podejdziesz z tematem do osób niedowidzących lub niewidomych? Powiesz im "sorry, nie mamy kasy żeby wspierać WCAG, ponieważ robimy programy tylko w JS - kup sobie lepszy czytnik lub zatrudnij opiekunkę, niech Ona Ci czyta treść strony generowanej dynamicznie". Mam jakieś deja vu... Lata mijają, a są ludzie którzy nadal nie wiedzą, że JS jest tylko dodatkiem, ale racja nowe pokolenia, nowe technologie... szkoda że nawyki też nowe, a nowe nie znaczy lepsze.

Napisany przez: kayman 27.10.2016, 13:22:14

Cytat(Comandeer @ 21.10.2016, 20:23:34 ) *
Problem w tym, że IE6 ma 1% masochistów


a wśród nich w ciul softów które jak wynika z user_agent zgłaszają się jako ie6,7,8,9 -> czasami user_agent jest robiony losowo

nie przejmował bym się ie aż do wersji 10/bieżącej i walił takim błąd 404 i po sprawie

Napisany przez: Comandeer 27.10.2016, 22:00:04

Cytat
Sądzę jednak, że małym graczom, którzy dopiero zaczynają biznes, nie zależy tak bardzo na użytkownikach z IE6, czy takich, którym JS nie działa. To jest mniejszość.

I do znudzenia: http://kryogenix.org/code/browser/everyonehasjs.html – nawet Ty czy ja. "Każdy" to nie jest mityczna "mniejszość". To nie jest 1%, ale http://www.kryogenix.org/code/browser/why-availability/. Postrzeganie JS jako coś, co działa zawsze, jest jednym z podstawowych błędów.
Cytat
Biorąc pod uwagę to, że większość projektów nad którymi pracowałem składało się z klienta AngularJS/React i API, to nie wyobrażam sobie co by powiedzieli managerowie i biznes, gdybyśmy przedstawili im pomysł wprowadzenia wsparcia dla IE6, albo dla osób u któruch JS nie działa. Musielibyśmy napisać drugą aplikację.

Na Zachodzie już doszli do tego, że dostępność jest ważniejsza od liczby ficzerów i kładzie się ją na pierwszym miejscu – zwłaszcza jeśli dostarcza się krytyczną usługę. Zresztą jeśli aplikacja nie potrafi dostarczyć podstawowej funkcjonalności (rendering po stronie serwera), to coś jest z nią nie tak.
Cytat
Sądzę, że w dzisiejszych czasach przeglądarki nie mogą sobie pozwolić na nie-obsługiwanie JS-a

Sądzę, że mylisz niedziałający JS z wyłączonym JS.
Cytat
Nasze teorie i idee to jak maluszek, którego na przejeździe kolejowym rozjeżdża pociąg pod nazwą "biznes".

I właśnie ten duży biznes został tyle już razy sparzony przez kwestie dostępności, że teraz dmucha na zimne.
Cytat
a wśród nich w ciul softów które jak wynika z user_agent zgłaszają się jako ie6,7,8,9 -> czasami user_agent jest robiony losowo

UA Sniffing jest złą praktyką od 10 lat, która powinna być używana w ostatecznej ostateczności, gdy nie ma żadnego innego sensownego sposobu sprawdzenia, co przeglądarka obsługuje. W innym wypadku sami się prosimy o kłopoty.
Cytat
nie przejmował bym się ie aż do wersji 10/bieżącej i walił takim błąd 404 i po sprawie

A akurat prezes firmy, która jest Waszym największym klientem, miał IE 10 (lub Chrome'a za takowego się podającego) i pozamiatane wink.gif
Cytat
Mam jakieś deja vu... Lata mijają, a są ludzie którzy nadal nie wiedzą, że JS jest tylko dodatkiem, ale racja nowe pokolenia, nowe technologie... szkoda że nawyki też nowe, a nowe nie znaczy lepsze.

Oj tak…

Napisany przez: !*! 28.10.2016, 11:02:07

Trochę się offtop zrobił, ale autorowi tematu może się to przydać.

Analogiczna sytuacja jest z CSS. Dużo ludzi używa boostrapa, w zasadzie jest to standard i na swoich stronach wkleja link CDN, co jest uzasadnione faktem iż odczyt z cache przeglądarki będzie po prostu szybszy.
Jednak niewielki procent osób robi to tak:

Cytat
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="./bootstrap/3.3.6/css/bootstrap.min.css">


W ten sposób serwis się nie rozleci jeśli padnie CDN, jego połączenie po https, lub wynikną inne problemy np. z naszym operatorem

Napisany przez: Headamon 21.11.2016, 01:06:44

Stronka jest prosta, ładna i przejrzysta, mi się podoba. Nie zauważyłem problemów z rozjeżdżaniem się strony.

Napisany przez: makaronczyk 1.02.2017, 13:56:33

fajna strona, ale przede wszystkim pomysł oryginalny. ciekawa konkurencja do np fiverra.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)