Świąteczny Webowy Miszmasz #49 i 288 propozycji! | DailyWeb.pl

Świąteczny Webowy Miszmasz #49 i 288 propozycji!

Opublikowano 2 lata temu - 2


Święta to nie tylko prezentowe zamieszanie w galeriach handlowych. To nie tylko wyszukiwanie tej najładniejszej choinki, gdyż to także ogromna paka Webowego Miszmaszu. Zeszłoroczną edycję znajdziecie tutaj. W tym roku także nie zabrakło zbiorczego zestawienia wszystkich Miszmaszów, który przez ten pomyślny rok pojawiły się na łamach DailyWeb. Przed Wami 288 propozycji z tego roku, mam nadzieję, że znajdziecie coś dla siebie, a ja tylko dodam, że to nie koniec atrakcji jeszcze w tym roku. Stali Czytelnicy będą wiedzieli ;-)

Snippy

snippy
Interesujące narzędzia dla osób od kodu i Mac OX ;-)

Flexbox Froggy

flexbox
Swietny sposób na naukę CSS (flexbox).

Star Wars Spoiler Blocker

unnamed
Narzędzie jako wtyczka do Chrome dla wszystkich fanów Star Wars, którzy boją się internetowych spoilerów.

Ewolucja Twittera

twitter
Historyczny rzut na to co działo się z Twitterem na przestrzeni ostatnich lat

CSS Password meter

meter
Świetny tutorial jak utworzyć miernik siły hasła przy użyciu CSS.

Free Resumy + business cards

resume
Interesujący szablon dla branżowego CV + wizytówki w klimacie..

Ruffle Font

ruffle-thin-line-handwritten-font
Font, który warto mieć w zestawie.

Outline

outline-html5-portfolio-bootstrap-template
Czysty i przejrzysty landing page.

CSS only calendar

css-only-colorful-calendar-concept-2
Niesamowity koncept dość prostego kalendarza w całości przygotowanego w CSS.

Radial menu

pure-css-radial-menu
W poszukiwaniu inspiracji co do menu? Proszę bardzo, menu kołowe.

Realistic Text

realistic-text
W zasadzie nie wiem jak zaklasyfikować ten efekt, ale jest naprawdę świetny.

Little snippets

littlesnippets-a-free-collection-of-css3html-snippets-
Serwis w którym znajdziecie całą masę świetny elementów na swoją stronę WWW.

Outdoor Mockups

outdoor-signs-and-facades-psd-mockups-set
Zestaw bardzo przyjemnych, realistnycznych mockupów szyldów zawieszanych przed sklepem na ulicy.

Patron odcinka...?

wmsponsor
W tym miejscu może znaleźć się Twoja propozycja dla Czytelników DW. Drogo nie chcemy, raptem 99zł :-)

Gorgo

agron-screen
Przyjemny, ascetyczny szablon HTML.

Elastic Pull

elastic-pull-to-refresh-concept
Inspirujący pomysł i zarazem gotowe rozwiązanie, czyli jak zrobić elastyczne odświeżanie widoku na urządzeniach mobilnych.

Vector Lighstsabres

sabre
Coś dla fanów Star Wars, zestaw mieczów świetlnych w formacie SVG.

Matte Black

Zrzut ekranu 2015-11-04 o 09.19.32
Kolory do inspiracji w jednym miejscu, opakowane w pomysłową domenę :-)

Draggable Slider

cccombo
Prawdziwe sliderowe combo dla fanów sliderów. Slidder przystosowany do urządzeń dotykowych z pełną responsywnością i efektem paralaksy.

Palette Generator

material-design-color-palette-generator
Kolejne interesujące narzędzie do kolorów. Tym razem generuje ono paletę kolorów na podstawie dwóch wybranych kolorów. Radzi sobie zaskakująco dobrze.

jClockClock

Zrzut ekranu 2015-11-04 o 09.38.13
Zegar... z zegarów.

UpUp

upup-offline-navigating-library
Twoja strona dostępna nawet offline ;-)

Legofy

Zrzut ekranu 2015-11-04 o 09.44.50
Zamień swoje zdjęcia w... klocki Lego.

Cansiparane

Zrzut ekranu 2015-11-04 o 09.48.11
Font, który warto mieć.

Cursorio

wm1
Gotowe kursory myszy wszelkiej maści dla Twojego projektu

Patron odcinka...?

wmsponsor
W tym miejscu może znaleźć się Twoja propozycja dla Czytelników DW. Drogo nie chcemy, raptem 99zł :-)

Knockout Text

ps-outlinetext
Jak zrobić urywający tyłek tekst z tłem przy użyciu CSS.

Paradeiser

8-Paradeiser
Alternatywa dla tłustego hamburger menu.

404 Repo

tumblr_ntqxdoCovo1udik9co2_1280
Nie masz pomysłu na własną stronę 404? Tutaj cała masa gotowych pomysłów i gotowych grafik.

Resource Pocket

10-ResourcePocket
Kolejny must have dla każdego z branżuni.

HTML color codes

wknews-designers-sept-01
Kolejny już w sieci color picker, z rozbudowanymi możliwościami.

Dropify

wknews-designers-sept-03
Alternatywa dla nudnych formularzy uploadu.

FieldKit

wknews-designers-sept-06
Automatyczne formatowanie cyfr w formularzach.

Really Super Mario

wknews-designers-sept-22
Dla Twojej inspiracji.

Darmowe alternatywy

8
Darmowe alternatywne fonty dla tych najpopularniejszych wraz z porównaniem.

