Portfolio

MasterOf
  • Rejestracja:około 7 lat
  • Ostatnio:8 miesięcy
  • Postów:466
1

Co powiecie o moim portfolio?
http://mazurdorian.pl

Dodatkowo, warto dodawać ssl? Mam zamiar ale ciągle z tym zwlekam :D

Favicon także się szykuje, dam jakieś, hmmmm... kółko, może :D

edytowany 2x, ostatnio: MasterOf
Ktos
Moderator
  • Rejestracja:prawie 23 lata
  • Ostatnio:dzień
2

Podoba mi się!

Aczkolwiek nie podoba mi się to dwukrotne kliknięcie, żeby zobaczyć informacje o projekcie. Pojedyncze kliknięcie nic nie zmienia - tak ma być? Tylko ruszanie myszką powoduje odkrywanie kawałków elementu.

Parę uwag:

własne CMS'y, frameworki oraz biblioteki

"CMS-y", jak już. Apostrofu się nie stosuje w takich przypadkach. Poza tym, skoro się chwalisz, że coś stworzyłeś, to może jakieś linki? Tak samo i wcześniej w przypadku tej gry, która odniosła sukces.

Visual Code

Czy chodziło ci o "Visual Studio Code"? ;)

Tworzę aplikacje oraz programy

Czym różni się aplikacja od programu? ;-)

W sekcji portfolio chyba masz źle pozamykane tagi, bo masz jakiś </div>, a on chyba niczego nie zamyka. Podobnie w stopce masz samotne </a>. Możesz też pomyśleć nad minifikacją swojego CSS-a oraz util.js, ale nie jest to tak istotne, i tak największym elementem pobieranym przy ładowaniu twojej strony jest screenshot z tej gry.

SSL-a teraz to chyba wypada mieć, chyba Google też to wlicza w ranking.

LukeJL
  • Rejestracja:około 11 lat
  • Ostatnio:42 minuty
  • Postów:8398
0

STWORZYŁEM GRĘ, KTÓRA ODNIOSŁA KOMERCYJNY SUKCES. OPRACOWAŁEM TAKŻE WŁASNE CMS'Y, FRAMEWORKI ORAZ BIBLIOTEKI.

Tu by się przydało dodać linki, np. po kliknięciu GRĘ by przenosiło do gry. Takie coś pozwoliłoby zarówno lepiej rozreklamować tę grę, jak i jakoś uwiarygodniło cię. No bo każdy może sobie napisać, że stworzył grę, albo jakieś frameworki (bez podania linka do sklepu z grą, albo do np. Githuba w przypadku biblioteki to tylko takie pisanie...).

Ale wygląda ogólnie dobrze. Ale parę uwag językowych zawsze się znajdzie.

INTERESUJE SIĘ

INTERESUJĘ*

CMS'Y,

Nie wiem, czy to poprawna forma odmiany. Pewnie bardziej CMS-y.

charakteryzują

Nie wiem, czy dobrze, że nadużywasz tego słowa w każdym boksie. Brzmi to sztywnie.

Tworzone przeze mnie strony charakteryzują się wykorzystaniem nowoczesnych technologii webowych,
dostosowaniem do współczesnych standardów i potrzeb klienta.

A nie lepiej coś jak to:

Tworzone przeze mnie strony charakteryzują się Tworzę strony z wykorzystaniem nowoczesnych technologii webowych,
dostosowaniem dostosuję je do współczesnych standardów i potrzeb klienta.

?

NAPISZ DO MNIE PO INDYWIDUALNĄ OFERTE!

Nie brzmi to po polsku.


TobiPL
  • Rejestracja:prawie 11 lat
  • Ostatnio:prawie 3 lata
  • Postów:66
0

Przez komercyjny sukces masz na myśli że koledzy dali ci piwo za twoją grę ?
nigdy o twojej grze nie słyszałem ;/

kolory są oczopizdne jak ja nie lubię jaskrawej czerwieni na całej stronie...
ciemno szary jest OK ale ten czerwony... jprd... dodaj przynajmniej przycisk do zmiany koloru

domyślnie mam poblokowane JS itp. więc wiele więcej zobaczyć na stronie nie mogę jedak * aby nie użyć "ale" :>
czemu najpierw piszesz o sobie a potem dodajesz przycisk "o mnie" ?

