Etyczne projektowanie, optymalizacja filmów i zwracanie uwagi na nasze głośniki SmashingConf

Ważną częścią naszej pracy jest bycie na bieżąco i wiemy, jak trudne może to być. Technologie tak naprawdę nie zmieniają się tak szybko — określenie i wdrożenie języków kodowania zajmuje dużo czasu. Jednak pomysły związane z tymi technologiami i rzeczy, które możemy z nimi zrobić, nieustannie ewoluują i każdego dnia publikowane są setki wpisów na blogach i artykułów. Nie ma mowy, abyś je wszystkie przeczytał, ale nadal musisz być na bieżąco.

Nie bój się, mamy twoje plecy! Nasz dwutygodniowy podcast Smashing obejmuje różnorodne tematy na wielu poziomach wiedzy.

Pozdrowienia i wielkie podziękowania dla Drew McLellana i Bethany Andrew za uczynienie odcinków tak błyskotliwie dowcipnymi i pouczającymi!

• Poprzednie odcinki (w tym transkrypcje)
• Śledź @SmashingPod na Twitterze

Piękny nowy dodatek do Smashing Books

Jesteśmy tak dumni, że wprowadzamy nową książkę na półkę Smashing — okładkę tak elokwentnie zaprojektowaną i książkę, która porusza tematy bardzo bliskie naszemu sercu: etykę i prywatność.

„Podręcznik etycznego projektowania” to nasz nowy przewodnik dotyczący etycznego projektowania produktów cyfrowych, które szanują wybory klientów i są tworzone oraz projektowane z myślą o etyce. Zawiera wiele praktycznych wskazówek, jak podejmować etyczne decyzje, aby wpłynąć na pozytywne zmiany i pomóc firmom w zrównoważonym rozwoju.

Oczywiście możesz przejść od razu do spisu treści i przekonać się sam, ale pamiętaj, aby zamówić książkę w przedsprzedaży, póki możesz! Jeszcze przed oficjalną premierą dostępna jest zniżka — zaczniemy wysyłać drukowane egzemplarze w twardej oprawie w pierwszych dwóch tygodniach marca! Bądźcie czujni!

Nauka i networking, świetny sposób

Nasze SmashingConfs są znane jako przyjazne, integracyjne wydarzenia, podczas których programiści i projektanci front-end spotykają się, aby uczestniczyć w sesjach na żywo i praktycznych warsztatach. Od projektowania na żywo po debugowanie na żywo, chcemy, abyś pytał prelegentów o wszystko — od konwencji nazewnictwa po strategie debugowania. Podczas każdej rozmowy będziemy mieli wystarczająco dużo czasu, aby przejść do szczegółów i pokazać na dużym ekranie prawdziwe przykłady z prawdziwej pracy.

Lubimy przybliżać Cię do ludzi pracujących w branży internetowej, dlatego co jakiś czas przeprowadzamy wywiady z prelegentami, którzy dzielą scenę! W przypadku SmashingConf Austin w centrum uwagi znalazły się:

• Miriam Suzanne, która opowie o wspaniałym nowym świecie CSS, nowych technikach i możliwościach.
• Zach Leatherman, który opowie nam o wszystkim, co musimy wiedzieć o typie, narzędziach wydajności czcionek i ogólnym przepływie pracy, jeśli chodzi o czcionki internetowe.
• Remi Parmentier, który przybliży nam stary, dobry e-mail HTML, popularne techniki, stan rzeczy i to, co możesz dziś osiągnąć dzięki e-mailowi ​​HTML (jeśli jesteś wystarczająco chętny, aby odkrywać jego niekonwencjonalny świat).

W świetle reflektorów optymalizacja plików wideo

Zaznacz swoje kalendarze! Za niecałe dwa tygodnie ( 25 lutego ) zorganizujemy webinarium Smashing TV z Dougiem Sillarsem, który podzieli się kilkoma możliwymi scenariuszami optymalizacji plików wideo pod kątem szybkiego i wydajnego odtwarzania w sieci. Dołącz do nas o 17:00 w Londynie czas — chcielibyśmy usłyszeć Twoje przemyślenia i doświadczenia, które miałeś w swojej karierze!

Popularne tematy na SmashingMag

Codziennie publikujemy nowy artykuł na różne tematy aktualne w branży internetowej. Oto niektóre, które nasi czytelnicy wydawali się najbardziej lubić i polecali dalej:

• „Jak tworzyć mapy za pomocą React i ulotek”
  autor: Shajia Abidi
  Ulotka jest bardzo potężnym narzędziem i możemy tworzyć wiele różnych rodzajów map. Ten samouczek pomoże Ci zrozumieć, jak stworzyć zaawansowaną mapę wraz z pomocą React i Vanilla JS.