KeepOut Game

Zrzut ekranu 2015-09-29 o 10.23.34
Świetna gra oparta o WebGL.

Google Product Sans

Zrzut ekranu 2015-09-04 o 08.47.20
Chyba nie ma na świecie człowieka, który nie zauważył nowego logo Google. Tutaj więcej na temat specjalnie stworzonego fontu.

Patron odcinka...?

wmsponsor
W tym miejscu może znaleźć się Twoja propozycja dla Czytelników DW. Drogo nie chcemy, raptem 99zł :-)

Lightgallery

wk-news-sept-04
Na temat galerii zdjęć już chyba nie da się więcej powiedzieć ponad wszystkie te skrypty, które zostały stworzone. Ta jednak jest bardzo funkcjonalna i lekka.

Kurs UX

3755.UX
Rodzimy UXowy kurs, opisywany na DailyWeb przez Łukasza (polecam, nie tylko dlatego że mamy tam ref linka, tylko że naprawdę warto).

What's your color?

Zrzut ekranu 2015-09-04 o 08.55.47
Interesujący eksperyment z zamianą kolorów popularnych, konkurencyjnych marek.

Geom Display

geom-display-an-fully-geometrically-adorned-typeface
Bardzo fancy font.

Card snippet

responsive-material-card-snippet-
Brak inspiracji na interesujące karty? Tutaj gotowy skrypt.

Navigation Reveal

navigation-reveal-layout-tilt-off-setting-idea

Formfiller

formfiller-a-javascript-form-repopulating-bookmarklet
Czego to ludzie nie wymyślą. Bookmarklet do uzupełniania formularzy :-)

Hover Effects

bootstrap-image-hover-html-css-effects-gallery
Paka świetnych efektów hover, zarówno do inspiracji... jak i zgapienia.

Flaga Nowej Zelandii

flags2
Nie wiem jak Wy, ale ja się skrupulatnie przyglądam procesowi wyboru nowej flagi. Aktualnie zostało czterech finalistów, mój typ załączony powyżej.

New Google Searchbox

google-slantg4-1920-800x450
Wszyscy o logo, a tu taka zmiana. Szok.

Pure CSS Progress

Zrzut ekranu 2015-08-19 o 19.33.32
Piękne progres bary w czystym, najczystszym CSS.

Patron odcinka...?

wmsponsor
W tym miejscu może znaleźć się Twoja propozycja dla Czytelników DW. Drogo nie chcemy, raptem 99zł :-)

Sublime Material Design

materialtheme
Korzystacie z Sublime? Po przesiadce na Mac OS korzystam tylko z tego edytora, a tu macie świetny zestaw kolorów w stylu Material Design. Wygląda świetnie.

LoadGo

progress-bar-jquery-plugin
Świetny efekt w jQuery animujący wczytywanie.

Free Responsive Icons

free-responsive-multi-style-vector-sports-icon-set
Zestaw nie byle jakich responsywnych ikon od Smashing Magazine.

TimeLog

Zrzut ekranu 2015-08-19 o 19.51.01
Narzędzie do śledzenia czasu w przeglądarce, niezależnie od tego czy karta jest otwarta czy zamknięta.

Loading Effect

dw_watereffect_social
Adobe zrobiło efekt wczytywania.

Pure CSS Apple

Zrzut ekranu 2015-08-19 o 19.56.22
Strona generująca sprzęty Apple... w czystym CSS.

Page Tilt Effect

Zrzut ekranu 2015-08-19 o 20.00.49
Efekt z kategorii: bez opadu szczęki, ale mieszczący się w kategorii: inspiracje.

Sell one thing

sellonething
Sprzedaj... 1 rzecz!

Retro Stocks


Dawne stocki, to było dopiero coś!

LOL przegrywa z Haha

Screen-Shot-2015-08-10-at-7.54.27-AM-620x439
Słynne LOL zdetronizowane i to z kretesem!

Metal Captcha

Zrzut ekranu 2015-07-30 o 09.39.14
Gdy zwykła Captcha wieje nudą, czas na wersje dla fanów ciężkich brzmień. Skuteczność antyspamowa 300%.

Patron odcinka...?

wmsponsor
W tym miejscu może znaleźć się Twoja propozycja dla Czytelników DW. Drogo nie chcemy, raptem 99zł :-)

Cosmos Icons

Zrzut ekranu 2015-07-30 o 09.41.17
Ostatnio kosmiczne tematy na topie, więc nie mogło zabraknąć świetnych ikon właśnie w tym temacie.

10 elementów wysokiej jakości strony WWW

Zrzut ekranu 2015-07-30 o 09.44.36
Zebrane w 10 punktów, najważniejsze aspekty/cechy strony internetowej wysokiej jakości.

3 zasady czytelniejszych tekstów

1*PT_xas3H51pYB4WAepEUWA
Proste do wdrożenia, 3 zasady, które spowodują, że Twój tekst będzie lepszy i czytelniejszy w odbiorze.

Texter

Zrzut ekranu 2015-07-30 o 09.48.46
Prawdziwy Copyrighter będzie się jarał.

Paginacja czy Infinite Load?

scroll3
No właśnie?

10 najczęstszych błędów językowych

6498_l2
Rodzimy materiał, czyli słowem o najpopularniejszych błędach językowych.

Goole 1st team

8Aa59W5
Prawdziwy smaczek. Znacie Google? Zobaczcie jak wyglądali na początku ;-)

Stretchy