i czemu w zakładce "o mnie" nie ma nic opisane o tobie a napisane raczej rzeczy które są w domyśle... js html... k
osobiście wywaliłbym ten przycisk "o mnie" ponieważ już na wstępie piszesz o sobie więc nie ma sensu dodawać przycisku który
odprowadza do treści która jest całkowicie niezwiązana z tym na co wstępnie wskazywałby przycisk

jak robisz stronę to php, js jest też raczej w domyśle że tego użyjesz...
w teorii możesz użyć też C ... no ale powodzenia z C, zbędna informacja o tym php / js
ktoś kto nie jest w temacie i tak nie będzie wiedział o czym mówisz, ktoś kto jest w temacie domyśli się sam...

zamiast jechać ciągle w dół 3 przyciski o twoich projektach / technologi / o tobie
domyślnie na stronie widoczna jest zawartość przycisku "o mnie" po kliknięciu w technologie JS czy cokolwiek chcesz
zastępuje zawartość np. diva na info o twoich projektach itp.

włączyłem JS i pobawiłem się na twojej stronie, fajny pomysł z tym kołem i obrazkiem odkrywanym pod najechaniem pod projekt
warto wykorzystać jak najwięcej tak prostych trików osobiście kocham partikle i lubię widzieć że wylatują z przycisków jak tylko
myszka znajdzie się nad odpowiednim przyciskiem, ruchome obiekty w niewielkiej ilości i mocno w tle dają fajny efekt stronie

często strony dają też w tle jakiś nieinwazyjny filmik przedstawiający ich oferty, to też fajny pomysł

nie wiem czy można czy jeszcze coś powinienem odblokować ale kliknięcie w projekt nigdzie mnie nie przenosi
jeśli nie dodałeś możliwości zobaczenia szczegółów projektów które zrobiłeś to bardzo słabo...
co mi po jednym obrazku i nazwie ?

ale tak jak mówię ja mam wszystko na przeglądarce zablokowane i odblokowałem tylko JS-a
więc może coś jeszcze powinienem oblokować aby przejść dalej a nie chce mi się sprawdzać :)

flowCRANE
Moderator Delphi/Pascal
  • Rejestracja:ponad 13 lat
  • Ostatnio:około 9 godzin
  • Lokalizacja:Tuchów
  • Postów:12163
1
TobiPL napisał(a):

[…] jak ja nie lubię jaskrawej czerwieni na całej stronie...

To nie jest czerwony, to jest łososiowy!


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.
czysteskarpety
czysteskarpety
zależy od typu matrycy :]
MasterOf
  • Rejestracja:około 7 lat
  • Ostatnio:8 miesięcy
  • Postów:466
1
Ktos napisał(a):

Podoba mi się!

Aczkolwiek nie podoba mi się to dwukrotne kliknięcie, żeby zobaczyć informacje o projekcie. Pojedyncze kliknięcie nic nie zmienia - tak ma być? Tylko ruszanie myszką powoduje odkrywanie kawałków elementu.

Tak ma być, ponieważ na urządzeniach mobilnych nie możesz najechać myszką a więc klikasz, żeby odsłonić. Nie miałem innego pomysłu jak to rozwiązać. Więc jest double-click.

Parę uwag:

własne CMS'y, frameworki oraz biblioteki

"CMS-y", jak już. Apostrofu się nie stosuje w takich przypadkach. Poza tym, skoro się chwalisz, że coś stworzyłeś, to może jakieś linki? Tak samo i wcześniej w przypadku tej gry, która odniosła sukces.

Tak, dodam w najbliższym czasie ale nie należę do tego typu osób, które mają porządek. Masa projektów gdzieś się "zapodziała", kilka razy formatowałem komputer, kupiłem nowy. Różnie to bywa, teraz żałuję, że nie gromadziłem wszystkiego na jakimś dysku google :/

Tworzę aplikacje oraz programy

Czym różni się aplikacja od programu? ;-)

W sumie trafna uwaga :D Do zmiany :)

W sekcji portfolio chyba masz źle pozamykane tagi, bo masz jakiś </div>, a on chyba niczego nie zamyka. Podobnie w stopce masz samotne </a>. Możesz też pomyśleć nad minifikacją swojego CSS-a oraz util.js, ale nie jest to tak istotne, i tak największym elementem pobieranym przy ładowaniu twojej strony jest screenshot z tej gry.

