Plusujcie Ƶ. Nikt nie plusuje prawilnego Ż z kropką bez kropki.
Łapcie Unicode i HTML:
wielka litera Ƶ — U+01B5, &#437,
mała litera ƶ — U+01B6. &#438,

#prl #litera #liternictwo #czcionka #jezykpolski #polska #unicode #html #ascii pokaż całość

pokaż spoiler #webdev #humorinformatykow #css #html #internetexplorer #heheszki


źródło: Untitled-1.jpg

jezu aż mi się łezka w oku zakręciła. 2005, czyli 13 lat temu się robiło takie fajne szablony na smutne blogaski na mylogu w htmlu i CSS XD
szkoda, że interia skasowała swoje dyski - miałam tam baardzo dużo swoich "prac" z przełomu podbazy/gimbazy
#gownowpis #spirytus15k #html

źródło: szablony.png

@JustJoinIT: Są tu developerzy z #krakow? Spis ofert z podziałem na technologie!

#javascript⤵
Frontend/ PolSource: 6.5-12K: http://bit.ly/2unpeRo
Front-End/ G-Force: 8.5-15K: http://bit.ly/2kuQLsd
Senior/ TSL: 10-15K: http://bit.ly/2GUvIIl
Fullstack Dev/ Schibsted: 9-14K: http://bit.ly/2yh1ujq
Front-end Dev/ VentureDevs: 9-18K: http://bit.ly/2GZaUkT
Junior Front/ GlobalLogic S.A.: 4-6.2K: http://bit.ly/2JeBc63
Node.js/ Zappmeet: 7-14K: http://bit.ly/2IAAQX4
Senior/Expert/ VirtusLab: 14-22K: http://bit.ly/2FUN08u
Node.js Dev/ DreamLab: 9-13K: http://bit.ly/2KmIJNa
Node.js Dev/ DreamLab: 12-15K: http://bit.ly/2IFM49f
Front End Dev/ Koffeecup: 7-12K: http://bit.ly/2HN4iG5
JavaScript Dev/ Redvike: 6-10K: http://bit.ly/2wXSfEH
Frontend Dev/ DreamLab: 9-12K: http://bit.ly/2si1IB9
Junior Node.js/ YooniQ solutions: 5-8K: http://bit.ly/2kuQQMx

#java⤵
Senior Java Dev/ Codibly: 13-18K: http://bit.ly/2IAAmAe
Java Dev/ Nextbank Software: 8.4-13.5K: http://bit.ly/2KJRr8r
Senior Backend/ TSL: 12-15K: http://bit.ly/2GUvPDL
Senior Engineer/ TSL: 15-18K: http://bit.ly/2kuQSE9
Senior Java Dev/ ESGROUP: 13-19K: http://bit.ly/2reQO1y
Java Engineer/ Alten: 12-18K: http://bit.ly/2GOeBIX
Full Stack Java Dev/ Infracht: 8-13K: http://bit.ly/2I31dRR
Java Engineer/ DreamLab: 10-15K: http://bit.ly/2wqPDP4
Engineer Java/ VirtusLab: 12-18K: http://bit.ly/2zdYhhc
Fullstack/ Akamai: 9-12K: http://bit.ly/2HVNm45
Java Engineer/ Appliscale: 8-16K: http://bit.ly/2GXJAn3

#php⤵
Junior PHP/ Green Cell: 3-4.5K: http://bit.ly/2JdGC14
Junior PHP/ Green Cell: 3-4.5K: http://bit.ly/2GWONd8
PHP Dev/ Schibsted: 8-11K: http://bit.ly/2wYENjQ
PHP Dev/ ICEO: 8-12K: http://bit.ly/2IHE7Uz
Junior PHP Dev/ Find Group: 2.5-5K: http://bit.ly/2kwnu0x
PHP Dev/ Techforce: 9-12K: http://bit.ly/2HL949O
PHP Dev/ Mediaflex: 6-8.5K: http://bit.ly/2IEM8FY
Webdeveloper/ Openform: 5-8K: http://bit.ly/2KmLduS

#devops⤵
Senior DevOps/ G-Force: 11.5-16.5K: http://bit.ly/2IWZlxH
Senior DevOps/ VirtusLab: 14-18K: http://bit.ly/2HnJjZU
DevOps Engineer/ Appliscale: 8-16K: http://bit.ly/2GWazPK
Tech Lead/ VirtusLab: 16-22K: http://bit.ly/2Ji7Wrn
DevOps Engineer/ inFakt: 7-12K: http://bit.ly/2kwrSfM

#ruby⤵
Full stack/ Techforce: 9-14.5K: http://bit.ly/2wqPI5k
Ruby on Rails Dev/ Netguru: 6.5-8.5K: http://bit.ly/2HVNvo9
Senior Ruby/ Netguru: 10.5-15K: http://bit.ly/2I31qV9
Full-Stack Ruby Dev/ Luxdone: 4.5-9K: http://bit.ly/2JeBycT

#testing⤵
Senior Engineer/ TSL: 7-10K: http://bit.ly/2sl7VMv
Quality Lead/ DreamLab: 8-13K: http://bit.ly/2HUSRQo
Tester automat/ SpyroSoft: 11-13K: http://bit.ly/2Ht3WEt
Junior Engineer/ GlobalLogic: 5-7K: http://bit.ly/2Je2M3s

#other⤵
Data Engineer/ VirtusLab: 6-8K: http://bit.ly/2IGFeDS
Business Consultant/ Elitmind: 10-14K: http://bit.ly/2qQocZY
Engineer 100% remote/ Grafton: 7-9K: http://bit.ly/2HN4uoN
Customer Service/ Softnauts: 2.5-3.5K: http://bit.ly/2kutVkx

#dotnet⤵
Backend Dev/ McComp S.A.: 9-14K: http://bit.ly/2KmLu0S
Full-Stack Dev/ Esatto: 10-14K: http://bit.ly/2GWFOdv
.NET Dev/ Forte_ Digital: 10-14K: http://bit.ly/2GVMCba
.NET Dev/ Esatto: 10-14K: http://bit.ly/2E6PcIr

#scala⤵
Engineer Scala/ VirtusLab: 12-18K: http://bit.ly/2zcJJP4
Senior Big Data/ VirtusLab: 12-18K: http://bit.ly/2lxWXmD
Java / Scala Dev/ AVSystem: 12-15K: http://bit.ly/2x98JtN

#game⤵
Unity Dev/ GameDesire.: 8-12.5K: http://bit.ly/2wBinoB
Junior Dev / Intern/ Softnauts: 2.1-3K: http://bit.ly/2GWwRPN

#python⤵
Dev/ Amsterdam Standard: 7-11K: http://bit.ly/2IzJ0Qt

#ux⤵
Junior Designer/ Railwaymen: 2.5-5K: http://bit.ly/2sgeFLu

#html⤵
Front-end/ Infracht: 4-8K: http://bit.ly/2wklqRR

#c⤵
Embedded developer/ Efento: 8-11K: http://bit.ly/2KGWbvj

Dziękuję za wszystkie polecenia portalu https://justjoin.it znajomym programistom, to cały czas jest bardzo ważny czynnik tak szybkiego wzrostu ( ͡° ͜ʖ ͡°)

------------

➡ http://event.justjoin.it/ - Polscy programiści na świecie

➡ https://justjoin.it - mapa rynku pracy

➡ https://www.facebook.com/JustJoinIT/ - Just Join IT na FB

#pracait #justjoinit #justjoinitoferty pokaż całość

źródło: krakow.png

Ukazała się bezpłatna publikacja dla webmasterów, ułatwiająca przystosowanie stron do RODO. Jeśli szukasz dokumentu napisanego przystępnym językiem, a nie prawniczym bełkotem - polecam.
https://www.hekko.pl/blog/rodo/
#rodo #hosting #www #css #html #php - Wrzucam kilka tagów dla twórców i właścicieli stron. pokaż całość

źródło: rodo.jpg

#html #heheszki #pdk #tatuaze

źródło: img.izismile.com