Zrzut ekranu 2015-07-30 o 09.54.59
Rozciągable elementy formularzów.

Windyty

Zrzut ekranu 2015-07-30 o 10.06.29
Pogoda w nowym, lepszym wymiarze.

HTTP erros

70533052
404, 503 lub 500? Wszystkie błędy wyjaśnione, nawet obrazkowo.

Linkmoji

Zrzut ekranu 2015-07-15 o 10.13.03
Linki w postaci emoji? Proszę bardzo.

Patron odcinka...?

wmsponsor
W tym miejscu może znaleźć się Twoja propozycja dla Czytelników DW. Drogo nie chcemy, raptem 99zł :-)

Chill The Lion

Zrzut ekranu 2015-07-15 o 10.18.20
Świetny eksperyment z wykorzstaniem WebGL.

Aladdin

aladdin
Wtyczka do Wordpress, która działa jak Spotlight w Mac OS, tj. szybko launcher po wciśnięciu klawisza Shift.

Hammer.js

hammerjs-dom-elements-touch-gestures-javascript-generator
Narzędzie, która doda obsługę dotyku do Twojej strony.

HackChat

Screenshot-2015-07-10-13.40.23
Chat, który sam Się unicestwii w kiedy skończysz go używać.

Zabawnie responsywne ikony

rrssb-preview
Nie wiem co w nich zabawnego, ale tak autor nazwał. Ot po prostu responsywne ikony społecznościowe.

Przyszłość Flat Design

Screen-Shot-2015-07-09-at-10.48.28-520x301

Kolor czy kontrast generuje większą konwersję?

3
Interesujący materiał, przedstawiający który z powyższych aspektów przekłada się na lepszą konwersję.

Do You Even List?

Screen-Shot-2015-06-25-at-19.20.14-520x245
Narzędzie, które pokaże, kto jest Twoim najlepszym przyjacielem na Twitterze.

Deforested Desktop

Zrzut ekranu 2015-07-16 o 09.02.05
Co się stanie jak wydrukujesz kolejną kartkę? Zniknie drzewo... z Twojego pulpitu.

Flipside Button

Flipside-–-Button-to-modal
Gdy zwykłe buttony na stronie wieją nudą.

Animated weather icons

animated-weather-icons-css-snippet
Nie przypuszczam aby ktoś z Was prowadził serwis pogodowy, ale te animowane ikony urywają tyłek. Doskonałe do inspiracji.

Patron odcinka...?

wmsponsor
W tym miejscu może znaleźć się Twoja propozycja dla Czytelników DW. Drogo nie chcemy, raptem 99zł :-)

Cover

cover-free-minimal-writing-wordpress-theme
Minimalistyczny szablon do Wordpress, jak lubicie.

Retrospect

retrospect-one-page-html5-template
Jednostronicowy szablon WWW, bez CMSów, ot tak.

Material hover effect

material-button-hover-effect-snippet
Efekt hover dla linków inspirowany Material Design.

Hover to see magic

css-search-button-and-field-animation
Świetny pomysł na implementacje szukajki na stronie.

Restaurant mockups

freebie-slide-1435567970-1
Dwa wysokiej jakości mockupy dla restauracji.

Dynamics.js

Zrzut ekranu 2015-07-01 o 11.01.42
Biblioteka to interesujących animacji na stronę.

Guitar Tuner

grabs
Strojenie gitary przez przeglądarkę? Proszę bardzo.

Text to color

Zrzut ekranu 2015-07-01 o 11.05.31
Zamień każdy text na kolor. Co ciekawe DailyWeb i zielony, prawie się zgadza :)

Color Matching Game

Zrzut ekranu 2015-07-01 o 11.08.07
Świetna gra, polegająca na tym by dopasować kolor do tego, który aktualnie jest wyświetlany. Uwaga wciąga.

CodeFace

codeface-header-HR
Zestaw fontów inspirowanych tymi znanymi z konsoli.

Gry dla Designerów

1
Okazuje się, że istnieje osobny segment gamingu - ten poświęcony konkretnie Designerom ;-)

Patron odcinka...?

wmsponsor
W tym miejscu może znaleźć się Twoja propozycja dla Czytelników DW. Drogo nie chcemy, raptem 99zł :-)

Videvo

2
Stocki zdjęciowe coraz bardziej popularne, to samo z serwisami oferującymi darmowe sample video.

UI OH MY

3
Serwis prezentujący dlaczego aplikacje na iOS są ładniejsze niż na Adroida ;-) A tak zupełnie poważnie, to możecie porównać wygląd aplikacji mobilnych na tych dwóch środowiskach.

Animal Font

4
Kapitalny font, gdzie w każdej literce znajdziemy uroczego zwierzaka.

Ice and Sky

5
Niesamowita realizacja. Nie klikajcie jeśli nie chcecie poznać interesującej historii pewnego Pana i zmiany klimatu.

Gradify

6
Narzędzie, które pobiera dominujący kolor ze zdjęcia. Może także z dominujących kolorów utworzyć gradient.

San Francisco Font

San-Francisco-display-versus-text
Omówienie nowego fontu od Apple.

Zrozumieć dysleksje

3047080-inline-i-1-try-reading-this-font-and-youll-better-understand-what-dyslexia-is-like
Świetny artykuł i próba zrozumienia czym jest dysleksja. Możesz nawet spróbować poczuć dysleksje na własnej skórze, przez specjalnie spreparowany font.

Applandr