SSL-a teraz to chyba wypada mieć, chyba Google też to wlicza w ranking.

Hmm, nie wiedziałem o tych tagach, ogólnie sekcja portfolio jest dynamicznie generowana przez Backend w PhP, wystarczy, ze dodam nowy katalog ze zdjęciami i opisem i nie muszę nic zmieniać w kodzie źródłowym :) A SSL to moment, chociaż czytałem, że ostatnio robi się z nim nieciekawie i niektóre darmowe przestają funkcjonować na najnowszej wersji Chrome

MasterOf
  • Rejestracja:około 7 lat
  • Ostatnio:8 miesięcy
  • Postów:466
0
LukeJL napisał(a):

STWORZYŁEM GRĘ, KTÓRA ODNIOSŁA KOMERCYJNY SUKCES. OPRACOWAŁEM TAKŻE WŁASNE CMS'Y, FRAMEWORKI ORAZ BIBLIOTEKI.

Tu by się przydało dodać linki, np. po kliknięciu GRĘ by przenosiło do gry. Takie coś pozwoliłoby zarówno lepiej rozreklamować tę grę, jak i jakoś uwiarygodniło cię. No bo każdy może sobie napisać, że stworzył grę, albo jakieś frameworki (bez podania linka do sklepu z grą, albo do np. Githuba w przypadku biblioteki to tylko takie pisanie...).

Link do gry już jest w portfolio, starałem się dodać linki tam gdzie tylko mogę :)

Ale wygląda ogólnie dobrze. Ale parę uwag językowych zawsze się znajdzie.

INTERESUJE SIĘ

INTERESUJĘ*

CMS'Y,

Nie wiem, czy to poprawna forma odmiany. Pewnie bardziej CMS-y.

charakteryzują

Nie wiem, czy dobrze, że nadużywasz tego słowa w każdym boksie. Brzmi to sztywnie.

Tworzone przeze mnie strony charakteryzują się wykorzystaniem nowoczesnych technologii webowych,
dostosowaniem do współczesnych standardów i potrzeb klienta.

A nie lepiej coś jak to:

Tworzone przeze mnie strony charakteryzują się Tworzę strony z wykorzystaniem nowoczesnych technologii webowych,
dostosowaniem dostosuję je do współczesnych standardów i potrzeb klienta.

?

NAPISZ DO MNIE PO INDYWIDUALNĄ OFERTE!

Nie brzmi to po polsku.

Postaram się poprawić te wszystkie błędy.

NS
  • Rejestracja:ponad 7 lat
  • Ostatnio:2 dni
  • Postów:455
0

@MasterOf: bardzo schludne i czytelne.
Mi brakuje zdjęcia. Serio jakoś to mi bardzo wadzi. Nawet jak masz brzydką twarz, to uważam, że możesz pójść do dobrego fotografa i zrobić fajne zdjęcie :)

MasterOf
:D Aż taki szpetny nie jestem. Myślałem nad tym, jednak trzeba właśnie pójść do dobrego fotografa i zapłacić te kilkadziesiąt złotych. A na samym końcu je jakoś obrobić i znaleźć miejsce na stronie. Czy to jako tło (czarno-białe) albo jako obrazek w jakiś border-radius. Poza tym czy to wiele zmieni?
czysteskarpety
czysteskarpety
Mi brakuje zdjęcia. foty w bikini :D
MasterOf
Musze spytać fotografa czy mi takie cyknie
MasterOf
  • Rejestracja:około 7 lat
  • Ostatnio:8 miesięcy
  • Postów:466
0

Poza tym myślicie, że warto założyć githuba? Mam gitlaba aktualnie, ale głównie same prywatne repozytoria :D

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

Ja kojarzę twoją stronę, progres jest, chociaż jak pisałem wcześniej podajesz bogate doświadczenie i skille webdev więc zrobienie jakieś strony z PHP MVC, indywidualnymi widokami, jakimś fajnym contact form, sticky navi nie powinno być problemem, projekty fajne, ale czy wartościowe dla rynku pracy to już indywidualna sprawa.


MasterOf
Na pewno siąde i jeszcze dołożę coś do projektów na stronie. A czemu uważasz, że nie jest to wartościowe na rynku pracy?
MasterOf
  • Rejestracja:około 7 lat
  • Ostatnio:8 miesięcy
  • Postów:466
