Portfolio i blog javascript, html, css ...

Atrybuty, czy właściwości? Różnice i dobre praktyki

Zazwyczaj wartości atrybutów i właściwości odnoszące się do tego atrybutu mają taką wartość, mimo to atrybuty to nie to samo co atrybuty. Kilka faktów o jednych i o drugich.

Atrybuty: są elementami HTML. To co umieszczamy w tagach to atrybuty. np. dla <a class="newElement" id="myLink"> atrybutami będą class oraz id. Mamy atrybuty standardowe i nasze customowe. W momencie gdy przeglądarka zczytuje HTMLa tworzy DOM (Obiektowy model dokumentu), jeśli rozpozna atrybut standardowy tworzy dla niego włąściwość w DOM. Jeśli atrybut jest niestandardowy to właściwość nie jest tworzona.

Standardowy atrybut to atrybut, który jest opisany w specyfikacji HTML jako standardowy dla danego elementu, a więc taki sam atrybut dla jednego elementu może być standardowy, a dla innego już nie.

czytaj >>

CSS - sposób na niepełne ramki

CSS nie ma wbudowanych niepełnych borderów. Tzn. gdybyśmy chcieli border z lewej strony ale np. na 50% wysokości od dołu do środka (np. tak: Hello!, to CSS nam tego nie da w standardzie. Jednak sposób na to jest bardzo prosty i szybki. Wykorzystuje się w tym celu pseudoelement ::after albo ::before Selektory te tworzą odpowiednio ostatni albo pierwszy element danego typu . Oto jak tworzymy naszą niepełną ramkę:czytaj >>

Prism - ładne listingi kodu na naszej stronie


					<div> Hello! </div>				
				

Czy piszemy bloga o programowaniu, czy stronę na której chcemy użyć przykładu jakiegoś rozwiązania w kodzie, potrzebujemy ten kod przedstawić w taki sposób aby po pierwsze wyglądał jak kod, a nie jak zwykły tekst, a po drugie dobrze jeśli składnia w nim byłaby koloryzowana zgodnie z językiem, w którym piszemy kod. Szczególnie drugi wymóg byłby żmudny do realizacji gdybyśmy chcieli nasz listing stylować ręcznie. Poniżej przedstawiam rozwiązanie, którego używam na niniejszym blogu.czytaj >>

Prototypy , czy __prototype__ ?

Temat prototypowania w javascripcie może spędzić sen z powiek. Sam musiałem wracac do tego zagadnienia kilka razy. Spróbuję wypunktowac kilka faktów, które pomogły mi zrozumiec.czytaj >>