#webdev #frontend #webemzet

▪ Kurs Angulara 2
▪ Animacja systemu solarnego w CSS3
▪ Bardziej zaawansowana nauka CSS
▪ Kolejna świetna strona do nauki Gita
▪ Przyjazny wstęp do VueJS 2
▪ Popularne ostatnio Dynamic Points (Sass + JS)
▪ Jak powinny wyglądać karuzele w JS
▪ 9 niewykorzystywanych funkcji CSS
▪ Sergei Garcia opowiada o tym jak został front-end developerem

Więcej linków i nowości na fanapagu
@TeflonDon: Sprawdziłem i 'u mnie działa', może coś chwilowo było nie tak z ich serwerem.
@MadPine: Wrzuciłem Wam, bo zrobiłem kilka pierwszych lekcji i fajnie to wyglądało, ale teraz faktycznie widzę, że tylko 1 część jest darmowa ( ͡° ʖ̯ ͡°)
Cześć mireczki! Chciałbym poznać wasze zdanie na temat interfejsów na urządzeniach mobilnych. Jeśli korzystacie z przeglądarki internetowej na swoim smartphonie bądź tablecie, to na pewno natknęliście się na symbol „Hamburger menu” (patrz u dołu strony). Zazwyczaj wygląda to tak, że właściwe menu strony wyświetla się wam po kliknięciu w ikonkę hamburgera. Przeprowadziłem drobne badanie i jest on wykorzystywany na ponad 70% najpopularniejszych stron w Polsce (w wersji mobilnej).

Czy to znaczy, że
karolkamyk - Cześć mireczki! Chciałbym poznać wasze zdanie na temat interfejsów na ur...

źródło: comment_rMpDHvqM81ziKML61n5mVjp1J2fyB7pQ.jpg

Pobierz
Wyobraźcie sobie, że jedziecie autostradą i chcecie się dostać na lotnisko. Nawet jeśli skupiacie się na innych użytkownikach drogi, to i tak (świadomie, bądź nie) zauważycie znak mówiący wam o zjeździe na lotnisko. Teraz wyobraźcie sobie, że na drodze nie ma żadnych znaków. Mamy nowoczesną technologię, która wyświetla znaki na przedniej szybie. W celu wyświetlenia znaków musicie nacisnąć przycisk na kierownicy, przejrzeć znaki, a następnie wyłączyć ich widoczność (znaki zasłaniają widok na
Potrzebuję jakiegoś grid'a CSS, projekt nie za duży, więc nie ma sensu ładować całych frameworków.
- coś w miarę popularnego
- oparty na flexboxie i ogólnie CSS3, bez żadnych floatów i clearfixów
- im więcej podziałów na rozdzielczości tym lepiej

#css #css3 #frontend #webdev
hej mirki z #frontend i #javascript oraz #nodejs #npm, mam taki problem że chciałbym zaciągać npm'em kilka paczek i sklejać je w jeden plik, wiadomo uzywam grunta i wszystko jest spoko tylko że za każdym razem jak dodaje nową paczkę muszę modyfikować ten grunt/gulp task, jest jakaś opcja żeby to ogarnąć łatwiej? myślałem o zrobieniu pliku z ścieżkami plików które chce połączyć, załatwiło by to odrazu kolejność ich łączenia, ale nie
Ogarnia ktoś Webpacka i odpowiedziałby na kilka pytań, bo już #!$%@? dostaję?

Na początek, mam taką strukturę projektu:

/node_modules/
/src/
- /app/
--- - vendor.js

W vendor.js chciałbym zaimportować Vue, które pobrałem z npm. Standardowe import 'vue' nie działa - nie wywala błędu, ale nie dołącza biblioteki do pliku.

#webpack #frontend #npm #vuejs
masz moj config do webpacka:

const webpack = require('webpack');
module.exports = {
// the main entry of our app
entry: ['./src/index.js', './src/auth/index.js'],
// output configuration
output: {
path: __dirname + '/build/',
publicPath: 'build/',
filename: 'build.js',
},

module: {
loaders: [
{ test: /\.vue$/, loader: 'vue' },
{ test: /\.html$/, loader: 'html' },
{ test: /\.css$/, loader: "style-loader!css-loader" },
{ test: /\.js$/, loader: 'babel', exclude: /node_modules/ }
]
},
babel: {
presets: ['es2015'],
@zukuS: po co kombinujesz pod gorke jak jest dostepny template vue-webpack ? Rozumiem, ze pewne rzeczy warto rozumiec itp a nie kopiowac, ale nie ma co wynajdowac kola od nowa.
Odkąd założyłem konto na CodePen zachwycam się różnymi projektami.

Dużo tam obrazków tworzonych, z tego co widzę w CSS. Przykłady: #1 #2. Mam parę pytań:

1. W jaki sposób są pisane te obrazki? Chyba nie po prostu w CSS-ie, patrząc na przerażającą czasami ilość liczb, znaków (w tych przykładach akurat tak strasznie nie jest).

2. Zgaduję, że takie są lepsze od zwykłych obrazków, wklejanych na stronę (.jpg, .gif). Z jakich powodów?
Czy ktoś może zna gotowe rozwiązanie lub takie, które można by było zaadoptować do ciekawej (może 3D) wizualizacji sprzedawanych mieszkań w danej inwestycji, chodzi o rozmieszczenie danego mieszkania na planie budynku, ewentualna możliwość wyboru mieszkania na planie tej wizualizacji i wyświetlenie szczegółów.
A może coś innego ciekawego?

#frontend #webdev #webdesign
Mam pytanie o dobra praktykę w kontekście RWD i CSS odnośnie media queries.

Mówi się też dużo o podejściu mobile first. I w skrócie to czy plik css-owy powien od razu być podzielony na parę głównych media queries i w jednym robimy całą strukturę i w innych ją kopiujemy i ewentualnie zmieniamy, czy najpierw robimy generalną strukturę strony bez żadnych wytycznych media i zakładamy, że to np widok średniego monitora, a resztę