0

Https już jest :D Dodałem rewrite do .htaccess na stare linki

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

tam w wolnym czasie przejrzyj składnie, tutaj masz szczegóły:
https://validator.w3.org/nu/?doc=https%3A%2F%2Fmazurdorian.pl%2F


MasterOf
Poprawione :D Zostały same pierdoły, których nie widzę sensu zmieniać.
Pyxis
Outline pokazuje, że brakuje Ci znacznika h2 pomiędzy h1 a h3: https://validator.w3.org/nu/?showoutline=yes&doc=https%3A%2F%2Fmazurdorian.pl%2F Nie możesz użyć h2 zamiast h3? Poza tym zezwól na skalowanie strony. Jak boisz się o pikselozę, to używaj grafiki wektorowej, a jak koniecznie raster, to jest atrybut srcset dla znacznika img. Porób kilka wersji i dostosuj je odpowiednio do różnych szerokości strony.
MasterOf
Ale po co mam pozwolić na skalowanie strony skoro jest responsywna? To tylko utrudni przeglądanie
rotatimrod
  • Rejestracja:ponad 6 lat
  • Ostatnio:około 6 lat
  • Postów:60
0

Bardzo ładna stronka, dobrze dobrane kolory, wygląda bardzo estetycznie bez niepotrzebnych fajerwerków czy popup-ów przytłaczających użytkownika. Myślę że, można by było dodać formularz kontaktowy w stopce. Nie jest to dużo pracy a w końcu celem tej strony jest nawiązanie kontaktu z Tobą. Jak już klient sobie przeczytał co umiesz i co oferujesz to na końcu mógłby od razu do Ciebie napisać nie musząc nawet otwierać maila.


If you are the smartest person in a room then you are in the wrong room.
MasterOf
Miałem zamiar zrobić jakiś formularz ale wydawało mi się, że lepiej podać mail. Wtedy klient napisze z własnej skrzynki pocztowej
rotatimrod
żeby wysłać formularz musi też podać adres skrzynki na którą chce dostać odpowiedź. Oczywiście jak dodałbyś formularz to nie ma sensu usuwać twojego adresu i telefonu, klient wybierze już sobie jak chce nawiązać kontakt ale to już twoja decyzja, tak jak jest też będzie dobrze.
rotatimrod
jeszcze jedna rzecz, w dziale projekty bardziej instynktowne byłoby pojedyncze kliknięcie. Ja na początku nie przeczytałem wiadomości na górze, kliknąłem tylko raz jak się pointer pojawił i założyłem, że jeszcze nie podlinkowałeś tych zdjęć :P btw ten efekt odsłaniania jest bardzo fajny.
MasterOf
Wiem właśnie. Pojedyncze kliknięcie byłoby lepsze ale na mobilnych nie ma kursora a więc klikaniem odsłania się obrazek.
rotatimrod
możesz dodać tooltipa przy hoverze z wiadomością, żeby kliknąć 2x po więcej informacji.
MasterOf
  • Rejestracja:około 7 lat
  • Ostatnio:8 miesięcy
  • Postów:466
1

Odświeżam temat, ostatnio zrobiłem masę zmian. Zmieniłem język i ogólny wygląd. Opisałem też bardziej siebie i swoje umiejętności.
KLIK
Jedynie nie ma masy projektów, muszę je wszystkie uporządkować. Jednak liczę na krytykę :D
Zawołam osoby, które wypowiadały się w tym wątku, z myślą, że zerkną i pomogą poprawić ewentualne niedociągnięcia :)
@Ktos @LukeJL @furious programming @NeutrinoSpinZero @czysteskarpety @rotatimrod

flowCRANE
Moderator Delphi/Pascal
  • Rejestracja:ponad 13 lat
  • Ostatnio:około 9 godzin
  • Lokalizacja:Tuchów
  • Postów:12163
1

No ja to akurat się nie nagadałem w tym wątku, a jedynie skomentowałem kolor (ktorego zresztą już nie ma…).


https://mazurdorian.pl/about – zmień WHO I AM? na WHO AM I? – czyli na poprawną formę.