7
Takie projekty to ja lubię. Applandr to narzędzie do tworzenia (za darmo) landing page z aplikacji umieszczonej w iTunes, wystarczy tylko do niej podać linka. Świetne!

Swift Ipsum

swiftipsum
Serwisów generujących słynne lore ipsum dolor jest więcej niż Kowalskich w Polsce, ale ten wyróżnia fakt, że generuje ipsumy z gotowymi tagami HTMLowymi :)

Bluenod

bluenod
Narzędzie do generowania map znajomych na Twitterze. Póki co próbuje się dowiedzieć: po co? Mimo to wygląda efektownie ;-)

Rocket.chat

rocketchat
Jeszcze czaty nie umarły. Tutaj wersja Open Source i w dodatku całkiem ładna i przyjemna. Doskonałe użycie nowej domeny :)

Theme Bro

themebro
Doskonała wyszukiwarka szablonów dla WordPress. Ustalacie zakres cen i przeznaczenie i et voila!

HazeOver

hazeover
Coś dla użytkowników jedynego słusznego OS. Narzędzie wspomagające skupienie na Mac OS.

Custom vs Template

custom
Odpowiedź na odwieczne pytanie: czy pisać szablon od zera czy kupić?

Efekt deszczu w CSS3

raindrops-nofilter-optimized-700x370
Dla tych, którzy chcą zaimplementować trochę deszczu na swojej stronie... w CSS.

Patron odcinka...?

wmsponsor
W tym miejscu może znaleźć się Twoja propozycja dla Czytelników DW. Drogo nie chcemy, raptem 99zł :-)

WordPressowa Checklista

Zrzut ekranu 2015-06-03 o 08.46.12
Ostatnio zrobił się trend na checklisty. Tutaj odpowiednik wordpressowy, podzielony na najważniejsze kategorie (dev, instalacja, seo). Wszystkie najważniejsze rzeczy w jednym miejscu.

Zoommy

Zrzut ekranu 2015-06-03 o 08.49.02
Czeka w kolejce do testów, ale wszyscy znajomi zachwyceni. Aplikacja desktopowa do poszukiwania zdjęć ze stocków (ostatnio popularny temat). Tylko dla posiadaczy jedynego, słusznego systemu :)

Pixel Flow

Zrzut ekranu 2015-06-03 o 08.56.37
Wszyscy wiemy, że CSS rządzi, ale tu fajna biblioteka jQuery do... pixeli, dużej ilości pixeli i podanych w ciekawy sposób, szczególnie polecam gradient pixeli.

Dynamiczne Tweety w emailu

Zrzut ekranu 2015-06-03 o 08.59.15
Tutorial jak stworzyć dynamiczny feed z Twittera, w wiadomości email.

CSS Hacks

weekly_news_for_designers_11
Zestaw hacków CSSowych, których nie znałeś, a powinieneś.

SVG - gradient liniowy

weekly_news_for_designers_14
Ramka z gradientem w SVG.

Youtube od A do Z

Zrzut ekranu 2015-06-03 o 09.10.13
Znasz Youtube od A do Z?

Hello Many

Zrzut ekranu 2015-06-03 o 09.12.09
Zestawy najlepszych UI, zebrane w jednym miejscu.

Vibrant.js

Zrzut ekranu 2015-06-03 o 09.13.38
Biblioteka do wyciągania dominujących kolorów ze zdjęć.

Frontstand

SetWidth1280-screenshots
Świetne narzędzie do fontów, niestety tylko dla OS X.

Brak pomysłu na tytuł

Zrzut ekranu 2015-05-26 o 20.57.47
...ale efekt imponujący!

Rabat 70% od DDR.PL

ddr-baner-400x270
Sponsor tego odcinka Webowego Miszmaszu [?]
Specjalnie dla czytelników DailyWeb rabat i przedpremierowo hosting SSD w ddr.pl. DDR Hosting to wysoka jakość, bezpieczeństwo i umiarkowane ceny! Kod DAILYWEB podajemy w formularzu zamówienia i otrzymujemy 70% zniżki na roczny abonament.

Magdeleine.co

Zrzut ekranu 2015-05-26 o 21.01.00
Codziennie jedno darmowe foto wysokiej rozdzielczości. Doskonałe uzupełnienie darmowych stocków.

Gumroad - Heroes

Iconic_20Film_20Characters
Zestaw świetnych grafik (bo ikony to chyba raczej nie są, ale kto wie) z popularnymi bohaterami filmów.

Tapety dla Androbiedy

451db2783e29222d987c0c1e16172087
Ukłon w kierunku wszystkich androidowców, zestaw świetnych tapet (lockscreenów) w formacie .psd

Paneuropa Neue

Paneuropa-Neue-Free-Typeface
Czysty i ładny font od naszego rodzimego twórcy.

Simplifica

SIMPLIFICA-Typeface-Free
Świetny, zupełnie darmowy font.

Stockowe The Simpsons

3046502-poster-p-1-the-simpsons-from-stock-video
Co gdyby zrobić czołówkę z The Simpsons bazując tylko na materiałach ze stocków? Efekt zaskakujący :-)

Bukku

Zrzut ekranu 2015-05-27 o 08.51.39
Absolutnie świetny, zupełnie darmowy szablon statycznej strony WWW.

SmartIcons

Zrzut ekranu 2015-05-27 o 08.54.15
Świetne narzędzie do ikon zarówno dla designerów jak i developerów. SmartIcons pozwala na generowanie ikon wedle własnych ustawień.

Jeśli umiesz narysować te trzy kształty...