Witam w kolejnym wpisie z cyklu [ #webstuff ]!
Dzisiejszy wpis zdominował JavaScript, ale czy na pewno powinniśmy go nadal tak nazywać? Dodatkowo przygotowałem dla Was małą atrakcję w postaci kodu zniżkowego, o czym na samym dole.

❶ Usuwanie duplikatów z tablicy przy użyciu obiektu "Set" z ES6.
https://imgur.com/a/qj2zfRg

❷ Podstawowa lista kontrolna bezpieczeństwa dla aplikacji internetowych.
https://bit.ly/2HPdUAJ

❸ Let's Encrypt (darmowe certyfikaty SSL/TLS) posiada już ponad 50% udziału w rynku.
https://bit.ly/2mouyzx

❹ 10 darmowych motywów #bootstrap 4.
https://bit.ly/2HMd5s9

❺ 13 wartych uwagi punktów z przewodnika po najlepszych praktykach JavaScript od Google.
https://bit.ly/2pSDblu

❻ Darmowy podręcznik z tego roku dla Front-endowców.
https://bit.ly/2EPK3F8

❼ Wpis o niefajnym trendzie rozmów o pracę w branży technologicznej: próbne projekty za darmo.
https://bit.ly/2F1qmu9

❽ Trik: Operator "+" w #javascript to skrót do konwersji ciągu znaków na liczbę.
https://imgur.com/a/ImslbN6

❾ Nowoczesny front-end development w 2018 roku, czyli czego powinieneś/powinnaś się nauczyć.
https://bit.ly/2Ix1U63

❿ Omówienie składni i właściwości ES6 wraz z porównaniem do ES5.
https://bit.ly/2JdauHn

⓫ Kilka przykładów bardzo wkurzających poczynań projektantów aplikacji i reklamodawców.
https://bit.ly/2HtAIIf

⓬ Darmowy kurs React w formie wideo, podczas którego stworzysz webową aplikację.
https://bit.ly/2HiSk6s

⓭ Strona, która zamieni Wasze odręczne pismo w komputerowy font.
https://www.calligraphr.com

⓮ JavaScript w 14 minut.
https://bit.ly/2K1AEOs

⓯ Rozszerzenia do Visual Studio Code dla programistów JavaScript.
https://bit.ly/2vw6nUT

⓰ Ścieżka nauki dla full stack dewelopera w 2018 roku.
Cz. 1: Front-end - https://bit.ly/2F1xma9
Cz. 2: Back-end - https://bit.ly/2vz8GXe

⓱ Dlaczego powinniśmy przestać nazywać JS... JavaScriptem?
TL;DR: Okazuje się, że Oracle jest właścicielem znaku towarowego "JavaScript".
https://tek.io/2qJ0VsP

⓲ W jaki sposób budować maile oparte o #html i CSS, by się dobrze wyświetlały w różnych klientach?
https://bit.ly/2GI4ObG

⓳ Jak działa w JavaScript silnik renderujący + wskazówki, jak zoptymalizować jego wydajność.
https://bit.ly/2HMSwvO

⓴ Detekcja twarzy w czasie rzeczywistym z obrazu z kamery wykonana w JavaScript w 200 linijkach kodu.
https://bit.ly/2qPG5XV

➡ #grafika / #webdesign
❶ Logo Paryża na Igrzyska Olimpijskie w 2024 roku. Sprytnie przedstawiono liczbę "2", "4" oraz wieżę Eiffla.
https://imgur.com/a/q9Ca6cc

❷ Facet poprawia UI różnych serwisów. Przykładowy film z pracy:
https://www.youtube.com/watch?v=S6-q5BheEYU

❸ Nie masz pomysłu na kombinację dwóch kolorów? To narzędzie "pomyśli" za Ciebie.
https://bit.ly/2HfKgHH

❹ Zauważyliście, że sporo horrorów do swoich plakatów używa tego samego fontu? Jest nim "Trajan".
https://imgur.com/a/G1YBXOR

❺ Tutorial, który pokazuje jak cieniować przy użyciu tekstur w Adobe Illustratorze.
https://youtu.be/e__cPyVUpE0

❻ Tajemnicze życie UX Designerów.
https://youtu.be/gfHcnig8Lo4

❼ "Oto wszystko, czego nauczyłem się podczas projektowania ponad 10 000 ekranów UI jako lead product designer."
https://bit.ly/2GfbehY

❽ Darmowe zdjęcia typu "mockups" z osobą o ciemnej karnacji.
https://bit.ly/2HhRXJo

➡ Inspiracje
❶ Ekran logowania z kreatywnymi animacjami.
https://i.imgur.com/5MpFURA.gifv

❷ Wspaniały przykład designu strony z lat 90. #gimbynieznajo
https://www.cameronsworld.net

❸ 30 zagrożonych gatunków zwierząt pokazanych w bardzo interesującej formie.
http://species-in-pieces.com/

❹ Bardzo minimalistyczne opakowanie płatków śniadaniowych. Prawda, że się wyróżnia?
https://i.imgur.com/ODER9Ta.jpg

❺ Animowany Mario w samym #css i HTML.
https://codepen.io/alcidesqueiroz/pen/MVJEwd

➡ Nowości
❶ Za trzy miesiące, GitHub przestanie wspierać Internet Explorer.
https://bit.ly/2J8mMk4

❷ Chrome 66 blokuje domyślnie autoodtwarzanie głośnych wideo.
https://bit.ly/2HG0DfW

❸ Photopea, czyli darmowy edytor grafiki przez przeglądarkę obsługujący pliki Gimpa, Sketcha i Photoshopa, wprowadził wektoryzację grafik rastrowych.
https://www.photopea.com

❹ Twórca Vue.js stworzył generator statycznych stron - VuePress.
https://vuepress.vuejs.org

❺ Brave Software przenosi swoją przeglądarkę o krok bliżej Chrome, co oznacza nowy wygląd i możliwość skorzystania z szeregu rozszerzeń.
Jeżeli nie wiecie co to za przeglądarka, to obejrzyjcie ten krótki filmik: https://vimeo.com/228418113
https://cnet.co/2JdfWKl

➡ #humorinformatykow
❶ Stwierdziłem, że do tej pozycji pasuje kategoria humorystyczna. Otóż T-Mobile twierdzi, że nie ma nic złego w przechowywaniu haseł w bazie danych czystym tekstem. #security
https://bit.ly/2HhD1Lk

➡ #cebuladeals
Monsteroid2 od TemplateMonster.com to uniwersalny motyw dla WordPressa. Wyposażony jest w prosty edytor bloczków, które wystarczy przeciągnąć myszką w odpowiednie miejsce. Każdy z bloczków odpowiada za inną funkcję wizualną. Posiada on 9 gotowych stylów. Motyw jest na licencji GPL, a to oznacza, że kupując go raz, możemy go wykorzystać na dowolnej liczbie stron.

Kod "webstuff" upoważnia Was do 50% zniżki na ten motyw, czyli zamiast 254 zł zapłacicie 127 zł (⌐ ͡■ ͜ʖ ͡■) Kod jest ważny do 10 maja.

-----------------------------------
Gdyby ktoś chciał sypnąć złotówą za moje publikacje, to może zrobić to tutaj: https://www.paypal.me/klocus/1 ( ͡° ͜ʖ ͡°) pokaż całość

źródło: monsteroid.png

Na taką dziś CAPTCHE się natknąłem ( ͡° ͜ʖ ͡° )つ──☆*:・ﾟ

#informatyka #capcha #it #programowanie #html #bezpieczenstwo

źródło: Screenshot-2018-4-4 Dodaj wpis.png

Witam po przerwie i zapraszam do kolejnego wpisu z cyklu [ #webstuff ]!

❶ Darmowe lekcje z bezpieczeństwa webowego. #security
https://www.hacker101.com

❷ Szyfrowany protokół HTTPS wyjaśniony na przykładzie gołębi pocztowych.
http://bit.ly/2n22sri

❸ Symulator NES (Nintendo Entertainment System w razie gdyby #gimbynieznajo) w #javascript.
http://bit.ly/2ENFe43

❹ Nowa wersja popularnej biblioteki JavaScript z alertami - SweetAlert2.
http://bit.ly/2FpHZpb

❺ Przewodnik po znaczniku <head> w #html.
https://gethead.info

❻ Darmowy przewodnik z ponad 50 wskazówkami, która mają sprawić, by strona była wyżej w wynikach wyszukiwania.
http://bit.ly/2HG5cnZ

❼ Dlaczego powinieneś / powinnaś używać walidacji formularzy w czystym HTML5? + Przykłady
http://bit.ly/2EM8vvL

❽ Darmowa książka o JavaScript. Pierwsze 12 rozdziałów omawia sam język JavaScript. Następne siedem rozdziałów dotyczy przeglądarek internetowych i sposobu, w jaki JavaScript jest używany do programowania. Na koniec, dwa rozdziały poświęcono Node.js.
http://bit.ly/2CDOHow

❾ basicScroll pozwala na zmianę zmiennych CSS w zależności od pozycji scrolla. Użyj zmiennych bezpośrednio w swoim CSS, aby animować cokolwiek chcesz.
http://bit.ly/2F2gNPx

❿ Wpis wyjaśniający działanie CORS (Cross-Origin Resource Sharing), czyli rządania AJAX pomiędzy serwerami.
http://bit.ly/2FpRh4l

⓫ Biblioteka JavaScript, która obsługuje Force Touch, 3D Touch oraz Pointer Pressure.
https://pressurejs.com

⓬ 100 projektów na 100 dni z JavaScript.
https://100dayz.js.org

⓭ Nowoczesny #css dla dinozaurów.
http://bit.ly/2ot1Ag1

⓮ Zbiór darmowych zdjęć, ikon, szablonów, fontów itd.
http://allthefreestock.com

⓯ TIP: JavaScript Array.from() akceptuje drugi argument będący funkcją "map".
http://bit.ly/2F06cED

⓰ Najważniejsze trendy JavaScript do śledzenia w 2018 roku.
http://bit.ly/2CSq7Ff

⓱ Kanał wykładowcy akademickiego, który uczy JavaScriptu oraz Cordovy.
http://bit.ly/2ELBxM6

⓲ Front End Interview Handbook: Kolekcja pytań na rozmowie o pracę.
http://bit.ly/2ELBWy6

⓳ Przydatne narzędzie, które pomaga skonstruować skomplikowane kształty dla właściwości CSS "clip-path".
http://bit.ly/2EKuV0B

⓴ Gra, w której trzeba zgadąć czy wyświetlana nazwa to font czy rasa świnek.
http://typefaceortrotters.com

➡ #grafika / #webdesign
❶ Strona, która generuje randomowe zlecenia od klientów na logo, dzięki czemu można sobie poćwiczyć.
https://fakeclients.com

❷ Typografia Popkultury - Teledysk ze znanymi logo. Rozpoznacie wszystkie?
https://youtu.be/WwyqQ-o6zHA

❸ Lista stron z darmowymi zdjęciami (Free stock photos).
http://bit.ly/2osm097

❹ Prosty generator palet kolorów.
https://pigment.shapefactory.co/

❺ 7 praktycznych wskazówek odnośnie projektowania interfejsów i stron.
http://bit.ly/2ERaVZo

❻ Wybór fontów: Przewodnik dla początkujących od Google.
http://bit.ly/2C9e71I

➡ Inspiracje
❶ Animowany avatar podczas wpisywania maila i hasła.
http://bit.ly/2F0kSDH

❷ Animacja "kodowania" w CSS.
http://bit.ly/2EP57fR

❸ Fajna animacja kursora.
https://iohk.io

❹ #apple iMac z efektem 3D podczas przewijania strony.
http://bit.ly/2GGFIFF

❺ Bardzo ładnie zaprojektowana strona + nowe narzędzie do projektowania stron i aplikacji.
https://phase.com

➡ Nowości
❶ Chrome od wersji 68, która ukaże się w lipcu tego roku będzie oznaczał strony bez HTTPS jako niebezpieczne.
http://bit.ly/2ENJsrE

❷ React Native zmienił licencję na MIT.
http://bit.ly/2sObUEP

❸ Gmail z AMP - bardziej interaktywne e-maile.
http://bit.ly/2olUjzp

❹ Nowa wersja chyba najlepszego silnika gier HTML5 - Phaser 3.1.2.
http://phaser.io

❺ Chrome w przyszłych wersjach będzie miało wbudowaną funkcję "Image Lazy Loading".
http://bit.ly/2CeHTC4

➡ #humorinformatykow
#tylkonocny ( ͡° ͜ʖ ͡°) pokaż całość

źródło: blind-people.png

Mirki, bo napisałem trochę takie dziwadło do:
przenoszenia treści między komputerem a telefonem.
Zastosowań można znaleźć więcej - choćby lista zakupów...
Oczywiście są inne rozwiązania - ale takie wydaje się mi najlżejsze
No i link: http://zxcv.one
#programowanie #jquery #html #notatnik pokaż całość

źródło: Zrzut ekranu 2018-02-07 o 15.38.48.png

wszystkie linki: webMASTAH.weekly.045 – Programowanie funkcyjne – Powtórka przed ReactJS

TOP5 tego wydania (wg. waszych klików):

1. Pasek postępu, który rozszerza się podczas przewijania strony internetowej

2. Pyrrusowe zwycięstwo

3. Programowanie funkcyjne – Powtórka przed ReactJS #11 #react #js

4. What’s New in HTML 5.2? #html

5. Modern JavaScript Cheatsheet #javascript

Kto chce mieć zawsze na mailu ten się zapisuje
a kto ma ból dupy ten czarnolistuje -> #webmastahweekly (albo obserwuje)

Możesz też zapisać się na mirkolistę -> http://mirkolisty.pvu.pl/list/0HVUxc7LPdhpDUkU
a zostaniesz zawołany przy kolejnym wydaniu.

#webmastah #webdev #webmastahweekly pokaż całość

źródło: i.imgur.com

Część dalsza kodu w CSS. Na razie żaba w trakcie tworzenia. Ale tekstury już są dookoła nałożone. Są nawet drzwi wyjściowe z widokiem na parking.
#css #html #webdev #cssdemo

pokaż spoiler Uwaga, Gif 6 MB - się tnie, bo komputer między innymi się do formatowania nadaje. Zwykle działa płynnie, jak bez tekstur, jak w poprzednim wpisie. Przechwytywanie ekranowe również przyczynia się do spowolnienia 4-rdzeniowego AMD APU A6.
pokaż całość

GIF

źródło: aba w galerii handlowej.gif (5.8MB)

#cssdemo #html #css #grafika #grafika3d #webdev →starsze wpisy←

Bardzo rzadko coś udostępniam i porabiam w html'u, ale tym razem chciałem się pochwalić dziełem - Schody ruchome (⌐ ͡■ ͜ʖ ͡■)
Nie jest to winda, o której myślałem 1,5 roku temu, ale zawołam komentujących pod starym wpisem - @h3xxx @garsi @marcinzwwa @macjan_666

Udostępniam kod CSS do starej pracy, w której użyłem JS jedynie do uzupełnienia CSS'a, by obliczyć współrzędne. LINK

W poniższej animacji nie użyłem ani linijki kodu w skrypcie. Jedynie czysty CSS, w którym można przestawiać bloczki na stronie, i animować i zmieniać właściwości gdy html-owy ☑ "checkbox" jest wciśnięty. Np.:

#przycisk: checked ~ #prostokat { backgroud-color: green; }

Co oznacza - jeśli ☑ o nazwie "przycisk" jest przyciśnięty, to zaaplikuj na "prostokat" zielony kolor.
Czyli jak odznaczymy przycisk, to prostokąt przestaje być zielony.
☑ można ukryć, i np. cała skrzynia jak w powyższym przykładzie jest taką kopią tego przycisku, odnośnikiem. Klikniesz w skrzynie, to ta skrzynia przyciśnie ukryty przycisk za ciebie - i wtedy np. skrzynia się otworzy.

Przez te lata jednak mój kod stał się bardziej przejrzysty. Dużo w tym nie siedzę. Tak jak te skrzynie z powyższego linku, kod jest za mało wydajny. CSS traci na wydajności jeśli tak kopiujemy właściwość CSS dla każdego z elementu (prostokąta) z osobna

- czyli coś tego typu:
"niech ten prostokąt będzie niebieski, niech ten prostokąt będzie niebieski, i jeszcze ten, .."
- zamiast tego wydajniejszy kod:
"pogrupuję te wszystkie prostokąty, i wszystko co znajdzie się w grupie będzie niebieskie"

Taka sytuacja jest oczywista, ale staje się to zagmatwane, gdy kodu zaczyna przybywać i przybywać.

Schody w 26 KB (sam tekst, brak tekstur): pokaż całość

GIF

źródło: anim.gif (211KB)

Hoł, hoł, hoł! Nieważne czy byliście w tym roku grzeczni czy nie, ja i tak przygotowałem dla Was [ #webstuff ]!

❶ Nie masz czasu lajkować postów swojego różowego paska na Instagramie? Nie ma problemu! Z pomocą przychodzi bot, który zrobi to za Ciebie i powiadomi o tym na Slacku ;-)
http://bit.ly/2C1ftuM

❷ Kolekcja skrawków kodu #javascript, które można zrozumieć w 30 sekund bądź mniej.
https://30secondsofcode.org

❸ 80% witryn jest "napędzanych" przez PHP, lecz 90% z nich korzysta z #php w wersji 5...
http://bit.ly/2BWNTfT

❹ 450 darmowych kursów informatycznych, które możesz zacząć już dziś (albo dodać do zakładek)!
http://bit.ly/2AoEA9v

❺ Thimble to edytor kodu online, który ułatwia tworzenie i publikowanie własnych treści podczas nauki HTML, #css i JavaScript. W narzędziu możemy tworzyć tutoriale, np. dla naszych uczniów.
https://thimble.mozilla.org

❻ Turbo to bardzo szybki klient NPM (instaluje paczki 5x szybciej niż NPM).
http://bit.ly/2jgP7dD

❼ Dlaczego CSS Grid jest lepszy do budowy szkieletu strony niż Bootstrap?
http://bit.ly/2DGCW2w

❽ Jak podłączyć się do API w czystym JavaScript? Tutorial dla początkujących.
http://bit.ly/2kpIMMP

❾ Krótki przewodnik, którzy przygotuje Cię przed rozmową o pracę na stonowisko front-endowca.
http://bit.ly/2DBO4gV

❿ Kanał YT z filmami z zagranicznego uniwersytetu, dzięki którym poznacie Angulara, jQuery, node.js i wiele innych technologii.
http://bit.ly/2l2Hmbq

➡ #grafika / #webdesign
❶ The Futur - kanał, który rozkłada znane grafiki na czynniki pierwsze, uczy designu, identyfikacji wizualnej itd.
https://www.youtube.com/user/TheSkoolRocks/

❷ Ewolucja logo znanych niemieckich marek.
https://imgur.com/a/2vddZ

❸ Ponad 100 godzinny kurs (płatny, ale 7 dni za darmo) dla osób, które chcą zdobyć wiedzę z zakresu UX.
https://uxclub.com

❹ 170 responsywnych bloczków Bootstrapa dostępnych za darmo.
http://bit.ly/2BrKLaE

➡ Inspiracje
❶ Timelapse z bardzo ciekawej kompozycji stworzonej w #photoshop.
https://youtu.be/C4v9QcTt1Cw

❷ Bardzo elastyczny i imponujący Morty z serialu #rickandmorty.
http://bit.ly/2A2JKId

❸ CSS Glitch Effect.
http://bit.ly/2BVqQSC

➡ Nowości
❶ Amazon uruchomił Web IDE oparte o znane wielu deweloperom Cloud9.
http://amzn.to/2ALxFYX

❷ Strona Białego Domu zmieniła CMS z Drupala na WordPress.
https://www.whitehouse.gov

❸ Chrome od połowy lutego przyszłego roku zacznie blokować szczególnie irytujące reklamy.
http://bit.ly/2pmbrYD

➡ #ciekawostki
❶ Gary Anderson to człowiek, który w wieku 23 lat (1970) zaprojektował wszystkim nam znany znak recyklingu (3 zwinięte strzałki).
https://imgur.com/a/3c5X7

❷ Wiecie co robi znacznik <wbr> w #html? Spoko, ja nawet nigdy go nie użyłem :D
http://bit.ly/2BVnbnQ

❸ Witryna Peugeot używa modelu 404 jako stronę "404 Not Found".
https://imgur.com/a/azQ4z

❹ Wiecie, że w #windows10 jest OpenSSH? Dostępny jest z poziomu CMD oraz PowerShell.
http://bit.ly/2plZG4G

❺ Dyslexie to specjalny font opracowany i zaprojektowany dla osób z dysleksją, która ułatwia czytanie, uczenie się i pracę.
https://imgur.com/a/DhuJi pokaż całość

źródło: zyczenia.jpg

Mirki, dziś darmowy #ebook z #packt: "Responsive Web Design with HTML5 and CSS3"
https://www.packtpub.com/packt/offers/free-learning

Polecam obserwować: #packtpubfreelearning

pokaż spoiler Jeśli ktoś się spóźni i chce książkę proszę od razu na PW adres email wraz z tytułem książki. Zgodnie z polskim prawem nie można legalnie udostępnić tych zasobów masowo. Ale można bezpośrednio, korzystając ze stosunku towarzyskiego, więc podeślę.


pokaż spoiler Chętnie wyślę, ale pojedyncze pozycje i tylko archiwalne. Bieżące są dostępne do ściągnięcia z oficjalnej strony Packtu. By nie było tak, że się napracuję z wysyłką wielu pozycji, które nawet nie zostaną przeczytane. Nie mam nic przeciw by za jakiś czas, po przeczytaniu wcześniejszych pozycji, dosłać kolejne. #it #programowanie #responsivedesign #rwd #html #css #webdesign #frontend #zadarmo #pracaupodstaw #pracaorganiczna
pokaż całość

źródło: d255esdrn735hr.cloudfront.net

#divyzwykopem #heheszki #html #div #webdev
Przez wykop inaczej patrzę na Divy w kodzie strony

źródło: Capture.PNG

Jeśli masz hosting na #zenbox to sprawdź czy na twoim serwerze nie znajduje się folder "srch" - jest to narzedzie do edycji bazy danych. Znalazłem je przypadkiem, jak się okazało zostawił je jakiś nierozgarnięty pracownik i leżało sobie tak kilka miesiący wyświetlając moje hasła oraz loginy.
Narzędzie to otwierało się po wpisaniu domena/srch

#hosting #afera #wykopefekt #php #html pokaż całość

źródło: Screen Shot 2017-11-29 at 13.13.16.png

#meme #css #html #frontend #heheszki

źródło: memegenerator.net

Psst! Całkowicie świeży towar z tagu [ #webstuff ] Chce ktoś?

❶ Jak używać SVG jako pleceholdera + inne techniki ładowania obrazów.
http://bit.ly/2jsO1yk

❷ Czym jest "source map"?
http://bit.ly/2AIxlqO

❸ Fizyka w #javascript z wykorzystaniem Matter.js.
http://bit.ly/2AGOKiS

❹ Katalog darmowych kursów dla deweloperów.
http://bit.ly/2zZ3Dk7

❺ Code School jest dostępne za darmo w najbliższy weekend (17-19 listopada).
http://bit.ly/1QLH8f3

❻ Porównanie kilku najpopularniejszych frameworków JavaScript.
http://bit.ly/2zK0Ic3

❼ 7 frameworków do automatycznego testowania aplikacji #php.
http://bit.ly/2zBWB4d

❽ Github Help Wantend to strona, która agreguje open-source'owe projekty, które potrzebują Waszej pomocy lub zaangażowania.
http://github-help-wanted.com

❾ Stackview to wtyczka do Google Chrome, która pokazuje listę technologii, w jakich została stworzona przeglądana strona.
http://bit.ly/2zKYlWq

❿ Animowany placeholder treści (jak na Facebooku) w SASS i #html.
http://bit.ly/2AJkrrE

⓫ Kilka użytecznych wskazówek pisania zgrabnego kodu w JavaScript.
http://bit.ly/2z2Dscn

⓬ Przyspieszamy stronę - 8 przydatnych wskazówek na front-end.
http://bit.ly/2ALjYGb

⓭ Wonder CMS to mikro system zarządzania treścią, który zawiera jedynie 5 plików.
https://www.wondercms.com

⓮ a11y.css to plik #css, który pokaże błędy w zastosowanym kodzie HTML, np. poinformuje o pustym atrybucie "alt".
http://bit.ly/2zL0v8F

⓯ Interfejs API dla publicznych danych Instagrama, działa bez uwierzytelniania ;-)
http://bit.ly/2hv3mKK

⓰ Budowanie układu Trello za pomocą CSS Grid i Flexbox.
http://bit.ly/2gVUNLZ

⓱ Zanurz się i poznaj cuda modelu CSS Flexible Box.
http://bit.ly/2yKmb3D

⓲ Ostateczny przewodnik po CSS Flexbox - nauka poprzez przykłady.
http://bit.ly/2zxrKpM

➡ #grafika / #webdesign
❶ Kolekcja dobrych przykładów UX.
https://www.reallygoodux.io

❷ IBM rzuciło sobie wyzwanie na stworzenie nowej Helvetici. Font o nazwie "IBM Plex" jest dostępny za darmo.
http://bit.ly/2jgkiZx

❸ Darmowe ikony dostępne jako SVG i Web Font.
http://picol.org

❹ Font "Futura" obchodzi 90-te urodziny!
http://bit.ly/2jqzhjr

❺ Darmowy font Metropolis.
http://bit.ly/29LjRBk

❻ Ikony kryptowalut.
http://bit.ly/2iXpvSj

➡ Nowości
❶ Firefox 57, czyli interfejs Photon, silnik Servo, Quantum CSS.
https://mzl.la/2yYXzYT

❷ WebAssembly obsługuje już wszystkie popularne przeglądarki.
https://mzl.la/2zBMFYB

❸ Nowa wersja Bolt CMS (3.4.0).
http://bit.ly/2yDz3s2

❹ Nowa wersja Spectacle (4.0) - biblioteki React.js do tworzenia prezentacji.
http://bit.ly/2zEntkc

❺ Podkreślenia tekstu w Google Chrome 64 mają od teraz przerwę.
https://imgur.com/ZwheMZF

➡ #ciekawostki
Wiecie, że w #windows #windows10 możecie wpisać w pasek adresu eksploratora słowo "cmd" lub "powershell", aby uruchomić wiersz polecenia? pokaż całość

źródło: cmd.png

Mirki, dziś darmowy #ebook z #packt: "Mastering Bootstrap 4"
https://www.packtpub.com/packt/offers/free-learning

Polecam obserwować: #packtpubfreelearning

Jeśli ktoś się spóźni i chce książkę proszę od razu na PW adres email wraz z tytułem książki. Zgodnie z polskim prawem nie można legalnie udostępnić tych zasobów masowo.

pokaż spoiler Od razu zaznaczam, że chętnie wyślę, ale pojedyncze pozycje i tylko archiwalne. Bieżące są dostępne do ściągnięcia z oficjalnej strony Packtu. By nie było tak, że się napracuję z wysyłką wielu pozycji, które nawet nie zostaną przeczytane. Nie mam nic przeciw by za jakiś czas, po przeczytaniu wcześniejszych pozycji, dosłać kolejne. #programowanie #bootstrap #css #html #frontend #web #it #packtpub #zadarmo
pokaż całość

źródło: d1ldz4te4covpm.cloudfront.net

Jest i nowy tydzień! Zapraszam do prasówki z ofertami pracy dla Frontend Developerów. ( ͡° ͜ʖ ͡°) #justjoinitoferty odc#118

[Zdalnie]⤵
Front-end Dev/ Netguru: 6.5-8.5K: http://bit.ly/2vaUzGc
Vue / React/ Human: 8-14K: http://bit.ly/2vY5Ndp
React Dev/ Netguru: 6.5-8.5K: http://bit.ly/2uPXNfw
Mid JS Dev/ Skylegs: 2.4-2.6K EUR: http://bit.ly/2wIxmN7
Senior JS Dev/ IT Kontrakt: 15-20K: http://bit.ly/2whwPOw
JS Dev/ CodersFirst: 2.1-4.2K EUR: http://bit.ly/2yRojH0
React Dev/ Codepany: 6-8K: http://bit.ly/2uQpuVE
ReactJS Dev/ PQ studio: 5-8K: http://bit.ly/2xpRcfY
NodeJS/ ClearMedia: 4.8-8K: http://bit.ly/2vdMsWQ
Senior/ VentureDevs: 11-14K: http://bit.ly/2wBASrS
Front-end Dev/ VentureDevs: 8-11K: http://bit.ly/2x7PW1s
React Dev/ Spark Solutions: 4-10K: http://bit.ly/2gWhITq
React/Angular dev/ GogoApps: 12-17K: http://bit.ly/2yy7xMP
React Dev/ NP: 8-12K: http://bit.ly/2vaoL4j
JavaScript Dev/ ITSG: 5-10K: http://bit.ly/2yzM5HE

[Warszawa]⤵
Frontend Dev/ Inspire Labs: 5-8K: http://bit.ly/2uQ0kX0
Frontend Dev/ workinIT: 5-9K: http://bit.ly/2vXOGbH
JavaScript Dev/ xsolve: 6-15.5K: http://bit.ly/2vatfYt
Regular JavaScript Dev/ QiBit: 8-16.8K: http://bit.ly/2yzMcD4
Full Stack Dev/ IIIT: 10-13K: http://bit.ly/2xpRvYa
Frontend/ Panowie Programiści: 3-8K: http://bit.ly/2gXrnte
(Senior) Frontend/ Codility: 11-15K: http://bit.ly/2vaCQi1
Frontend Senior Dev/ Sotrender: 9-13K: http://bit.ly/2yRtW88
Angular 2.0/ Upnext: 8-12K: http://bit.ly/2whtaQU
JavaScript Dev/ Opera TV: 8.5-13.5K: http://bit.ly/2wAXoRK
Frontend Dev/ softheart: 3-6K: http://bit.ly/2x9mnwi
HTML/CSS Dev/ Ideamotive: 2.5-5K: http://bit.ly/2yRBub6
Lider Front-end/ IT Connect: 12-16K: http://bit.ly/2gWF9w3
Senior JS Dev/ Pizzaportal: 12-15K: http://bit.ly/2vaucQP
Regular React/ Ideamotive: 4.5-12.5K: http://bit.ly/2whc45N
Senior JS Dev/ SMACC: 10-15.5K: http://bit.ly/2yR8qjO
Javascript/Angular/ PolChip: 7-13K: http://bit.ly/2uQhpQH
Frontend JS Dev/ Evojam: 7.5-13K: http://bit.ly/2yydPwg
Frontend Dev/ Fintech Solutions: 5-7K: http://bit.ly/2wp6QZ6
Frontend Dev/ softheart: 7-12K: http://bit.ly/2uQnPiP
Senior Frontend/ codequest: 10-15K: http://bit.ly/2uPNiZz
Frontend Dev/ Syzygy: 8-12K: http://bit.ly/2yiVvXE
Senior Frontend/ ZnanyLekarz: 8-12K: http://bit.ly/2vYgNHF
Senior [React] Dev/ NP: 14-24K: http://bit.ly/2vaNBAP
Angular 2/4 Dev/ InFront: 11-16K: http://bit.ly/2uQafMm
Frontend Dev/ TopstepTrader: 17-22K: http://bit.ly/2yzMAl0
React Dev/ Spark Solutions: 4-10K: http://bit.ly/2gWhITq
Junior frontend Dev/ Perfect Gym: 3-6K: http://bit.ly/2x7QbJU
React/Angular dev/ GogoApps: 12-17K: http://bit.ly/2yy7xMP
Full Stack Dev/ TogetherData: 10-12K: http://bit.ly/2x7Qe8y
Frontend Dev/ ZnanyLekarz: 4-8K: http://bit.ly/2uQh5Sc
JavaScript Dev/ ITSG: 5-10K: http://bit.ly/2yzM5HE
React Dev/ Indigobird: 11-13K: http://bit.ly/2yRoCl8

[Kraków]⤵
Front End Dev/ Codibly: 6-9K: http://bit.ly/2wJzBzE
Front-end Dev/ Nopio: 4-7K: http://bit.ly/2vaNndc
Senior JavaScript Dev/ Elmodis: 9-13K: http://bit.ly/2vaSV7z
Full-Stack Dev/ GlobalLogic: 8-14K: http://bit.ly/2vdFykm
Front-end Dev/ Smultron: 7-8K: http://bit.ly/2wC0jtj
Frontend Dev/ Schibsted: 9-12K: http://bit.ly/2gXmSim
[Angular] Frontend Dev/ TVT: 7-11K: http://bit.ly/2vaNCET
Angular developer/ Smultron: 10-13K: http://bit.ly/2uPUuVP
Front-end Dev/ Futuramo: 12-18K: http://bit.ly/2yzMAS2
Front-End Dev/ GlobalLogic: 8-11K: http://bit.ly/2vaC1FV
NodeJS Backend Dev/ Elmodis: 9-13K: http://bit.ly/2uPPj8j
Front-end developer/ Miquido: 7-12K: http://bit.ly/2uQh8gQ
Senior Front-End/ GlobalLogic: 8-14K: http://bit.ly/2vwbmnm
Front-end Dev/ Futuramo: 8-16K: http://bit.ly/2wJUnz7
Senior JS/ ITMAGINATION: 11-16K: http://bit.ly/2wowrBa
Front-end Dev/ Find Group: 6-8K: http://bit.ly/2whc59R
Full Stack Dev/ Joymile: 5-8.75K: http://bit.ly/2wJOpOY
Frontend Dev/ NewPerspective: 8-12K: http://bit.ly/2uQfNqp
Senior Frontend/ j-labs: 8-14.5K: http://bit.ly/2yyeOwo

[Wrocław]⤵
Front-End Web Dev/ Bright IT: 8-13K: http://bit.ly/2wwBqOD
Front-End Dev/ Droids: 6.5-8.5K: http://bit.ly/2uQ6ExZ
Senior Front-end Dev/ RST: 7-12K: http://bit.ly/2wI5TLj
Front-end Dev/ MoreFromIT: 4-10K: http://bit.ly/2x8GAlW
Node.js Dev/ Ladder: 8-18K: http://bit.ly/2wBOjb2
Senior JS/ Exchange Tech: 7-15K: http://bit.ly/2gXmEb0
JavaScript Dev/ IT hunters: 10-18K: http://bit.ly/2vwxkqp
Senior Front-End Dev/ Tigura: 12-16.5K: http://bit.ly/2vaC2tt
Java Script Dev/ Lama Media: 7-12K: http://bit.ly/2vaskHq
Full Stack Web Dev/ LiveChat: 6.3-10K: http://bit.ly/2uQ4caA
Front-end Dev/ STX Next: 5.3-13.6K: http://bit.ly/2uQpy7Q
Junior JS/ Lama Media: 3.2-5K: http://bit.ly/2uPK7RH
Senior JS/ Exchange: 1.7-3.5K EUR: http://bit.ly/2wpM7o4
Angular Dev/ Ladder: 8-14K: http://bit.ly/2whc8SS
Front-End Dev/ Monterail: 5.3-7.7K: http://bit.ly/2vdIayT
Senior JS/ LiveChat: 14-18K: http://bit.ly/2vatiDD
Frontend Dev/ Sprzedajemy.pl: 8.5-13K: http://bit.ly/2yjMu0w
React Dev/ Opstalent: 12-16K: http://bit.ly/2x7S3Cj
Frontend/JS Dev/ NP: 8-12K: http://bit.ly/2vwtKMC

[Poznań]⤵
Front-end Dev/ Netguru: 6.5-8.5K: http://bit.ly/2vaUzGc
JavaScript Dev/ Slideworx: 5.5-10K: http://bit.ly/2xq8n15
JUNIOR FRONTEND/ aveneo: 2-4K: http://bit.ly/2wh2NdP
Senior Frontend/ VentureDevs: 11-14K: http://bit.ly/2wBASrS
Regular Front/ Merixstudio: 5.95-10.2K: http://bit.ly/2vb3C9Y
Front-end Dev/ VentureDevs: 8-11K: http://bit.ly/2x7PW1s
JavaScript Dev/ Slideworx: 5.5-10K: http://bit.ly/2xq8n15

[Gliwice]⤵
Node.js Micro-Service Dev/ SAP: 8-12K: http://bit.ly/2wMSdij
Programista JS/ Skygate: 6-10K: http://bit.ly/2vaANKV
Frontend Dev/ Jazzy Innovations: 6-11K: http://bit.ly/2uPXQrI
Front end Dev/ Chilid: 3-7K: http://bit.ly/2wO7WOc
JavaScript Dev/ XSolve: 6-13K: http://bit.ly/2vaHigW

[Katowice]⤵
Senior JS Dev/ IT Kontrakt: 15-20K: http://bit.ly/2whwPOw
Frontend React/ Codepany: 6-8K: http://bit.ly/2uQpuVE
[Angular] Dev/ TVT: 5-9K: http://bit.ly/2yAexcl
Frontend Dev/ Clearcode: 8-11K: http://bit.ly/2uPXAJv
Full-stack JS/ rspective: 7-12K: http://bit.ly/2uQnTz5
Node.js Dev/ NBC: 10-14K: http://bit.ly/2wNz5kg
Front-End Dev/ NBC: 10-16K: http://bit.ly/2vagcX4

[Trójmiasto]⤵
Web Dev/ Spartez: 9.2-17.8K: http://bit.ly/2uQpzsq
Angular.JS Dev/ ITFS: 4.5-6.5K: http://bit.ly/2wBM4EL
Frontend Dev/ Schibsted: 8-10K: http://bit.ly/2uPSexK
Node.js Engineer/ Schibsted: 10-12K: http://bit.ly/2wNz7so

[Łódź]⤵
Full stack JS/ goodylabs: 5-12K: http://bit.ly/2vaC7xh
Frontend Dev/ Fitqbe: 4-7K: http://bit.ly/2gW0zt4
Senior Front-end/ Transition: 7-15K: http://bit.ly/2uPXB01

[Bielsko-Biała]⤵
Frontend Dev/ Jazzy Innovations: 6-11K: http://bit.ly/2vauiYH
Front-end Dev/ IT hunters: 5-9K: http://bit.ly/2whb6GQ

[Antwerpia]⤵
Mid JS/ Skylegs: 2.4-2.6K EUR: http://bit.ly/2wIxmN7

[Berlin]⤵
Frontend Dev/ CodersFirst: 2-4K EUR: http://bit.ly/2yRojH0

[Biała Podlaska]⤵
Angular Dev/ ClearMedia: 4.8-8K: http://bit.ly/2vdMsWQ

[Szczecin]⤵
[Angular4] Frontend Dev/ TVT: 5-9K: http://bit.ly/2wO6aMT

[Piastów]⤵
Senior Frontend/ Davis Nolan: 10-20K: http://bit.ly/2yB1NC6

[Gorzów Wielkopolski]⤵
ReactJS Dev/ PQ studio: 5-8K: http://bit.ly/2xpRcfY

Każdy może za darmo dołączyć do prasówki, wystarczy dodać ogłoszenie w ciągu 1 minuty w tym miejscu:

http://justjoin.it/add-offer

➡ Poznaj nową odsłonę http://justjoin.it

➡ Daj znać, czy jest to wg Ciebie zmiana na lepsze?

http://justjoin.it/ To największy job board dla polskiej branży IT, gdzie tylko w ciągu ostatnich 30 dni niemal 300 firm dodało już 650 ogłoszeń pracy... Starałem się zrobić jeszcze bardziej wygodną stronę z ogłoszeniami pracy dla programistów i dać Wam największy wybór.

Pozdrawiam!✌

#justjoinitoferty #pracait #programowanie #it #programista15k #informatyka #webdev #javascript #frontend #html pokaż całość

źródło: javascriptnowa.png

Siema Mirki i Mirabelki! ( ͡° ͜ʖ ͡°)

Dziś wyjątkowo nie będzie prasówki... albowiem nadeszły spore zmiany... ( ͡º ͜ʖ͡º) mam dla Was do zaprezentowania NOWY layout ( ͡° ͜ʖ ͡°)

Wejdź na http://justjoin.it/ i przekonaj się sam...

Zrugaj, oceń szczerze, czy Ci się podoba, czy nie, co do Ciebie przemawia, a co nie trafia?

Ostatnie tygodnie to praca właśnie nad tym... Sporo się pozmieniało... przede wszystkim zupełnie inne filtry, tylko po technologiach, zamiast ogólnych i niekonkretnych: frontend/ backend... Inaczej wygląda też samo ogłoszenie. Inne są kolory mapy, markerów... a także wersja mobilna.

Generalnie dużo zmian, ale to raczej ewolucja, niż rewolucja.

Najważniejsze zmiany ⤵

1. bardziej klarowny wygląd ogłoszenia
2. które będzie miało wyróżnione skille,
3. jest też nowa wersja mobilna,
4. konkretne filtrowanie, po prostu po technologiach,
5. ale jak chcesz, to może być i po kasie,
6. lub po junior/ mid/ senior

Wszystko tak łatwe, że już chyba bardziej się nie da, ale oceń sam, czy poszliśmy w dobrym kierunku? W końcu robimy to (ja i mój ziomeczek - Homer) dla programistów. Wspólnymi siłami, możemy dać coś jeszcze lepszego dla Ciebie. ✌

Także niemal dokładnie 7 miesięcy po pierwszej odsłonie naszego portalu, prezentujemy Tobie wersję 2.0, także enjoy! ( ͡° ͜ʖ ͡°)

➡ http://justjoin.it/

Zajrzyj, sprawdź jak śmiga i podrzuć znajomym z branży, będziemy wdzięczni za wsparcie. Symboliczna wykop górę będzie dla mnie czymś fantastycznym, znakiem, że temat idzie w dobrym kierunku.

Stay tuned!

#justjoinit #justjoinitoferty #pracait #programowanie #it #programista15k #informatyka #webdev #java #scala #html #javascript #frontend #backend #ruby #python #devops #startup pokaż całość

źródło: poznaj nowy layout.png

Piątkowo ( ͡° ͜ʖ ͡°)

#html #humorinformatykow #humorobrazkowy

źródło: scontent-frt3-2.xx.fbcdn.net

Mirki i mirabelki z #trojmiasto (#Gdansk #gdynia #sopot)

#praca szuka #programista15k. Stanowisko obejmuje szeroko pojete #programowanie na chwalebnym stanowisku SharePoint Dev (UoP 84-130k PLN/rok) i Senior SharePoint Dev (100-150k PLN).

#sharepoint jaki jest kazdy wie, a jak nie wie to #havenofear. HR wyslali nam zapytanie o ludzi o (lol) jakiejkolwiek z wymienionej umiejetnosci #aspnet #csharp #jquery #javascript #java (bo obserwujo) #html #html5 #css #xml wiec jest czas na rozruch tak by nie skonczyc jak #krychowiak

Firma fajna bo Gold Parner #microsoft z coraz wiekszym portfelem zamowien. Dzialamy na terenie #uk. W Gdansku szef postanowil sobie otworzyc biuro bo mu sie podobalo na #euro2012. ( ͡° ͜ʖ ͡°)

Narazie jest tu nas w Polsce 5 i jeden przybedzie wkrotce. Ogolnie zaden walek tylko porzadny pracodawca.
Jedzie sie na dwa tygodnie (ja tyle bylem jako ostatni, jeden kolega 3 miechy, inni po miesiacu) do #londekzdroj i to jest twoj taki ala staz ale bardziej chodzi o to zeby przybic piatki z innymi.
Na chwile obecna jest nas troche ponad 100 a firma przeksztalca sie z malej w srednia (realia UK :D) i to tez fajny czas zeby wejsc do tego autobusu.

Wiecej moge poopowiadac na priv jakby ktos chcial cos wiedziec. Chetnie tez kogos polece bo zgarne za to #cebuladeals (⌐ ͡■ ͜ʖ ͡■)

Aha co do zarobków, to wszystko kwestia doswiadczenia i umiejetnosci, tak naprawde to #skyisthelimit i umiejetnosci negocjacji (dla #niesmialkow polecam po prostu strzelac w wyzsze i tyle ;])

Aha.. i niektorych moze odstraszyc ale pracujemy na HP + WIN 10 :) Apple to raczej prywatnie jakby ktos chcial bo w biurze nie widzialem ich za bardzo :D No ale gold MS wiec chyba oczywista oczywistosc. pokaż całość

Jest moc XD
#programowanie #programista15k #python #html #css

źródło: Untitled.jpg

Cześć! Poniedziałek z prasówką dla Mirków-Frontendowców ( ͡° ͜ʖ ͡°) #justjoinitoferty odc#78

poniedziałek - JavaScript, wtorek- PHP, środa - Java/Scala, czwartek - Python, piątek - Ruby/ mobile, sobota -testing, niedziela -.NET/ DevOps

Przy okazji: http://justjoin.it/ stał się największym job boardem w branży IT, także daje on Wam po prostu największy wybór.

[Zdalnie]:
Senior/ VentureDevs: 11-14K: http://bit.ly/2vWmeIU
Frontend Dev/ Codepany: 6-8K: http://bit.ly/2vBr8ea
Angular Dev/ ClearMedia: 4.8-8K: http://bit.ly/2vU83GO
Full-Stack JS Dev/ ITCraftship: 14-18K: http://bit.ly/2vT501C
Front-End Dev/ ITCraftship: 12-16K: http://bit.ly/2vB6laJ
React Dev/ Nozbe: 7-9K: http://bit.ly/2vUpxma
React Dev/ NP: 8-12K: http://bit.ly/2vAKArw
Javascript Dev/ SDH: 5-12K: http://bit.ly/2vTB7hj
Frontend Dev/ SDH: 4-7K: http://bit.ly/2vB8SS0
AngularJS Dev/ Simply Go Live: 7-10K: http://bit.ly/2vTKz4o
React Dev/ Netguru: 6.5-8.5K: http://bit.ly/2vALPqD
Front-end Dev/ Netguru: 6.5-8.5K: http://bit.ly/2vTI8Pt
Senior JS Engineer/ sensinum: 13-19K: http://bit.ly/2vAUR79
Full-Stack/ Fieldly AB: 10-13K: http://bit.ly/2vAVRYJ
Front-End Dev/ Tagvenue: 7-12K: http://bit.ly/2vTOOgg
Junior Frontend Dev/ SDH: 2.5-4K: http://bit.ly/2vBhZSY
React JS/ MasterLife: 5-7K: http://bit.ly/2vTORss

[Warszawa]:
Frontend Dev/ Inspire Labs : 5-8K: http://bit.ly/2vBfQ9J
React Dev/ Ideamotive: 4.5-12.5K: http://bit.ly/2vW4Kwi
Senior Frontend / Codility: 11-15K: http://bit.ly/2vTOKNJ
JavaScript Dev/ XSolve: 6-15.5K: http://bit.ly/2vAWRMq
AngularJS Dev/ Margo: 17-22K: http://bit.ly/2wgPqgk
JavaScript Dev/ Hypermedia: 5-12K: http://bit.ly/2vTZYSa
Front-End Dev/ Sharpeo: 13-15K: http://bit.ly/2vU4wIo
Frontend Dev/ ZnanyLekarz: 4-8K: http://bit.ly/2vBfUX1
Full-Stack JS Dev/ ITCraftship: 14-18K: http://bit.ly/2vT501C
Front-End Dev/ ITCraftship: 12-16K: http://bit.ly/2vB6laJ
JavaScript Dev/ YouGov: 6-11K: http://bit.ly/2vB8VNG
Senior Frontend/ codequest: 10-15K: http://bit.ly/2vUjWwp
Senior JS Dev/ PizzaPortal: 12-15K: http://bit.ly/2vAJLiw
Angular2 Dev/ softheart: 7-12K: http://bit.ly/2vTIbuD
Senior React Dev/ NP: 14-24K: http://bit.ly/2vB5lDi
Javascript Dev/ SDH: 5-12K: http://bit.ly/2vTB7hj
Frontend Dev/ SDH: 4-7K: http://bit.ly/2vB8SS0
Angular developer/ PolChip : 7-13K: http://bit.ly/2vTXiUH
Angular Dev/ InFront: 11-16K: http://bit.ly/2vAKRuh
Web Dev/ Sparkbit: 6.5-12K: http://bit.ly/2vUrK16
AngularJS Dev/ SwingDev: 8-12K: http://bit.ly/2vBr9Pg
Junior Angular Dev/ VideoMill: 4-10K: http://bit.ly/2vUjYV3
Node.js Dev/ SwingDev: 8-12K: http://bit.ly/2vUaGYT
React Dev/ SwingDev: 8-12K: http://bit.ly/2vB3kHd
Junior Frontend Dev/ SDH: 2.5-4K: http://bit.ly/2vBhZSY
React.JS/ MasterLife: 5-7K: http://bit.ly/2vTORss

[Kraków]:
Front-end Dev/ Miquido: 7-12K: http://bit.ly/2vUaOHR
CSS Artist/ Owls: 4.5-6.5K: http://bit.ly/2vAUZUb
JavaScript Dev/ Owls: 5-8.5K: http://bit.ly/2vTKIVu
Front-End Dev/ GlobalLogic: 8-11K: http://bit.ly/2vT59SI
Senior Front-End/ GlobalLogic: 8-14K: http://bit.ly/2vALWCz
Full-Stack Dev/ GlobalLogic: 8-14K: http://bit.ly/2vTVoTW
Senior JS Dev/ Phenomaly: 6.5-16K: http://bit.ly/2vTOFJR
Front-end Dev/ Nopio: 4-7K: http://bit.ly/2vUaM2H
Front-end Dev/ Find Group: 6-8K: http://bit.ly/2vWFSEK
Frontend Dev/ NP: 8-12K: http://bit.ly/2vBobdI
Markup Master/ Codesushi: 3-6K: http://bit.ly/2vU89hE
Angular Dev/ Smultron: 10-13K: http://bit.ly/2vACXkR
Senior JS Engineer/ sensinum: 13-19K: http://bit.ly/2vAUR79
Front-end Dev/ KUBO: 7-11K: http://bit.ly/2vB92sA
Senior NodeJS/ Elmodis: 9-13K: http://bit.ly/2vUdG7Q
Senior JS Dev/ Elmodis: 9-13K: http://bit.ly/2vAnrp3
Frontend Dev/ TVT: 7-11K: http://bit.ly/2vB5s1G
Młodszy Programista/ DreamLab: 3.5-5K: http://bit.ly/2vARixt
Web Dev/ Connectis: 14-16K: http://bit.ly/2vB6x9X
Front-End Dev/ Tagvenue: 7-12K: http://bit.ly/2vTOOgg

[Wrocław]:
JavaScript Dev/ NP: 8-12K: http://bit.ly/2vACMG1
JS Dev/ IT hunters: 10-18K: http://bit.ly/2vB3lLh
Senior Front-End/ Tigura : 12-16.5K: http://bit.ly/2vTOXAk
Frontend/JS Dev/ NP: 8-12K: http://bit.ly/2vU26tv
Front-end Dev/ Funeralbooker: 10-15K: http://bit.ly/2vAKZdf
Front-end/ Droids On Roids: 6.5-8.5K: http://bit.ly/2vUrKOE
Java Script Dev/ Lama Media: 7-12K: http://bit.ly/2vB5qH6
Senior JS Dev/ LiveChat: 14-18K: http://bit.ly/2vACOO9
Full Stack Dev/ LiveChat: 6.3-10K: http://bit.ly/2vTIi9x
Angular Dev/ Ladder: 8-18K: http://bit.ly/2vAWVf8
Node.js Dev/ Ladder: 8-18K: http://bit.ly/2vU5Afr
Front-end Dev/ STX Next: 5.3-13.6K: http://bit.ly/2vACP4F
Front-End Dev/ Monterail: 5.3-7.7K: http://bit.ly/2vU27O5
Web Dev/ Hicron: 13-17K: http://bit.ly/2vUk27f
Programmer/ MEXT : 1-10K: http://bit.ly/2vAJP1K
JavaScript Dev/ Grupa ProfAs : 6-12K: http://bit.ly/2vTEzZs
JavaScript Dev/ DataArt: 8-14K: http://bit.ly/2vB5pD2

[Trójmiasto]:
Front End Dev/ CodersFirst: 6-9K: http://bit.ly/2vU8d0S
Angular.JS Dev/ ITFS : 3-5K: http://bit.ly/2vWHAWy
JavaScript Dev/ STX Next: 8-13K: http://bit.ly/2wfZh68
Frontend Dev/ Schibsted: 11-14K: http://bit.ly/2vVLWgB
Web Dev/ Spartez: 9.2-17.8K: http://bit.ly/2vAJSdW
JavaScript Dev (React)/ Nozbe: 7-9K: http://bit.ly/2wgr0TW
Senior Front-End Dev/ Kainos: 6-10K: http://bit.ly/2vWbfiG
AngularJS Dev/ Simply Go Live: 7-10K: http://bit.ly/2vU2JDn

[Poznań]:
Senior Front-end/ VentureDevs: 11-14K: http://bit.ly/2wftySE
JUNIOR Frontend/ aveneo: 2-4K: http://bit.ly/2vW2TaB
MIDDLE Frontend/ aveneo: 4-7K: http://bit.ly/2wgcWtV
Regular/ Merixstudio: 5.95-10.2K: http://bit.ly/2vUsseM
Frontend Dev/ Apptension: 6-9K: http://bit.ly/2vU8LUu
React Dev/ Netguru: 6.5-8.5K: http://bit.ly/2vBlAQE
Front-end Dev/ Netguru: 6.5-8.5K: http://bit.ly/2vTPoe7
ServiceNow Dev/ Seargin: 10-13K: http://bit.ly/2vAWFwJ

[Gliwice]:
JavaScript Dev/ xsolve: 6-15.5K: http://bit.ly/2vUeklM
Programista JS/ Skygate: 6-10K: http://bit.ly/2vUqpaq
Frontend Dev/ XSolve: 5-13.3K: http://bit.ly/2vAKro4
JavaScript Dev/ XSolve: 6-13K: http://bit.ly/2vTLim8
Frontend Dev/ Jazzy: 6-11K: http://bit.ly/2vALd4m
Frontend Dev/ TSH: 6-11K: http://bit.ly/2vAo3Ln

[Katowice]:
Front-End Dev/ NBC : 10-16K: http://bit.ly/2vU2Kap
Frontend Dev/ Clearcode: 8-11K: http://bit.ly/2vUkHFL
React Developer/ Codepany: 6-8K: http://bit.ly/2vBgunF
JS developer/ rspective: 7-12K: http://bit.ly/2vBiVGY
Full-stack Dev/ Life in Mobile : 4.5-8.5K: http://bit.ly/2vTIV2T

[Łódź]:
Full stack js DEv/ goodylabs: 5-12K: http://bit.ly/2vAXwNU
Senior Front-end/ Transition: 7-15K: http://bit.ly/2wgVaqo
Frontend Dev/ BinarApps: 5.2-10.6K: http://bit.ly/2vWf0V5

Zapraszam do darmowego dodania oferty w tym miejscu:

http://justjoin.it/add-offer

Kilka nowości:

➡ niebawem nowy layout na: www.justjoin.it
➡ jesienią ruszam z: http://event.justjoin.it/ II Edycja wywiadów z polskimi programistami z całego świata

Temat rozwijam organicznie, także będzie fajnie, jakbyś podrzucił choć jednemu znajomemu link do JJIT, szczególnie, że praktycznie nikt tego nadal nie zna. Dzięki ;)

#justjoinitoferty #pracait #programowanie #it #programista15k #informatyka #webdev #naukaprogramowania #javascript #frontend #js #html pokaż całość

/**
Kilka frontendowych newsów

@name frontendnews
@type {Array.<News>}
@public
@returns {void}
**/

1) Struktura w redux store na podobieństwo bazy danych:
https://hackernoon.com/shape-your-redux-store-like-your-database-98faa4754fd5

