CodeAndWeb's Dev Blog

Read our blog with the latest tutorials about game and web development, product updates and more.

Tutorial: Translation with gettext + PHP
Tutorial: Translation with gettext + PHP

Free tutorial: How to translate your PHP application with gettext.

Laravel translation tutorial: How to translate your web app
Laravel translation tutorial: How to translate your web app

Translation tutorial with a complete example. Covers: translation files, displaying translated texts with __() , blade templates, localized routes

How to translate Angular apps: @angular/localize and XLIFF
How to translate Angular apps: @angular/localize and XLIFF

Free tutorial: Learn how to use @angular/localize to translate your Angular app with xliff (xlf) files. Covers ICU syntax. Example source code included.

How to create sprite sheets for Phaser 3 with TexturePacker
How to create sprite sheets for Phaser 3 with TexturePacker

Learn how to create sprite sheets for Phaser 3 with TexturePacker. This tutorial also explains how to create an animation and how optimize your spritesheet.

How to convert vue-i18n from single file components to JSON
How to convert vue-i18n from single file components to JSON

In this tutorial shows you how you can convert your vue-i18n project from using translations in vue files (single file components, sfc) to using JSON files.

How to translate your Vue.js 3 application with vue i18n
How to translate your Vue.js 3 application with vue i18n

Free tutorial: Set up Vue.js with vue-i18n. Translate your templates, create and edit json translation files, switch translations at runtime. Covers Vue 3.

How to create dynamically lit 2d pixel art scenes with Unity
How to create dynamically lit 2d pixel art scenes with Unity

Tutorial: This video shows you how create dynamic light effects for your pixel art scene in Unity using normal maps created with SpriteIlluminator.

How to create a sprite sheet
How to create a sprite sheet

This tutorial explains how you can create your own sprite sheet from your sprites in seconds.

Godot: How to create sprite sheets the easy way (Video)
Godot: How to create sprite sheets the easy way (Video)

How to create sprite sheets for Godot using TexturePacker - the video version of our Godot tutorial

Godot 3: How to create tile sets the easy way
Godot 3: How to create tile sets the easy way

Video tutorial (1:50): How to create tile sets in seconds for Godot 3 using TexturePacker.

How to translate your Angular app with Transloco
How to translate your Angular app with Transloco

Free tutorial: Set up Angular with Transloco, extract translations from code, switch translations at runtime, edit translation files.

How to create sprite sheets & animations for PixiJS 7
How to create sprite sheets & animations for PixiJS 7

Free tutorial: Create optimized animations & sprite sheets for PixiJS 7, speed up startup of your app, reduce download size. Full demo source code included.

How to translate your Angular app with ngx-translate
How to translate your Angular app with ngx-translate

Free tutorial: Set up Angular with ngx-translate, extract translations from code, switch translations at runtime, edit translation files. Covers Angular 8-16

Using sprite sheets in melonJS
Using sprite sheets in melonJS

Learn how to create sprite sheets for melonJS, how to load them and how to instantiate sprites and animations. Complete source code available on GitHub!

CSS animation examples with TexturePacker
CSS animation examples with TexturePacker

These two examples show you how to easily create animations with CSS and sprite sheets. Example 1: @keyframes animation. Example 2: Javascript animation

How to translate your React app with react-i18next
How to translate your React app with react-i18next

You learn how to you can translate your React app with react-i18next. The tutorial also explains how to manage the translations json files with BabelEdit.

How to translate your Svelte Web App.
How to translate your Svelte Web App.

This free tutorial explains, how you can easily translate your Svelte web app with svelte-i18n. Source code included.

How to create sprite sheets & animations for libGDX
How to create sprite sheets & animations for libGDX

Free tutorial: Learn how to use sprite sheets & animations with libGDX, speed up startup of your app, reduce download size. Full demo source code included.

Previous
Next