1*pFnmGdR9Hhq_esQ6of2GzA
... to umiesz narysować wszystko. Ciekawy artykuł.

Iconate.js

Zrzut ekranu 2015-05-27 o 09.03.08
Generator animacji dla Twoich ikon.

20 fontów Material Design

font-post_1
20 darmowych alternatywnych fontów, które wpisują się w ideę Material Design.

30% rabatu na HOSTING BEZ LIMITU PREMIUM

group5_460x270-2
Dajemy 30% rabatu na HOSTING BEZ LIMITU PREMIUM w każdym abonamencie na group5.pl
Kod: DAILYWEB2015

Bubble Layout

Zrzut ekranu 2015-05-20 o 09.04.00
Na pierwszy rzut oka tyłka nie urywa, ale kliknijcie tylko w jedną z opcji, opad szczęki.

Marketbook

Zrzut ekranu 2015-05-20 o 09.09.11
Wszystkie dobrodziejstwa w jednym miejscu: mockupy, grafika, audio etc.

Mata


Wtyczka do Chrome, dzięki której oszczędzisz swój wzrok, tak mówią.

Psychologia kolorów

The-Matrix-color-palette-520x332
Bardzo interesujący i obszerny artykuł na temat psychologii, która kryje się za kolorami. Prawdziwy smaczek, nawet dla daltonistów (potwierdzam osobiście).

Google Bot i JavaScript

google-algorithm-blue-ss-1920-800x450
Bardzo ciekawe badanie Google Bota i indeksowania w JavaScript, kilka istotnych informacji dla fanów SEO.

StatusPage.io

thumbnail2-cadcaf15b310365b84acf7a05c618e99
Kolejny serwis z .IO na końcu, czyli musi być kreatywnie. Służy do budowania darmowych stron do obsługi błędu 404.

8bit Photoshop Game

news_designers_01
Coś dla prawdziwego designera, co fotoszopa się nie boi... w postaci 8bitowej gry.

Fullscreen Burger Menu

Zrzut ekranu 2015-05-20 o 09.29.10
Pełnoekranowa inspiracja do menu typu burger.

Office Pro Font

news_web_design_apr2345_19
Jest i coś dla fanów fontów.

Smiley.js

weekly-nws-02
Dla fanów emotikon, rotowane buźki ;-)

Nowy Internet Archive

Zrzut ekranu 2015-05-13 o 08.37.39
Archiwum Internetu zyskał zupełnie nowy, odświeżony interfejs. Może się podobać, nie sądzicie?

Patron odcinka...?

wmsponsor
W tym miejscu może znaleźć się Twoja propozycja dla Czytelników DW. Drogo nie chcemy, raptem 99zł :-)

Animowane statystyki

Zrzut ekranu 2015-05-13 o 08.46.35
Efektowny pen, do prezentowania w niebanalny sposób np. boxów ze statystykami.

3d CSS loader

Zrzut ekranu 2015-05-13 o 08.49.31
Co powiecie na loader 3D w czystym CSS?

Jak tworzyć piękny kod?

1*HaF8JditcEihP6P5BhISCw
Świetny tutorial jak tworzyć stylistycznie poprawny kod.

Font od Alberta Einstein'a

0631e97a6661ae100c1c205fc6e5ddff_original
Projekt na Kickstarterze, którego celem jest stworzenie fontu bazującego na charakterze pisma Einstein'a.

Bardzo oryginalna strona

Zrzut ekranu 2015-05-13 o 08.57.36
... do badania responsywności przeglądarki, sprawdźcie sami ;-)

Szablon WordPress: Toivo

screenshot
Prosty i przejrzysty szablon WordPress do celów wszelakich.

Responsywna i animowana ikona

Zrzut ekranu 2015-05-13 o 09.05.00
Kolejne Codepen'owe cudo.

20 szablonów HTML

New-Free-HTML-Website-Templates-917x367
Szablony HTML zawsze w cenie, tutaj paka 20 sztuk.

WWWWhere.io

wwwhere-outils-webdesigners_1
Agregator wszystkich przydatnych narzędzi dla naszej branży

Wprowadzenie do animacji CSS

example-700x459
Przyjemny tutorial, gdzie na tapecie animacje w CSS.

Is my code good?

Zrzut ekranu 2015-05-04 o 08.48.51
Świetny pomysł na narzędzie każdego DEVa. Aktualnie sprawdza kod, tylko w ramach GitHuba, ale inspiracja doskonała, by rozwinąć to narzędzie.

Rabat -30% od Dactive.pl

dw-sponsor
Sponsor tego odcinka [?]
Dla czytelników DailyWeb.pl specjalny rabat na tradycyjny hosting i MICRO hosting w dactive.pl. MICRO hosting łączy wysoką wydajność oraz niską cenę przy zachowaniu wysokiej jakości! Kod DAILYWEB podaj w formularzu zamówienia, a otrzymasz 30% zniżki na roczny abonament.

SmartScroll

Zrzut ekranu 2015-05-04 o 08.54.37
Świetne i oferujące sporo możliwości zarządzania... scrollem.

Responsive Accodrion

Zrzut ekranu 2015-05-04 o 08.57.30
Przykład na to, jak zorganizować responsywne obrazki ułożone w rzędzie.

Wizytówki Steva Jobsa

stevejobs3
Aukcja autentycznych wizytówek Steva Jobsa z czasów Apple, Pixar i Next. Aktualna cena ponad $5k. Świetnie by wyglądały na mojej ścianie...