2) CSS grid zmienia wszystko:
https://www.youtube.com/watch?v=7kVeCqQCxlk

3) Najlepsze inspiracje UI z tygodnia:
https://medium.muz.li/ui-interactions-of-the-week-85-f76ac3825793

4) Jak zbudować ciekawy loader tylko przy użyciu CSS:
https://codeburst.io/how-to-create-a-beautiful-animated-loader-with-nothing-but-css-d1962fc5a66c

5) Świeże narzędzie do generowania gradientów:
https://www.grabient.com

#frontend #javascript #webdev #webdesign #css #html #js #frontendnews pokaż całość

Witajcie!

Stworzyłem aplikację webową, dzięki której skonfigurujecie pliki konfiguracyjne WebPack'a oraz pokrewne (package.json, .babelrc) jedynie za pomocą graficznego interfejsu użytkownika.

Aplikacja może mieć jakieś pomniejsze bugi, jednakże configi które na niej do tej tworzyłem działały prawidłowo, więc liczę na to, że Wam również niemiłe niespodzianki się nie przydarzą. A jeśli jednak, to zapraszam do reportowania ich tutaj, bądź na GitHubie.

Narzędzie będzie stale rozwijane, a wszelkie błędy na bieżąco poprawiane.

Zapraszam do testowania WebPana (⌐ ͡■ ͜ʖ ͡■)