Menu na stronie aboutów zwija mi pozycje, choć jest masa miejsca po bokach (zobacz na załącznik). Zresztą pozycje niżej też są zwijane, choć pomieściłyby się (patrz drugi załącznik). No i na innych podstronach też tak się dzieje. No i footera nima na żadnej podstronie, choć w sumie to oprócz jakiegoś breadcrumba nie byłoby co do niego wstawić.

Mało danych masz na tej stronce, więc w sumie nie ma co oceniać. ;)


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.
edytowany 4x, ostatnio: flowCRANE
MasterOf
  • Rejestracja:około 7 lat
  • Ostatnio:8 miesięcy
  • Postów:466
1

@furious programming: Panie, co to za przeglądarka, że to tak wygląda :D
To jakaś stara opera? Testowałem stronę w mozilli/chrome (narzędzia dewelopera) dla każdej możliwej szerokości (od 300px po 3000px) i wyglądało dobrze.
Grid jest na bootstrapie, a więc jeśli coś to w nim musiałby być problem. Chyba trzeba jeszcze opere pobrać.

flowCRANE
Odczep się od mojej przeglądarki… :/
flowCRANE
Moderator Delphi/Pascal
  • Rejestracja:ponad 13 lat
  • Ostatnio:około 9 godzin
  • Lokalizacja:Tuchów
  • Postów:12163
0

Jak sobie o jeden skok powiększę stronę (do 90%) to już nie zwija. :P

zoom.png

I na małym okienku też jest dobrze:

small.png

Chyba na jakiś martwy punkt trafiłem.


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.
edytowany 1x, ostatnio: flowCRANE
Zobacz pozostałe 6 komentarzy
MasterOf
Podasz mi swoją szerokość okna? Jade równo po każdej możliwej rozdzielczości i za cholere nie trafiam w ten punkt, wszystko dobrze śmiga.
MasterOf
A tak w pikselach? Bo wiesz, ustawienia mogą być różne stąd rozdzielczość też. Na 40 calach ustawisz nawet 800x400px :D
flowCRANE
Szerokość clienta to 974px. ;)
MasterOf
  • Rejestracja:około 7 lat
  • Ostatnio:8 miesięcy
  • Postów:466
0

screenshot-20190308231239.png
Hmhmmm :D :D

edytowany 1x, ostatnio: MasterOf
Zobacz pozostałe 2 komentarze
flowCRANE
Nowa (tzn. bieżąca) Opera ma w sobie chromium, więc strona będzie wyglądać tak samo.
MasterOf
Albo dobra, jutro. Teraz lecę.
MasterOf
A no to musisz zaktualizować przeglądarki :p
flowCRANE
Kiedy właśnie głównie z tego powodu mam klasyczną Operę. Wcześniej (przed Operą) korzystałem z Chrome'a, ale jak zaczął żreć pamięć bez opamiętania to się go pozbyłem na rzecz obecnej przeglądarki.
MasterOf
No wiem o tym, tak zażartowałem tylko. Też nie lubię chrome, ale mozilla, szczególnie ta wersja dla developerów z ciemnym motywem to cudo :D
Freja Draco
Freja Draco
  • Rejestracja:prawie 7 lat
  • Ostatnio:ponad 3 lata
  • Postów:3394
1

Nie chce mi się czytać całego wątku, więc może będę powtarzać, co napiszą inni.

  • Ogólnie nie wygląda to źle i widać w tym jakąś koncepcję.