Hamburger menu + buttony social media

Zrzut ekranu 2015-05-04 o 09.05.59
Co wyjdzie z połączenia animacji, hamburger menu i przycisków portali społecznościowych? Właśnie to.

Waveform Player

Zrzut ekranu 2015-05-04 o 09.10.01
Edytor plików audio, inspirowany programem Audacity, w całości przygotowany za pomocą JavaScript

Creative Scene Generator

freebie-slide-1430306360-1
Zestaw mockupów i innych grafik użytkowych.

Jak uniknąć kary od Google?

Zrzut ekranu 2015-05-04 o 08.51.26
Przezorny, zawsze ubezpieczony. Wszystkie najważniejsze aspekty w postaci infografiki, jak nie dostać kary od Google.

Clusterize.js

Zrzut ekranu 2015-05-04 o 09.27.35
Świetne narzędzie do prezentowania ogromnych ilości danych w postaci tabel.

10 kapitalnych efektów linków

Zrzut ekranu 2015-05-04 o 09.33.55
Paczka świetnych efektów przygotowanych na CodePen.

Froala

Zrzut ekranu 2015-05-04 o 09.35.49
Świetny pomysł na serwis. Gotowe elementy HTML do wykorzystania, podzielone na kategorie tematyczne. Absolutny must have chociażby do inspiracji.

500 Hipsters Vector Design

100-free-hipster-vector-designs
Coś dla prawdziwych hipsterów.

Apple Watch UI KIT

apple-watch-ui-kit-for-sketch
Zestaw grafik smartwatcha, którego i tak nikt nie kupi.

Cannaro Font

canaro-font
Interesujący i darmowy font.

Motion Blur Effect

motion-blur-experiment
Intersujący efekt rozmycia przy oknie dialogowym.

Marvel logo animation

Zrzut ekranu 2015-04-28 o 09.14.35

Fartscroll.js

Zrzut ekranu 2015-04-28 o 09.17.46
Nie wiem kto to wymyślił, ale zdrowy nie był. Gazy podczas scrollowania.

Drag'n'Drop effect

ColoringConcept
Świetna inspiracja do metody drag'n'drop poprzez kolorowanie elementów.

How to center in CSS

Zrzut ekranu 2015-04-28 o 09.22.11
Absolutny hit, rozwiązujący odwieczną zagadkę wyrównywania elementów. Świetna rzecz!

Elevator.js

Zrzut ekranu 2015-04-28 o 09.23.02
Sposób na scrollowanie z efektem przyjemnej muzyki.

Making Responsive Logos

noaa-emblem
Tutorial jak stworzyć responsywne logo.

Strony internetowe kandydatów na prezydenta

dolekemp1996
Rok 1996 i strony WWW kandydatów na prezydenta niestety nie rodzimego a w USA.

Kto rządzi na polskim Instagramie?

1108.1946-Instagram
No kto?

SVG Dot Bounce

Zrzut ekranu 2015-04-21 o 09.46.16
Niesamowicie efektowny skrypt przycisku, przy użyciu SVG.

Textures.js

Textures-js-–-SVG-patterns
Zestaw tekstur opartych o JS.

Tumblr style loaders

Zrzut ekranu 2015-04-21 o 09.49.46
Zestaw animowanych loaderów inspirowanych Tumblerem.

Code Kingdoms

code-kingdoms-726x447
Platforma dla dzieciaków, która nauczy podstaw programowania. Świetna zabawa i nauka zarazem.

Star Wars intro

Zrzut ekranu 2015-04-21 o 09.56.35
Kolejny efekt, dla fanów Star Wars ;-)

Pay me or else

Zrzut ekranu 2015-04-21 o 09.58.08
Ebook dla każdego, kto miał problemy z płatnościami od klienta ;-)

Layzr.js

Zrzut ekranu 2015-04-21 o 10.00.15
Prosta i sprawna biblioteka do efektu lazy load.

Ikony gestów

Zrzut ekranu 2015-04-21 o 10.03.49
Darmowy zestaw gestów w popularnych formatach: AI, PNG, PSD.

CTA.js - Call to Animation

Zrzut ekranu 2015-04-21 o 10.06.52
Dużo efektów, dużo Material Design.

Pacapong

Zrzut ekranu 2015-04-21 o 10.08.59
Co się stanie kiedy połączymy słynną grę Pong i Pacmana? Powstanie Paca Pong - istne szaleństwo.

3D Scrolling

Zrzut ekranu 2015-04-21 o 10.10.59
Efektów przewijania nigdy nie za wiele, ten mimo że wiele nowego nie wnosi, to ma sporo możliwości.

Formatowanie tekstu

news_design_apr_06
Prosty, czytelny i przejrzysty przewodnik z przykładami na żywo jak stosować język do formatowania tekstów.

White One Pager

Zrzut ekranu 2015-04-08 o 10.20.22
Jednostronicowy szablon HTML.

Eryn Theme

2
Bardzo przyzwoity szablon WordPress dla prawdziwego lub udawanego blogera ;-)

Blogger Sans

freebies_march_43
Coś dla blogerów, którzy wielbią font Comic Sans ;-)

18 Blurred Backgrounds

4
Zestaw 18 rozmytych teł do zastosowań wszelakich. Wszystkie w wysokiej rozdzielczości.

Do czego email marketing?

Zrzut ekranu 2015-04-08 o 10.29.02
Rodzima produkcja od Freshmail, czyli do czego potrzebny Ci email marketing?