#programowanie #webpack #webdev #javascript #react #redux #html #css pokaż całość

Witam po przerwie i zapraszam do kolejnego wpisu z cyklu [ #webstuff ]!

❶ Wprowadzenie do maszynowego uczenia się przy użyciu TensorFlow i #python.
http://bit.ly/2sREe7X

❷ Bardzo prosta aplikacja arkusza kalkulacyjnego w czystym JavaScript oraz #css.
http://bit.ly/2sRKqgB

❸ "Async/await z ES2017 jest najlepszą rzeczą jaka trafiła się w JavaScript". Sprawdźcie dlaczego.
http://bit.ly/2sUuWII

❹ Fidget Spinner jako preloader w CSS.
http://bit.ly/2tutdaM

❺ Narzędzie do tworzenia kopii stron internetowych zachowując przy tym ich dynamiczne elementy (JS, flash). Może się okazać szczególnie przydatne na Wykopie do tworzenia mirrorów :P
https://webrecorder.io

❻ Mówi się, że najlepszą obroną jest atak. Christian Haschek przedstawia dość starą metodę w #php, która polega na obronie strony poprzez bomby ZIP.
http://bit.ly/2trmyOx

❼ Darmowy kurs wzorców projektowych w #javascript.
http://bit.ly/1Q7R3iP

❽ Wybór front-endowego frameworka JavaScript w 2017 roku.
http://bit.ly/2tBGxtl

❾ Kilkadziesiąt obrazów przedstawiających codzienność freelancera z przymrużeniem oka ;)
http://imgur.com/gallery/ijVuF