Co można zmienić:

  • Blokujesz możliwość obejrzenia strony osobom z wyłączonym Flashem, poza tym wiesz pewnie, że przeglądarki planują ubić Flasza w ciągu najbliższych 2-3 lat?

  • Podstrony mają niespójną strukturę: jedne mają stopkę inne nie, jedne mają nagłówek, inne nie.

  • Przydałby się jakiś css-sticky pasek z menu.

  • Typowa bolączka flata - nie wiadomo, co jest linkiem / przyciskiem. Na podstronie projektu masz w nagłówku czarny przycisk "back" i czarne "submit" w kontakcie. Czarne są też (ale już nieklikane" pola z zastosowanymi technologiami. Klikalne są natomiast niebieskie przyciski z dosyć dziwną koncepcją:
    Google Play: [click]
    Dlaczego nie popostu
    [Google Play]
    ? Sugeruję jeden schemat kolorystyczny dla klikalnych elementów interfejsu na całej stronie.

  • Pewnie jestem tradycjonalistką, ale jak ktoś mi pokazuje timeline, gdzie daty są raz po prawej, a raz po lewej, to stwierdzam, że utrudnia i nie potrafi zaprezentować informacji w czytelny sposób.

Poza tym: jak na standardy współczesnego internetu nie jest to duże - raptem 400 KB, ale przy tak minimalistycznym layoucie zmieściłoby się pewnie w 20-30 KB. Poza tym do czego właściwie używasz tam bibliotek JS?


Freja Draco
Freja Draco
  • Rejestracja:prawie 7 lat
  • Ostatnio:ponad 3 lata
  • Postów:3394
0
furious programming napisał(a):

zmień WHO I AM? na WHO AM I? – czyli na poprawną formę.

Jesteś tego pewien? Tu by chyba lepiej pasowała mowa zależna:
[I will tell you] WHO I AM = [Opowiem wam] kim jestem (tylko pytajnik trzeba by wtedy wywalić).


flowCRANE
Jestem pewien. Jeśli ma być zdanie pytające to WHO AM I?, dlatego zmianę zasugerowałem.
LukeJL
  • Rejestracja:około 11 lat
  • Ostatnio:42 minuty
  • Postów:8398
1

Ciekawostka istnieje mnóstwo piosenek o tytule "Who am I?" ale również istnieje mnóstwo piosenek o tytule "Who I am". Na dwoje babka wróżyła.
https://en.wikipedia.org/wiki/Who_Am_I
https://en.wikipedia.org/wiki/Who_I_Am


KageYoshi
https://www.youtube.com/watch?v=CFG5dk1GyRo :D aż mi się przypomniał ten wspaniały remix :D
MasterOf
  • Rejestracja:około 7 lat
  • Ostatnio:8 miesięcy
  • Postów:466
2
Freja Draco napisał(a):
  • Blokujesz możliwość obejrzenia strony osobom z wyłączonym Flashem, poza tym wiesz pewnie, że przeglądarki planują ubić Flasza w ciągu najbliższych 2-3 lat?

Co ty mówisz :D Przecież nie używam flasha. Na pewno oglądałaś dobrą stronę?

  • Podstrony mają niespójną strukturę: jedne mają stopkę inne nie, jedne mają nagłówek, inne nie.
  • Przydałby się jakiś css-sticky pasek z menu.

Żadna strona nie ma stopki na razie, a same strony nie scrolluja się nie wiadomo ile a więc uważam że sticky menu jest kompletnie niepotrzebne

  • Typowa bolączka flata - nie wiadomo, co jest linkiem / przyciskiem. Na podstronie projektu masz w nagłówku czarny przycisk "back" i czarne "submit" w kontakcie. Czarne są też (ale już nieklikane" pola z zastosowanymi technologiami. Klikalne są natomiast niebieskie przyciski z dosyć dziwną koncepcją:
    Google Play: [click]
    Dlaczego nie popostu
    [Google Play]
    ? Sugeruję jeden schemat kolorystyczny dla klikalnych elementów interfejsu na całej stronie.

Z tym się zgodzę, poprawie to.

  • Pewnie jestem tradycjonalistką, ale jak ktoś mi pokazuje timeline, gdzie daty są raz po prawej, a raz po lewej, to stwierdzam, że utrudnia i nie potrafi zaprezentować informacji w czytelny sposób.
    Poza tym: jak na standardy współczesnego internetu nie jest to duże - raptem 400 KB, ale przy tak minimalistycznym layoucie zmieściłoby się pewnie w 20-30 KB. Poza tym do czego właściwie używasz tam bibliotek JS?

JS używam do ładowania dynamicznie obrazów co pozwala uzyskać lepszy wynik na pagespeed. Używam go też do formularza, galerii, zamierzam wgrać też różne animacje. Zamierzam to wszystko rozwijać.

edytowany 1x, ostatnio: MasterOf
czysteskarpety
czysteskarpety
  • Rejestracja:prawie 10 lat
  • Ostatnio:ponad 4 lata
  • Lokalizacja:Piwnica
  • Postów:7697
1

@MasterOf:
A ja powiem, że jest coraz lepiej, faktycznie ogarnij stopkę, daj na dole chociaż jakieś i pod tym podpis, czy copyright i tyle, jest progres, a większość uwag to marudzenie zgredów, tak trzymać ;)


MasterOf
Dzięki, to wiele dla mnie znaczy :) Jednak niektóre uwagi są słuszne, np: te przyciski i właśnie stopka.
Freja Draco
Freja Draco
  • Rejestracja:prawie 7 lat
  • Ostatnio:ponad 3 lata
  • Postów:3394