Mobile Ghost UI

freebie-slide-1427792204-1
Świetny UI dedykowany dla urządzeń mobilnych.

Freeze

OLEOSE-MOBILE-APP-LANDING-PAGE
Darmowy landing page dla aplikacji mobilnych.

Lory.js

newswkdesign_07
Slider z obsługą gestów.

Chrome-like tabs

9
Zakładki w stylu przeglądarki Chrome, przygotowane za pomocą Angulara i Bootstrapa.

20 szablonów HTML5

10
Zestaw 20 darmowych, dobrej jakości szablonów HTML5.

Pixel Counter

11
Gdyby kiedyś Cię naszło policzenie wszystkich pixeli w wybranym obrazku, to to narzędzie Ci w tym pomoże ;-)

Czego nie mówić fotografowi?

12
Takie tam piątkowe heheszki, czyli czego nie mówić fotografowi?

White

1
Bardzo ładny, jednostronicowy szablon HTML, stworzony w oparciu o Bootstrap.

Najlepsze narzędzia do Chrome dla blogerów

2
Przygotowane przez serwis WPeka, zestawienie najciekawszych narzędzie dla blogerów, w oparciu o przeglądarkę Chrome.

10 Vintage Badges

3
Zestaw bardzo przyjemnych dla oka grafik.

Organic Food Icon Set

4
Zestaw ikon związanych z jedzeniem we wszystkich popularnych formatach.

SVG Glitch

5
Bardzo fajny efekt, przy użyciu SVG.

Elastic Stroke

6
Kolejny efekt z kategorii WOW, przy użyciu CSS

Slashed Effect

7
Kolejny efekt przeciętego fontu.

Long shadow

8
Kilka świetnych efektów związanych z cieniem. Do dyspozycji te w stylu long shadow czy wersja retro.

Text Animation

9
Bardzo prosty ale jak przyjemny dla oka efekt animacji tekstu.

Daft Punk Konsole

10
Zostań DJem chociaż przez chwilę, świetna zabawa z konsolą Daft Punk ;-)

Flat Icon Set

11
Kolejny zestaw z płaskimi ikonami. Must have!

Moon Font

12
Piękny księżycowy (z nazwy) font.

Transformicons

monthly-feb-16
Świetne narzędzie umieszczenia na stronie animowanych ikon.

Prezentacja i ikony Material Design

monthly-feb-17
Dla fanów Material Design zestaw ikon i plik prezentacji.

Zestaw ikon SEO i DATA

monthly-feb-24
Ikon SEO nigdy nie za wiele.

14 Blurred Backgrounds

monthly-feb-47
Zestaw przyjemnych dla oka teł w oparciu o efekt rozmycia.

Perfect Effects 9

perfect-effects-3
Płatny program, udostępniony za darmo, którego zadaniem jest bardzo funkcjonalna obróbka zdjęć. Lepiej się pospieszcie, bo promocja jest chwilowa. Dostępny zarówno dla Windows jak i OSX.

Secondary Sliding Navi

secondary-sliding-navigation-featured
Kreatywny sposób na dodatkowe, efektowne menu.

1001 Free Downloads

1001FreeDownloads
Odpowiednik darmowych stocków ze zdjęciami, tylko dla wszelkich rodzajów grafik.

Awesomeplete

wknewsf_02
Przyjazne dla oka narzędzie do automatycznych podpowiedzi.

Datedropper

wknewsf_03
Narzędzie do dat w inputach.

Historia popularnych ikon

wknewsf_10
Bardzo ciekawy artykuł o pochodzeniu popularnych ikon.

Jak pokonać trolla internetowego?

OuttrollaTrollFeat-840x420
Interesujący artykuł, o tym jak pokonać trolla internetowego, grając w jego grę ;-)

Stickshift

wkz_news_03
Piękny, nowoczesny i czysty interfejs dla SQL? Proszę bardzo.

Vivaldi

1
Nowa przeglądarka od twórcy opery, która raczej rynku nie zdobędzie. Mimo wszystko interesująca propozycja.

World Map

2
Świetny eksperyment, który łączy ze sobą Google Translator czy Google Maps.

Overscroll.js

3
Niewielki skrypcik, który zaskoczy Twoich gości na stornie, gdy tylko będą chcieli przescrollować stronę za bardzo ;-)

CSS Units Tutorial

4
Dobrze podane wyjaśnienie wszystkich nowych jednostek w CSS3.

Shiny Text

5
Kolejny pokazówka.

Inbox Pixels

6
Jeśli szukasz inspiracji graficznych, to zostawiając tutaj mejla otrzyma odpowiednią dawkę, raz w tygodniu.

Icono

7
Dużo darmowych ikon CSS.

Emmet Re:View

8
Wtyczka do Chrome, która zaprezentuje przedziały responsywności na wybranej stronie.

SVGOMG

9
Narzędzie do optymalizacji formatu SVG.

Animsition

10
Zestaw gotowych animacji.

CSS3 Logos

11
Logo znanych marek w czystym CSS3, bajka :-)

Agency

12
Darmowy szablon WWW z dedykacją dla agencji interaktywnej, stworzony za pomocą Bootstrap.

Nicer Icons Hover Effect

13
Kilka hoverowych inspiracji dla ikon.

Retro Jam

14
Jak dla mnie dzisiejszy hit zestawienia. Serwis, który wyśle Cię w nostalgiczną podróż po najpopularniejszych utworach z najpopularniejszych okresów Twojego życia związanych z edukacją. U mnie wszystko się zgadza ;-)