❿ Wprowadzenie do D3.js (biblioteki do wizualizacji danych).
https://www.youtube.com/watch?v=8jvoTV54nXw

⓫ Lista najlepszych praktyk przy pracy z projektami w JS.
http://bit.ly/2sEVKgG

⓬ Kanał YT z kilkoma kursami (JS, Python, MATLAB, Linux).
http://bit.ly/2sR3pn2

⓭ Amerykańska flaga w CSS bez wykorzystania pseudo elementów.
http://bit.ly/2sR9dgF

⓮ Narzędzie, które wspomaga dostęp do ikon Google Material. Wystarczy wpisać nazwę, wybrać kolor i nazwę.
http://bit.ly/2uPkpvI

⓯ Kurs optymalizacji aplikacji opartych na frameworku PHP Laravel.
http://bit.ly/2tW5Tpd

⓰ Narzędzie do doboru fontu z Google Fonts, jego koloru oraz tła.
https://typehero.now.sh

⓱ Uczysz się Pythona? Nie masz pomysłu na własne programy? Skorzystaj z tego repozytorium, a w razie problemów zajrzyj do gotowego kodu :)
http://bit.ly/2suCgae

⓲ Preprocesor PHP.
https://preprocess.io/

⓳ Skrypt napisany w PHP do łatwego pobierania treści z Instagrama.
http://bit.ly/2tlFLCM