• „Zrozumienie siatki CSS: obszary szablonów siatki”
  przez Rachel Andrew
  W nowej serii Rachel Andrew przedstawia specyfikację CSS Grid Layout. Tym razem prowadzi nas przez grid-template-areas i sposoby ich wykorzystania do umieszczania przedmiotów.
• „Jak stworzyć bezgłową witrynę WordPress na JAMstack”
  Sarah Drasner i Geoff Graham
  W tym poście Sarah i Geoff przygotowali stronę demonstracyjną i samouczek dla bezgłowego WordPressa — w tym szablon startowy! Wyjaśniają, jak skonfigurować aplikację Vue z Nuxt, pobierając posty z naszej aplikacji za pośrednictwem API WordPress.
• „Magiczne odwracanie kart: rozwiązanie powszechnego problemu z rozmiarem”
  autor: Dan Halliday
  W tym artykule Dan omawia standardowe podejście do tworzenia animowanych kart z klapką i przedstawia ulepszoną metodę, która rozwiązuje problem z rozmiarem.

Najlepsze propozycje z naszego biuletynu

Wraz z początkiem nowej dekady postanowiliśmy zacząć od tematów poświęconych wydajności sieci. Jest tak wielu utalentowanych ludzi pracujących nad genialnymi projektami, a my chcielibyśmy szerzyć to słowo i dać im uznanie, na jakie zasługują!

Uwaga : Ogromne podziękowania dla Cosimy Mielke za napisanie i przygotowanie tych postów!

Mali pomocnicy dla programistów internetowych

Minimalizowanie SVG, wyodrębnianie CSS z HTML lub sprawdzanie Twojej palety kolorów pod kątem dostępności — wszyscy znamy te chwile, kiedy potrzebujemy małego narzędzia, które pomoże nam szybko i skutecznie wykonać zadanie. Jeśli kiedykolwiek ponownie znajdziesz się w takiej sytuacji, Tiny Helpers może mieć narzędzie, którego szukasz.

Utrzymywany przez Stefana Judisa Tiny Helpers to zbiór darmowych, jednofunkcyjnych narzędzi online dla twórców stron internetowych. Narzędzia obejmują wszystko, od interfejsów API, dostępności i koloru, po czcionki, wydajność, wyrażenia regularne, SVG i Unicode. A jeśli znasz przydatne narzędzie, które nie jest jeszcze polecane, możesz przesłać żądanie ściągnięcia ze swoją sugestią. Jeden na zakładki.

Prawdziwa inspiracja paletą kolorów

Istnieje wiele fantastycznych witryn, które pomagają znaleźć inspirujące palety kolorów. Jednak po znalezieniu palety, którą lubisz, największe pytanie pozostaje bez odpowiedzi: jak zastosować kolory do swojego projektu? Happy Hues służy pomocą.

Zaprojektowany przez Mackenzie Childa, Happy Hues daje inspirację z palety kolorów, będąc jednocześnie przykładem tego, jak można wykorzystać kolory w projekcie. Po prostu zmień paletę, a witryna Happy Hues zmieni kolory, aby pokazać Ci, jak Twoja ulubiona paleta wygląda w rzeczywistym projekcie. Mądry!

Bezpłatne plakaty z heurystyką użyteczności

W 1994 roku Jakob Nielsen napisał artykuł dla Nielsen Norman Group, w którym przedstawił ogólne zasady projektowania interfejsów: 10 heurystyk użyteczności. Dziś, dekady później, te heurystyki nadal służą jako lista kontrolna dla projektantów interfejsów. Fakt, który zainspirował pracowników Agente Studio do stworzenia dedykowanego im zestawu plakatów.

Każdy z dziesięciu pięknie zaprojektowanych plakatów ilustruje i wyjaśnia jedną z heurystyk Nielsena. Plakaty są objęte licencją CC i można je pobrać i wydrukować za darmo po udostępnieniu strony w mediach społecznościowych. Dostępne są formaty JPEG i EPS.

Przewodnik po walce ze śledzeniem online

Nie jest tajemnicą, że jesteśmy śledzeni online. I chociaż nie możemy tego wszystkiego powstrzymać, są rzeczy, które możemy zrobić, aby walczyć.