0
MasterOf napisał(a):
  • Blokujesz możliwość obejrzenia strony osobom z wyłączonym Flashem

Co ty mówisz :D Przecież nie używam flasha. Na pewno oglądałaś dobrą stronę?

A to przepraszam. Mam we Flashblocku zaznaczoną opcję: "Block Html5 video as well" i zamiast obiektu:

Kopiuj
<video autoplay loop id="video-background" muted plays-inline>
  <source src="https://mazurdorian.pl/assets/videos/landingPage.mp4" type="video/mp4">
</video>

wyświetlała mi się tylko ikonka Flashblokera.

Swoją drogą, nie wiem czy coś poprawiałeś, ale wczoraj na stronie głównej wyświetlało mi się tylko info o zablokowanym elemencie bez żadnego menu, a dzisiaj mogę już przeglądać stronę, nawet jak to wideo jest zablokowane.

JS używam do ładowania dynamicznie obrazów co pozwala uzyskać lepszy wynik na pagespeed. Używam go też do formularza, galerii, zamierzam wgrać też różne animacje. Zamierzam to wszystko rozwijać.

No ok. Chociaż na ten moment, skrypty którymi ładujesz dynamicznie obrazki ważą tyle, co obrazki, które nimi ładujesz.

Możesz trochę zaoszczędzić na samych obrazkach. Ładujesz grafiki o ubogiej palecie w JPG-ach długich na 800-1000 px, a później wyświetlasz je nie dłuższe niż 450 px-ów. W PNG/GIF, przycięte do maksymalnych rozmiarów, po zredukowaniu palety ważyłyby po kilkanaście KB zamiast po 50-100 KB. Inna sprawa, że jak na głównej masz wspominane wyżej video mp4 na 2MB 1280 x 720 px, to należałoby przede wszystkim coś z tym zrobić. On i tak jest rozblurowany, więc pewnie możesz użyć dużo niższej rozdzielczości i zejdziesz to kilkuset kilo. Możesz zamiast filmu zrobić sobie własną animację js+css i zejdziesz do kilkunastu. Ale tak - wiem, robienie lekkich stron nie jest już modne i tylko zgredy się tym zajmują ;)p


edytowany 1x, ostatnio: Freja Draco
Zobacz pozostałe 3 komentarze
MasterOf
No tak, wybacz. Trochę się rozpędziłem i wyszedłem poza temat :)
czysteskarpety
czysteskarpety
@Freja Draco: jak już się czepiamy to na blogu nadal tej walidacji pól nie poprawiłaś http://drakonica.pl/kontakt :P
Freja Draco
Freja Draco
@czysteskarpety: dobra, zapisałam w todo: * walidacja formularzy dla czysteskarpeta.
czysteskarpety
czysteskarpety
to jeszcze zapisz przejście z php5 na php7 od razu, będzie większy przełom ;)
Freja Draco
Freja Draco
HTML5 - no jest tam trochę nowych bajerów, ale żeby zaraz rewolucja? Tak na marginesie: pamiętam jeszcze epokę jarania się XHTML-em i gadanie o tym, że wszystkie profesjonalne strony powinny być w tej technologii. A z czasem jakby zapomniano o sprawie. Piątka się już raczej nie odwidzi i z czasem trzeba będzie, ale sens reform widzę wtedy, gdy są z nich konkretne korzyści w danym zastosowaniu, a nie dlatego, że wyszła kolejna wersja czegoś z nowym numerkiem (w sumie można by o tym poflejmić w osobnym wątku).
czysteskarpety
czysteskarpety
  • Rejestracja:prawie 10 lat
  • Ostatnio:ponad 4 lata
  • Lokalizacja:Piwnica
  • Postów:7697
1

Przecież ta jego stronka ma 96% w audycie chrome i gtmetrix'ie, dajcie już spokój z tym marudzeniem :)


edytowany 1x, ostatnio: czysteskarpety
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)