⓴ Ostatnią pozycję tej listy zajmuje quiz, w którym trzeba poprawnie odgadnąć, które z logo przedstawia oryginał z fontem Helvetica.
http://bit.ly/1pkb8mA

➡ #grafika / #webdesign
❶ Jeden z lepszych zbiorów darmowych zasobów graficznych, muzycznych i wideo!
http://makerbook.net/

❷ Proste, ładne i przede wszystkim darmowe ikonki.
https://feather.netlify.com/

❸ UI design na Windows, czyli przegląd oprogramowania.
http://bit.ly/2tWlrtt

❸ Katalog darmowych zasobów.
http://allthefreestock.com/

➡ Inspiracje
❶ Animowane żaluzje w CSS.
http://bit.ly/2sJtol2

❷ Inspiracje UI wraz z demo oraz kodem.
https://codemyui.com

❸ Kolejna biblioteka nawigacji, eksperymentów, templatek itd. w CSS / #html / JS.
https://codyhouse.co/

❹ Pewien turysta odwiedził Portugalię, lecz nie miał przy sobie aparatu. Wyszukał zwiedzone miejsca w Google Maps i użył Photoshopa, by wyglądały tak jak „obrazy”, które zapamiętał w głowie :)
http://imgur.com/a/BnCZh

❺ Zestawienie fontów z Google Fonts oraz klasycznych dzieł sztuki.
http://bit.ly/2tuOMbi