RICG Responsive Images

1
Z tą WordPressową wtyczką zniknie problem responsywnych obrazków.

Hex Invaders

2
Zweryfikuj swoją znajomość kolorów w formie szesnastkowej. Uwaga, tylko dla prawdziwych nerdów ;)

Material Design Menu

3
Świetny pomysł na stworzenie menu w zgodzie z ideą Material Design, a także gotowy skrypt do pobrania.

Short story of Wordpres UX/UI

4
Jeśli chcecie poznać jak to właściwie było z UI i UX w odniesieniu do Wordpress, to między innymi tu.

Center and Crop Images

6
Wiedza tajemna, jak właściwie jednym poleceniem wycentrować i przyciąć zdjęcie.

Minimaluu

7
Szablon do Wordpress, który zdecydowanie zasłużył na osobny wpis. Co ja wyprawiam? ;-)

101 Inspirational Quotes

8
Dziś w zestawieniu kolejny eksperyment. Ostatnio przypadł Wam wpis wprost ze świata Designu, dziś więc kolejny. 101 inspirujących cytatów dla osób z branży.

Locate a Wordpress Plugin Conflict

9
Krótki tutorial jak odnaleźć problematyczną wtyczkę, metodą siecznych(?). Bardzo proste i bardzo praktyczne, gdy któraś z wtyczek rzuca błędem, a Ty nie masz pojęcia która.

10 Fonts of 2014

10
10 najpopularniejszych fontów roku 2014.

Auto-Hide Sticky Header

11
Tutorial jak przygotować efektowny nagłówek.

Valentine's Icon Set

12
To dość pretensjonalne i mimo, że do Święta Zakochanych zostało jeszcze trochę czasu, to i pewno ikony się przydadzą ;)

TRIF

13
WOW! Totalna psychodela, wciągnęło mnie mocno. Mimo, że muzyka mi całkiem obca, to cały pic polega na synchronizowaniu plików .GIF z dźwiękiem. Otrzymujemy także możliwość przełączania scen. Uwaga, wciąga!

Common Sleep Positions

14
Tak, tak - optymalizacja spania!

Twitter Poetry

15
Narzędzie zgrabnie zamieni Twoje tweety w wysublimowaną poezję! ;-)

The Stocks

1
Kolejny serwis, jako darmowa alternatywa dla stocków.

Fitter Happier Text

2
Skrypt do oszałamiających nagłówków.

Brackets

3
Edytor, który ponoć rozumie Web Design.

Gyroscope

4
Interesujące narzędzie, które wyświetli całą Twoją internetową aktywność.

Privacy Pal

5
Proste narzędzie do prześwietlenia warunków korzystania z wybranej strony.

Material Interaction

6
Google Material Design w wersji interakcyjnej.

Blockrain.js

6
Tetris! :-)

Beetle

7
Darmowy szablon dla strony WWW.

Slash - Badass font

8
Bezkompromisowy, dobrze skrojony font.

Zombie Street

9
Zombiaki w połączeniu z Google Maps, ciekawy eksperyment :-)

PhotoSwipe

10
Prosta, ale niezwykle funkcjonalna galeria zdjęć do implementacji na stronie.

Big Picture

11
Jeden wielki notatnik online :-)

Firewatch

12
Świetny skrypt z efektem paralaksy.

Material UI Colors

13
Wszystkie Materialowe kolory, zebrane w jednym miejscu.

HTML5UP

1
Zestaw naprawdę kapitalnych, w pełni darmowych szablonów. Umieszczałem je kilka dni temu na naszym fanpejdżu, ale warte są własnego kąta na Webowym Miszmaszu.

Readerrr

2
Ciekawa alternatywa dla wszechobecnego Feedly. Wprawdzie docelowo kosztuje $4, ale myślę że warto narzędzie chociażby przetestować za darmo.

GetTheTemplate

3
Kolejny zestaw ciekawych i naturalnie darmowych szablonów HTML5/CSS3.

Nasty Icons

4
Nie do końca grzeczne, darmowe ikony.

Really Good Emails

5
Zestaw inspiracji - w jaki sposób umiejętnie przygotować korespondencje email, zarówno tą hurtową (niuslettery) jak i prywatną.

TWProject Gant

6
Narzędzie, do generowania wykresów Ganta.

Dot's Dictionary

7
Słownik dla każdego początkującego, jak i wprawionego designera. Zawiera pozycje słownikowe - wprost z branży, podane w przyjemny sposób.

Screenshooter

8
Dla mnie dość zastanawiające narzędzie, bo po co komuś zarządzanie screenshootami w formie aplikacji mobilnej, ale może ktoś z Was znajdzie zastosowanie? ;-)

Design for the Web

9
Kopalnia Web-Designowych smaczków, wprost z zeszłego roku.

Weblox

10
Narzędzie do budowania stron opartych na Bootstrapie, metodą przeciągnij/upuść.

Sitedrop

11
Interesujące narzędzie, zamieniające wskazany folder na Dropbox w pełnoprawny serwis WWW.

Splashbase

12
Dużej rozdzielczości grafiki, zupełnie za darmo? Proszę bardzo.

Free Survey Creator

13
Jak sama nazwa podpowiada - narzędzie do tworzenia w wizualnym edytorzy - gotowych ankiet na stronę WWW.

Liberio

14
Było narzędzie konwertujące Dropboxa, to teraz czas na narzędzie które pozwala utworzyć ebooka prosto z Twojego konta Google Drive.