W swoim artykule w New York Times Tim Herrera zagłębia się w dane, które firmy zbierają o nas i jak udostępniają je stronom trzecim, w „tajne wyniki” i szokujące raporty osób trzecich, które zawierają listę naszych zamówień na usługi dostawcze i prywatne wiadomości Airbnb z lat. temu. Oprócz tego, że jest dobrym przypomnieniem, aby być bardziej ostrożnym przy przekazywaniu naszych danych, artykuł zawiera linki do narzędzi i praktycznych wskazówek, jak zapobiegać śledzeniu reklamodawców. Musisz to przeczytać.

Ilustrowany przewodnik dla dzieci po Kubernetes

Czy kiedykolwiek próbowałeś wyjaśnić inżynierię oprogramowania dziecku lub przyjacielowi, koledze lub krewnemu, który nie jest tak obeznany z technologią? Cóż, znalezienie prostych słów w celu wyjaśnienia złożonej koncepcji może być wyzwaniem. Wyzwanie, które „Ilustrowany przewodnik dla dzieci po Kubernetes” doskonale sobie radzi.

Zaprojektowany jako książka z bajkami i dostępny do czytania online lub jako plik PDF, bezpłatny przewodnik opowiada historię aplikacji PHP o nazwie Phippy, która marzyła, aby mieć własne środowisko, tylko siebie i serwer internetowy, który mogłaby nazwać domem. Podczas swojej podróży spotyka kapitana Kube, który daje jej nowy dom na swoim statku Kubernetes. Piękna metafora wyjaśniająca podstawową koncepcję Kubernetes.

Generator kształtów geometrycznych

Aby wyróżnić się z tłumu niezliczonych witryn internetowych, możemy zdefiniować jedną wyjątkową rzecz, podpis , który nadaje odrobinę osobowości naszym produktom cyfrowym. Być może jest to efekt małego glitchu, bazgrołów, gry lub nietypowych kształtów. Lub może to być zestaw pozornie losowych geometrycznych linii przepływu.

Generator linii przepływu generuje losowe linie geometryczne, a my możemy dostosować formuły i odległości między narysowanymi kształtami, a następnie wyeksportować wynik jako SVG. Być może każda strona w Twojej witrynie może mieć w jakiś sposób odmianę tych wierszy? To może wystarczyć, by wyróżnić się z tłumu, głównie dlatego, że nikt inny nie ma tak dokładnego traktowania wizualnego. Może warto się temu przyjrzeć!

Git od początkującego do zaawansowanego

Większość z nas będzie miała do czynienia z Git regularnie, czasami uruchamiając polecenia Git z terminala, a czasami używając wizualnego narzędzia do ściągania, wypychania, zatwierdzania i łączenia. Jeśli masz ochotę zwiększyć swoje umiejętności i zdobyć kilka supermocy Git, od czego zacząć?

Mike Riethmueller opublikował krótki przewodnik po Git, od początkującego do zaawansowanego, wyjaśniający, jak działa Git, jak go konfigurować, aliasy, ważne polecenia, umieszczanie/usuwanie plików, zarządzanie konfliktami scalania, przechowywanie i kilka zaawansowanych wskazówek. Potrzebujesz bardziej zaawansowanych rzeczy? Harry Roberts opublikował „Małe rzeczy, które lubię robić z Git”, Atlassian ma zaawansowane samouczki Git, Bruno Passos zawiera listę przydatnych poleceń git, a GitHub udostępnia plik PDF ze ściągawkami Git.

Muzeum Przestarzałych Mediów

Czy pamiętasz czasy, kiedy słuchałeś kasety muzycznej na odtwarzaczu Walkman, oglądałeś ulubiony film na taśmie wideo zamiast strumieniować go lub zapisywałeś dane na dyskietce? Media, które wtedy uważaliśmy za najnowocześniejsze, dziś są przestarzałe. I cóż, w przeszłości ten sam los spotkał wiele innych formatów.

W swoim Muzeum Przestarzałych Mediów Jason Curtis gromadzi przykłady mediów, które wyszły z użycia, nie tylko te, które możesz zapamiętać, ale także prawdziwe ciekawostki i skarby sięgające aż do połowy XIX wieku. Na przykład takie rzeczy jak „carte de visite”, „Gould Molded Records” lub „Magnabelt”. Fascynująca podróż w czasie.

Każde wydanie biuletynu Smashing jest pisane i redagowane z miłością i troską. Żadnych wysyłek zewnętrznych ani ukrytych reklam — masz nasze słowo.

Przydatne bity front-end i UX, dostarczane raz w tygodniu.

Z narzędziami, które pomogą Ci lepiej wykonywać swoją pracę. Subskrybuj i otrzymuj listy kontrolne inteligentnego projektowania interfejsu w formacie PDF Witalija za pośrednictwem poczty e-mail.

Twój (smashing) e-mail

Na froncie i UX. Zaufany przez 190 000 osób.