❻ Współczesne filmy na opakowaniach kaset VHS jak z lat 80-90. Aż przypomniał mi się specyficzny zapach mojej osiedlowej wypożyczalni! #nostalgia
http://bit.ly/2bmIO66

❼ Kreatywny projekt wieczka od jogurtu.
https://imgur.com/5QrtJ03

➡ #humorinformatykow
Chyba ktoś wstydził się upomnieć sąsiadów wprost ( ͡° ͜ʖ ͡°) pokaż całość

źródło: slyszejak.jpg

#webdev #html #css #gif #js #cssdemo
Bardzo prosty przycisk bez użycia JS i pochodnych bibliotek.

Jeden przycisk z użyciem zaledwie jednego <label>, a trwałe przyciśnięcie przy pomocy ukrytego "checkbox" albo "radio" (inaczej musiałbym JS użyć).
Główny prostokąt to ten ciemniejszy czerwony z ustawionym cieniem wokół. A jasnoczerwony to pseudoelement ":before", czyli element zduplikowany bez utworzenia kolejnego elementu w HTML.

pokaż spoiler gotowe przyciski miałyby większą prędkość, bo trochę powolne.
pokaż całość

GIF

źródło: przycisk.gif (453KB)

Myśle ostatnio czy by nie zalozyc mojego autorskiego taga, gdzie bym wrzucal moje postępy z nauki html'a 5, ale chyba nikt nie chcialby sledzic jak jakis laik się uczy programowac
#html #webdev #programowanie

Tym razem z poprawionymi tagami ( ͡° ͜ʖ ͡°)

PDF: https://websitesetup.org/html5-cheat-sheet/

#naukaprogramowania #webdev #html #frontend #grafika

. . . kliknij, aby rozwinąć obrazek . . .

źródło: wykop.pl

#gif #heheszki #reczna #pompka #pompa #powietrze #rower #gry #html
Gry kod HTML.
Reddit. pokaż całość

GIF

źródło: i.redd.it (140KB)

Jak tam [ #webstuff ]? Zmalał, urus? Dziś zdecydowanie urus ( ͡° ͜ʖ ͡°)

❶ Scroller to strona, która agreguje obrazkowe treści z serwisu Reddit, a w tym sztukę, jedzenie, naturę czy zawartość NSFW (⌐ ͡■ ͜ʖ ͡■)
https://scrolller.com

❷ AmplitudeJS - odtwarzacz plików dźwiękowych w #javascript. Obsługuje SoundCloud.
http://bit.ly/2qHiOXb

❸ Lubicie Sublime Text Editor? A co powiecie na coś zbliżonego, ale w terminalu?
http://bit.ly/YXFVhB

❹ Przydatna strona, którą możecie podsyłać klientom ( ͡° ͜ʖ ͡°)
http://didyouclearthecache.com

❺ Strona, która jest swego rodzaju eksperymentem społecznym. Czy zapłaciłbyś jednego dolara, by sprawdzić ilu ludzi już wpłaciło dolara? :D
http://bit.ly/2s0XNdK

❻ Graficzny interfejs dla Composera #php.
http://bit.ly/2qIZht8

❼ The Complete Guide to a Super Productive Docker Development Environment.
http://bit.ly/2qIZP2l

❽ Wywiad z twórcą Vue.js
http://bit.ly/2rYng7z

❾ 2134 strony książki o web deweloperce za darmo! HTML, PHP, MySQL, JavaScript i Linux.
http://bit.ly/2rLTgMy

❿ LateX Resume Generator.
https://latexresu.me/

⓫ Open Source’owe ikonki SVG.
https://feather.netlify.com

⓬ Doge Fidget Spinner.
http://bit.ly/2qHOYli

⓭ Brakuje Tobie ostatniego punktu w Google PageSpeed Insights? Sprawdź jak go zdobyć.
http://bit.ly/2qIUsjL

⓮ Narzędzia do tworzenia maili #html:
http://bit.ly/2rMe46r

⓯ Trzy wskazówki dotyczące Twojego pierwszego klienta w freelancingu.
http://bit.ly/2qGKL0Y

⓰ Jak zoptymalizować obrazy dla sieci web?
http://bit.ly/2qwf6jz

⓱ Nile.js – biblioteka JavaScript służąca do streamowania wideo na żywo używając komunikacji P2P.
http://nilejs.com

⓲ Budowa bota na Twittera w Node.js przy użyciu 38 linijek kodu.
http://bit.ly/2rs5k2B

⓳ Ścieżka rozwoju dla web dewelopera (Front + Back + DevOps).
http://bit.ly/2m4ljEv

➡ Bonusy
❶ Picodom is a 1kb Virtual DOM builder and patch algorithm.
http://bit.ly/2rMjUVB

❷ A lightweight wrapper to operate on nested dictionaries seamlessly. #python
http://bit.ly/2ryBnzI

❸ 11 things I learned reading the flexbox spec.
http://bit.ly/2qtkbs7

❹ Get a glance at a whole web page with an aerial view – UI experiment & JavaScript plugin.
http://bit.ly/2rrJvQH

❺ Should developers know design?
http://bit.ly/2qNQBNl

❻ 70% faster: rewriting the API that serves most of our traffic
http://bit.ly/2ryjYYc

➡ #grafika / #webdesign
❶ Open Source’owe ikonki SVG.
https://feather.netlify.com

❷ Narzędzie do odnajdowania fontów z Google Fonts wg wizualnych filtrów.
http://bit.ly/2qHrXyJ

❸ Trendy w tworzeniu logo na rok 2017.
http://bit.ly/2rw6yvF

❹ Co ten Samsung i jego emoji, to ja nawet nie…
http://bit.ly/2qvOQck

❺ Zasady responsywnej typografii.
http://bit.ly/2nigKWZ

➡ Inspiracje
❶ Jak zwykle, kolejny świetny efekt od Codrops. Tym razem zmiana kształtu w tle podczas przewijania strony.
http://bit.ly/2ryfErU

❷ Ciekawy „progress nav”, który zmienia się wraz z przewijaniem strony.
http://bit.ly/2swiJG7

❸ Perkusja w JavaScript.
http://bit.ly/2rbLOZE

❹ Bardzo ciekawe fotomontaże.
http://bit.ly/2rs503Q

❺ Zbiór inspiracji dla projektantów logo.
http://bit.ly/1h7Zesl

❻ Kolekcja 70 kart CSS.
http://bit.ly/2rAvHpx

➡ Nowości
❶ Skype przechodzi rebranding. Łączy funkcje wiodących komunikatorów na rynku, a w tym Snapa.
http://bit.ly/2qNFsMq

❷ Nowa wersja Node.js (8.0.0)
http://bit.ly/2ryuCyf

❸ Ciekawi co czeka Was w Media Queries Level 4 dla #css?
http://bit.ly/2qNNLrA

❹ Nowa wersja Symfony (3.3.0)
http://bit.ly/2rMeM3F

➡ #ciekawostki
❶ Wiecie, że w konsoli dewelopera możecie umieszczać obiekty SVG? Ba! Można je nawet animować ;-)
http://bit.ly/2qNqZ38

❷ Strona filmu „Kosmiczny mecz” (Space Jam) z Michaelem Jordanem oraz Królikiem Bugsem jest cały czas dostępna w sieci od 1996 roku. #film
http://bit.ly/2muNkCh

❸ Zapewne wiecie już, że Ubisoft zaktualizował swoje logo, ale czy znacie logo z początku działalności tej firmy?
http://bit.ly/2swqKe5

❹ Wiecie, że funkcja isset() w PHP obsługuje wiele argumentów? Niby jest o tym napisane w manualu, ale rzadko kto zwraca na to uwagę. Przykład:
if (isset($array['foo'], $array['bar']))

❺ Rumuński minister komunikacji (Augustin Jianu) jest deweloperem PHP.

➡ #humorinformatykow
Kojarzycie ten słynny kubek z napisem „CSS IS AWESOME”? Już jest naprawiony ( ͡° ͜ʖ ͡°) pokaż całość

źródło: cssisawesome.png

