Publisher: 24
This book is for web designers who have a basic knowledge of HTML, CSS, and JavaScript and want to create Canvas or DOM-based games that run on browsers.
Jason Lee Elliott
The introduction of HTML5 has revolutionized the web browser as a legitimate gaming platform with unlimited potential. Making games for the browser has never been simpler, especially with GameMaker Studio. Developers have full control over asset management, built-in systems for physics, particles and path finding. In addition, it offers a rich scripting language and extensions for developers now enabling everyone to create games and monetize them quickly and easily.HTML5 Game Development with GameMaker will show you how to make and release browser based games using practical examples. This book utilizes GameMaker's powerful scripting language allowing you to create your first game in no time. With this guide you will develop a thorough skill set and a coherent understanding of the tools to develop games of increasing complexity, gradually enhancing your coding abilities and taking them to a whole new level. The GameMaker Studio environment allows you to jump right into building browser based games quickly and releasing them online. The chapters focus on core practical elements, such as, artificial intelligence and creating challenging boss battles. This book guides you on how to use advanced features easily and effectively, these include, data structures and demonstrating how to create rigid body physics with simple explanations and visual examples. By the end of this book you will have an in-depth knowledge of developing and publishing online social browser based games with GameMaker.
Ben Fhala
The HTML5 canvas tag makes creating any plot shape easy, all you have to do then is fill it with exciting visualizations written in JavaScript or using other visualization tools. HTML5 Graphing and Data Visualization Cookbook is the perfect break into the world of Canvas, charts, and graphs in HTML5 and JavaScript. In this book we will go through a journey of getting to know the technology by creating and planning data-driven visualizations. This cookbook is organized in a linear, progressive way so it can be read from start to finish, as well as be used as a resource for specific tasks.This book travels through the steps involved in creating a fully interactive and animated visualization in HTML5 and JavaScript. You will start from very simple hello worldù samples and quickly dive deeper into the world of graphs and charts in HTML5. Followed by learning how canvas works and carrying out a group of tasks geared at taking what we learned and implementing it in a variety of chart types. With each chapter the content becomes more complex and our creations become more engaging and interactive.Our goal is that by the end of this book you will have a strong foundation; knowing when to create a chart on your own from scratch and when it would be a good idea to depend on other APIs.We finish our book in our last two chapters exploring Google maps and integrating everything we learnt into a full project.
HTML5 i CSS3. Kurs video. Fundamenty frontendu
Marcin Pałka
Obierz kurs na... fundamenty frontendu W świecie frontendu mnogość nowoczesnych narzędzi, pluginów i frameworków niejednego przyprawi o zawrót głowy. Zmieniają się standardy języków programowania i można rzec – wszystko płynie. Jednak i w tym świecie bez zawahania da się wymienić dwóch największych graczy – są nimi HTML i CSS. Sięgnijmy do niezbędnej teorii i sprawdźmy, dlaczego. Język znaczników HTML odpowiada za strukturę strony internetowej i określa hierarchię znajdujących się w niej komponentów. Każdy element strony jest zdefiniowany przez kod źródłowy HTML, który następnie zostaje zinterpretowany przez przeglądarkę internetową. Bez właściwej struktury HTML przeglądarka nie odczyta i nie wyrenderuje oczekiwanej zawartości. Stąd wniosek: bez znaczników HTML nie da się stworzyć strony internetowej. No dobrze, a do czego potrzebny jest CSS? Kaskadowych arkuszy stylów CSS używa się do określenia wyglądu dokumentów HTML. Prócz nadawania stylu umożliwiają separację struktury HTML od jej wizualnej prezentacji, co zwiększa przejrzystość kodu. Dzięki znajomości CSS można dostosować rozmiar dokumentu do każdej szerokości ekranu i tworzyć w pełni responsywne, skalowalne projekty. HTML i CSS tworzą duet o ogromnym potencjale i stanowią fundamenty frontendu. W trakcie naszego profesjonalnego szkolenia: Poznasz możliwości narzędzi developerskich dostępnych w nowoczesnych przeglądarkach internetowych Nauczysz się składni HTML5 i CSS3 na przykładach Poznasz znaczniki HTML5 Nauczysz się pisać poprawny semantycznie i reużywalny kod Dowiesz się, jak stworzyć responsywną stronę internetową, zgodną z aktualnymi standardami Poznasz dobre praktyki pracy z kodem HTML i stylami CSS Zrozumiesz, jak działa kaskadowość, dziedziczenie i specyficzność w CSS Nauczysz się pracować z modelem flexbox Poznasz pseudoklasy i pseudoelementy CSS Dowiesz się, jak zastosować zdobytą wiedzę do tworzenia profesjonalnych stron internetowych Opanujesz zasady kompozycji stron WWW, używając CSS box model Nauczysz się budować komponenty i z nimi pracować Dowiesz się, czym jest podejście mobile first w projektowaniu i jak je zastosować Od podstaw stworzysz projekt strony social media HTML5 i CSS3. Kurs video. Fundamenty frontendu został stworzony z myślą o wszystkich chcących poznać technologie webowe od podstaw. Kurs jest podzielony tematycznie na trzy części: pierwsza obejmuje teorię i przykłady z HTML5, druga analogicznie dotyczy CSS3, a trzecia to projekt końcowy strony internetowej. Na początek zaznajomisz się z budową strony WWW i jej składowymi. Poznasz znaczniki HTML i nowe znaczniki HTML5 jak: <header>, <main>, <section>, <footer>. Nauczysz się tworzyć tabele i rozbudowane formularze. Gdy kod HTML5 nie będzie mieć już przed Tobą tajemnic, dowiesz się, jak dodać do niego trochę kolorytu. Nauczysz się umieszczać style CSS w dokumencie, a także je resetować i standaryzować dla wszystkich wersji przeglądarek. Poznasz selektory, jednostki, pseudoklasy i pseudoelementy. Dowiesz się, jak pracować z tekstem i jak używać fontów Google Fonts. Zrozumiesz zasadę działania modelu pudełkowego w CSS i poznasz jego najważniejsze elementy (padding, margin, border, container). Znajomość box-model umożliwi Ci pełną kontrolę nad położeniem elementów na stronie. Następnie przećwiczysz właściwości potrzebne do pozycjonowania i wyświetlania elementów (display, position, float, z-index). Aby jeszcze sprawniej tworzyć elastyczne i responsywne strony internetowe, poznasz model flexbox. Za jego pomocą precyzyjnie określisz rozmieszczenie komponentów w pionie i poziomie. W trakcie rozważań o responsywności dowiesz się także, jak projektować strony WWW w podejściu mobile-first, czyli z myślą o urządzeniach mobilnych. Na zakończenie wszystkie nabyte w trakcie kursu umiejętności wykorzystasz w praktyce, tworząc projekt strony zainspirowanej Instagramem. Poznasz podejście stosowane przy prawdziwych projektach informatycznych i nauczysz się budować strony komponent po komponencie. Nigdy nie mów nigdy – wszystko może się zdarzyć. Kończyłem studia informatyczne z przekonaniem, że zostanę grafikiem komputerowym, dziś jestem w 100% frontend developerem i czerpię z tego ogromną radość każdego dnia.
HTML5 i CSS3. Praktyczne projekty
Włodzimierz Gajda
Zrób wielki krok na drodze do tworzenia fantastycznych witryn WWW! Elementarz HTML5 i CSS, elementy i znaczniki HTML5, czyli prosty zestaw do tworzenia strony WWW Czcionki na stronach WWW, układ strony i tła, czyli eleganckie wykończenie strony internetowej Zagadnienia zaawansowane, czyli atrybuty HTML, powiązania dokumentów, metainformacje i formularze Opanowanie wszystkich elementów pozwalających stworzyć doskonałą witrynę internetową nie jest rzeczą łatwą. W tym celu trzeba sprawnie posługiwać się co najmniej dwoma językami programowania: HTML i CSS, a także pamiętać o różnicach między przeglądarkami i potrzebach osób niepełnosprawnych. Dobrze jest też znać się na grafice komputerowej, typografii… i wielu innych sprawach. Jednak to wszystko da się zrobić przy odrobinie uporu i pomocy książki prezentującej w praktyce omawiane zagadnienia. W tej książce znajdziesz mnóstwo ćwiczeń, których zadaniem jest przybliżenie Ci sposobu działania poszczególnych elementów języka HTML5 i właściwości CSS3, a także większych projektów, które pozwolą Ci opanować i przetestować wiedzę na temat większych partii materiału. Obok szczegółowego omówienia języka HTML znajdziesz tu porady na temat tego, jak pilnować poprawności kodu HTML5 i CSS3, pracować w trybie standardów, tworzyć układy strony czy projektować szablony. Dowiesz się także sporo na temat semantyki języka HTML. Jak zapewnić poprawność składniową HTML5 oraz CSS3? Jak pilnować zgodności tworzonych stron ze standardami? Jak sprawnie edytować kod HTML5? Jak pracować w trybie standardów? Jakich czcionek używać na stronach WWW? W jaki sposób tworzyć układy stron przy użyciu stylów CSS? Jak wykorzystywać tła na stronach WWW? Jakimi cechami wyróżnia się semantyczny kod HTML5? Jak projektować szablony stron WWW? Przyszły webmasterze, nie możesz przegapić tej książki!
HTML5 i CSS3. Zaawansowane wzorce projektowe
Michael Bowers, Dionysios Synodinos, Victor Sumner
Zwiększ wydajność swojej pracy! Wykorzystaj gotowe rozwiązania w HTML5 i CSS3 Oszałamiające możliwości HTML5 pozwoliły projektantom na tworzenie zaawansowanych stron oraz aplikacji internetowych. Jednak wszędzie tam, gdzie realizowane są rozbudowane projekty, zaczynają się problemy ze złożonością struktury tworzonego rozwiązania. W typowych językach programowania zostało to już zauważone dawno temu, a antidotum na te bolączki stały się wzorce projektowe. Teraz przyszedł czas na HTML — najwyższa pora poznać najlepsze rozwiązania typowych problemów! Książka "HTML5 i CSS3. Zaawansowane wzorce projektowe" zawiera opis ponad 350 wzorców projektowych w językach HTML5 i CSS3, przeznaczonych do budowy nowoczesnych stron internetowych. Każdy wzorzec można stosować w połączeniu z innymi, co daje nieskończoną liczbę możliwości udoskonalania produktów. Dzięki przedstawionym tu technikom nie trzeba stosować żadnych sztuczek i można uniknąć testowania w nieskończoność aplikacji w różnych przeglądarkach internetowych. Autorzy szczegółowo opisują wszystkie przydatne własności CSS3 oraz pokazują, jak połączyć je z kodem HTML5, aby uzyskać praktyczne rezultaty. Z książką tą nauczysz się tworzyć płynne układy stron, inicjały, uwagi na marginesie, cytaty i alerty. Ponadto poznasz wiele nowych technik, takich jak zaokrąglanie rogów i sprawdzanie danych wprowadzanych do formularzy. Dzięki tej książce: poznasz najlepsze techniki tworzenia przejrzystego kodu HTML i CSS rozwiążesz typowe problemy z tworzeniem układów strony bezbłędnie sformatujesz tekst stworzysz kod tani w utrzymaniu! Przejrzysty, czytelny kod to oszczędność czasu i pieniędzy!
Lee Jordan, Dale Cruse
HTML5 is the most significant new advancement the web has seen in many years. HTML5 adds many new features including the video, audio, and canvas elements, as well as the integration of SVG. This cookbook is packed full of recipes that will help you harness HTML5’s next generation multimedia features. HTML5 is the future.Whether you’re a seasoned pro or a total newbie, this book gives you the recipes that will serve as your practical guide to creating semantically rich websites and apps using HTML5. Get ready to perform a quantum leap harnessing HTML5 to create powerful, real world applications. Many of the new key features of HTML5 are covered, with self-contained practical recipes for each topic. Forget hello world. These are practical recipes you can utilize straight away to create immersive, interactive multimedia applications. Create a stylish promo page in HTML5. Use SVG to replace text dynamically. Use CSS3 to control background size and appearance. Use the Canvas to process images dynamically. Apply custom playback controls to your video.