Dzisiejszy wpis [ #webstuff ] został zdominowany przez JavaScript ( ͡° ͜ʖ ͡°)

❶ Narzędzie do edytowania commitów z przeszłości. #git
http://bit.ly/2pRhD7E

❷ Jak sprawdzić wydajność aplikacji #php?
http://bit.ly/2po95UH

❸ Narzędzie dla front-endowców, które jest znacznie prostsze w obsłudze od Gulp / Grunt. #frontend
https://pin.gy/cli/

❹ Ciekawe transmisje z polskimi programistami pracującymi w największych firmach informatycznych na świecie.
http://event.justjoin.it

❺ Zestaw kilku animacji w #css.
http://bit.ly/2q57TsI

❻ Komponenty "material #design" dla Internetu od Google.
http://bit.ly/2r4xAHY

❼ Krzyżówka w samym CSS.
http://bit.ly/2pC8LSx

❽ Implementacje słynnych algorytmów w #javascript.
http://bit.ly/2qWdVgf

❾ Szablon pliku #html, który w nagłówku zawiera wszystkie najważniejsze tagi na rok 2017.
http://bit.ly/2pnilwq

❿ 7 darmowych skryptów niestandardowego paska przewijania (JavaScript & #jquery Plugins)
http://bit.ly/2q8aWhQ

⓫ Prototypy w JavaSscript.
http://bit.ly/2r4I4qK

⓬ Open Source’owy silnik gier multiplayer w JavaScript. #gamedev
http://lance.gg

⓭ What the CSS? Krótka lista nietypowych przypadków.
http://bit.ly/2pnATN9

⓮ Proceduralne generowanie wysp w JavaScript.
http://bit.ly/2q5GSoK

⓯ Darmowy kurs wideo budowy produktów w JavaScript + materiały i kod.
http://bit.ly/2quYmwc

⓰ Boisz się zadać pytania na Stack Overflow / Elektrodzie? Możesz zapytać na mirko lub na Devolio, czyli platformie przypominającej SO, ale z tą różnicą, że została zbudowana z zamiarem bycia najbardziej przyjazną dla zielonek. Kod źródłowy Devolio jest otwarty i można go zobaczyć na GitHubie.
https://devolio.net

⓱ Animowane preloadery w CSS.
http://bit.ly/1cPEYLk

⓲ Najlepsze kursy do nauki JavaScript w 2017 roku.
http://bit.ly/2quZoIz

⓳ Prosty komunikator zbudowany przy użyciu Vue.js, Node.js, Express.js i Socket.io.
http://bit.ly/2quXPKp

⓴ Krótko o operacji „flatMap” w JavaScript, która jest podobna do metody „map”, lecz bardziej wszechstronna.
http://bit.ly/2quTCqq

➡ #grafika / #webdesign
❶ 25 wskazówek od ekspertów dotyczących projektowania logo.
http://bit.ly/2r31CLv

❷ Zbiór użytecznych zasobów dla grafików.
http://firepit.io

➡ Inspiracje
❶ Kolekcja kombinacji fontów.
http://bit.ly/2q626mi

❷ Symulator grawitacji w naszym układzie słonecznym.
http://bit.ly/2pC6S8v

➡ Nowości
❶ Nowa wersja Medoo (1.4), czyli lekkiego „frameworka” PHP dla baz danych.
https://medoo.in

❷ Microsoft udostępnił stabilną wersję Visual Studio 2017 dla #mac.
http://bit.ly/2quKCkU

❸ API Unsplash (dużej bazy darmowych zdjęć) jest od teraz otwarte i darmowe.
http://bit.ly/2pBSwVI

❹ Opera się odrodziła. Poznajcie Operę Reborn.
http://opr.as/2q5MhdQ

❺ Insomnia (REST client) jest od tego miesiąca na licencji Open Source.
http://bit.ly/2qWB0iA

❻ Nowa wersja jednego z najbardziej popularnych edytorów WYSIWYG – TinyMCE.
http://bit.ly/2quPSoA

➡ #ciekawostki

Początkowo Netscape nazwała nowy język LiveScript. Nazwa została jednak szybko zmieniona na JavaScript wskutek biznesowych porozumień pomiędzy Netscape a firmą Sun Microsystems (współwłaścicielem znaku handlowego JavaScript jest Oracle Corporation, które przejęło Sun Microsystems w 2010 roku). Skrypty JavaScriptu oraz aplety Javy (mimo odrębności tych dwóch języków) mogą się wzajemnie komunikować dzięki dostępnej w przeglądarkach Netscape, Mozilla i Opera technologii LiveConnect.

➡ #humorinformatykow pokaż całość

. . . kliknij, aby rozwinąć obrazek . . .

źródło: nodeapp.png

Jak tam Mireczki? Zaznajomiliście się już z nowościami w przyszłej wersji HTML3? Nowe tagi brzmią całkiem ekscytująco! Mam nadzieję, że producenci przeglądarek dostosują silniki do renderowania nowych rzeczy ( ͡° ͜ʖ ͡°)

https://imgur.com/a/GIxmK#IXCwQTE

Załączona książka przedstawia nowości jakie miały się pojawić prawdopodobnie w 1996 roku, a sam standard HTML 3.0 został przedstawiony przez Dave’a Raggeta i W3C w kwietniu 1995 r. Z uwagi na brak obsługi ze strony przeglądarek prace nad wersją 3.0 zostały przerwane i dopiero wersja 3.2 weszła do ogólnego użytku.

A tutaj - http://bit.ly/1pfgrEc macie oryginalną propozycję nowego tagu <IMG> do wyświetlania obrazków z 1993 roku.

Jeżeli jesteście ciekawi rozwoju sieci, systemów i komputerów od strony bardziej fabularnej, koniecznie zabierzcie się za świetny serial "Halt and Catch Fire" od AMC. Co prawda przedstawione wydarzenia nie są w 100% zgodne z historią, ale mimo wszystko jest to wizualna uczta dla wracających z nostalgią do lat 80 i 90 ubiegłego wieku :)

#webdev #html #html3 #webmastering #frontend #ciekawostki #historia #lata90 #gimbynieznajo pokaż całość

źródło: hCOjVUp.jpg

Wykop can not into favicon.ico ( ͡° ͜ʖ ͡°) #maciejpsuje #programowanie #grafikplakaljakprojektowal #html

źródło: Przechwytywanie.JPG

Jezuuu, co ja dostałem za kod w #php, w sumie #html x-D Jak myśleliście, że znacie #januszeprogramowania, to patrzcie teraz
#webdev #heheszki

źródło: arka_gdynia_kurwa_swinia.jpg

O gurwa ( ͡° ʖ̯ ͡°)
#humorinformatykow #css #html #webdev

źródło: center.png

Cześć! Zapraszam do kolejnego wpisu z cyklu #webstuff!

❶ Zna ktoś francuski? Na „Grafikart” znajdziecie darmowe lekcje programowania. #programowanie
https://www.grafikart.fr

❷ CMSish to system zarządzania treścią, którego bazą danych jest... Arkusz kalkulacyjny z Google Sheets. Serio. Wystarczy, że wypełnicie kilka kolumn arkusza, załadujecie plik #javascript na stronę i wstawicie klamrowe tagi w treść, które odpowiadają nazwom kolumn w arkuszu.
http://bit.ly/2njdmLT

❸ Silnik fizyczny dla gier w JavaScript, który został przepisany z C++.
http://bit.ly/2njtD3t

❹ Lista książek oraz wykładów w formie wideo, dzięki którym zgłębicie wiedzę o szeroko pojętej informatyce.
https://teachyourselfcs.com/

❺ Świetny trik pokazujący jak zachować takie same proporcje obrazów + równą wysokość w #css, które mają różne rozmiary.
http://bit.ly/2nwLbG8

❻ Prosty w użyciu, ale z wieloma możliwościami, static site generator, który opiera się na plikach *.md (markdown). Obsługuje wielojęzyczność, posiada system szablonów i sporo przydatnych pluginów (wiki, blog itd.)
https://datenstrom.se/yellow/

❼ A lightweight, customizable single-page personal portfolio website template built with JavaScript and Sass.
http://bit.ly/2n6650J

❽ Darmowy klon Trello napisany w #php do hostowania u siebie.
http://bit.ly/2o1K7cY

❾ Taskulu to wg mnie znacznie lepsza alternatywa dla Trello. Co więcej, darmowy pakiet oferuje więcej niż Trello: m.in. czat zespołowy, time tracking oraz integracje z Githubem, Google Drive, Dropboxem czy Google Calendar. Taskulu posiada również aplikację na iOS oraz Android.
https://taskulu.com/

❿ Wyniki tegorocznej ankiety ze Stack Overflow. Ponad 72% ankietowanych określiło siebie jako web deweloperów, dlatego tak wysoki wynik JavaScript nie może dziwić
http://bit.ly/2o3vTrM

⓫ Elegancki sposób wyodrębniania danych z tablic i obiektów w JavaScript.
http://bit.ly/2nJiTL9

⓬ Generator favicony na wszystkie platformy.
https://realfavicongenerator.net/

⓭ Krótki artykuł, który prezentuje prostą metodę rozpoczęcia animacji CSS dopiero po wczytaniu wszystkich lub wybranych elementów strony.
http://bit.ly/2ogdPyE

⓮ 200 wskazówek dotyczących #seo.
http://bit.ly/1UB89G0

⓯ Lista najlepszych narzędzi i usług dla web deweloperów.
https://deploystack.io/

⓰ Frogger w przeglądarkowej konsoli? Czemu nie!
http://bit.ly/2osT9Dm

⓱ Brotli to nowy, otwarty standard kompresji danych, znacznie lepszy od gzip. Od niedawna jest obsługiwany przez większość nowoczesnych przeglądarek. W artykule jest przedstawiony sposób na jego implementację na serwerze.
http://bit.ly/2nYEduc

⓲ Prosty edytor responsywnych maili poprzez metodę drag&drop.
https://beefree.io/

⓳ Zabawa z CSS Grids.
http://bit.ly/2oMSHkf

⓴ Autorzy React używają pojęcia "naucz się raz, pisz na cokolwiek". Dzięki React oraz React Native wasza aplikacja internetowa może dzielić logikę pomiędzy wersją na iOS i Androida, ale widoki dla każdej z tych platform muszą być implementowane oddzielnie. Microsoft zrobił krok dalej i opracował dodatkową warstwę międzyplatformową, którą nazwał "ReactXP" (XP = X-Platform). Jeśli piszecie aplikację, dzięki ReactXP możecie powiązać swoje definicje widoku, styli i animacji do wielu platform docelowych.
http://bit.ly/2o8mkJi

➡ Grafika / #webdesign
❶ O projektowaniu kart słów kilka.
http://bit.ly/2mzWeQF

❷ Praktyczna teoria koloru dla ludzi, którzy programują.
http://bit.ly/2n1qFzt

❸ Zestaw łagodnych gradientów w PSD. #photoshop
http://bit.ly/2mHtzFK

❹ Futuracha Pro to czcionka przyszłości, która się zmienia wraz z pisaniem kolejnych liter.
http://bit.ly/2nngxS2

❺ Colormind jest uczącą się SI, znającą teorię kolorów. Może generować palety kolorów od podstaw lub wypełnić puste pola na podstawie wprowadzonych danych, np. w postaci obrazu
http://colormind.io/

❻ Darmowe ikonki w formie SVG, PNG oraz web fontu.
http://bit.ly/2nA8gcZ

❼ O tworzeniu dobrego nagłówka słów kilka.
http://bit.ly/2oyJx6s

❽ Ikony w formie web fontu do gier typu RPG.
http://bit.ly/2oCy1XM

➡ Inspiracje
❶ Dość kreatywna strona pewnego copywritera.
http://getcoleman.com/

❷ Świetny zbiór inspiracji użycia fontów! ❤
http://typ.io/

❸ Kolejny zbiór inspiracji związany z fontami.
http://bit.ly/2ore2P2

➡ Nowości
❶ Nowa wersja PHP – 7.1.14
http://bit.ly/2ouQQgY

❷ Nowa wersja darmowego CMS „Batflat” – 1.3.0
http://bit.ly/2o9R7Vj

❸ Nowa wersja popularnej aplikacji do tworzenia gier #html w przeglądarce.
https://www.construct.net/pl

➡ Wskazówka
Dość ciekawą wskazówką podzielił się pewien użytkownik Reddita. Zasugerował on, aby ustawiać favicony o różnych kolorach dla różnych środowisk, nad którymi aktualnie pracujemy. Dzięki temu nie dojdzie do pomyłek w przeglądarce. Dziwię się, że sam na to wcześniej nie wpadłem.

pokaż spoiler If you work in a scenario where you have multiple server environments: dev, staging, production, etc. (and often have them all open in a browser) use different color favicons in each of the environments, so you can quickly go to the intended tab and not what you thought was the right server.


➡ #ciekawostki
❶ Wiecie co oznacza akronim "PEBKAC"?

pokaż spoiler "Problem Exists Between Keyboard And Chair" (w wolnym tłumaczeniu: problem występuje pomiędzy krzesłem a klawiaturą). Akronimem tym w żartobliwy sposób określa się sytuacje, w których to użytkownik aplikacji komputerowej jest odpowiedzialny za jej błędne działanie. Inne znane formy akronimu to PEBCAC ("Problem Exists Between Chair And Computer") czy PICNIC ("Problem In Chair Not In Computer").


❷ Zapewne kojarzycie słynnego słonia z napisem PHP na jego boku. Ta urocza maskotka to "ElePHPant", która w 1998 roku została zaprojektowana przez Vincenta Pontiera. Vincent wymyślił ten kształt, gdy na kartce papieru rysował litery "PHP" w różnej postaci. Pewien z rysunków skojarzył mu się z kształtem słonia. Dziś każdy zainteresowany może kupić sobie takiego pluszaka poprzez internetowy sklep Vincenta. W stopce oficjalnego manuala PHP można zaobserwować zdjęcia z tymi słoniami, które są pobierane ze specjalnej grupy na Flickr.

➡ #humorinformatykow
❶ Randka programisty jako projekt ;D
http://bit.ly/2oIhLEJ

❷ Pierwsze wpisy na stronie / forum ( ͡° ʖ̯ ͡°) pokaż całość

. . . kliknij, aby rozwinąć obrazek . . .

źródło: komiks.png