News : The WAVE ENGINE 2.0 .

This is a old news.

The development team of game engine come this text about the old game WAVE ENGINE :

WAVE ENGINE 2.0 HAS ARRIVED! NOW WITH A NEW VISUAL EDITOR AND AVAILABLE IN WINDOWS, MAC OSX AND LINUX. YOU CAN ALSO VISIT OUR GITHUB PAGE WHERE YOU CAN FIND TONS OF SAMPLES, QUICKSTARTERS AND COMPONENTS SOURCE CODE. ENJOY!

You can read more about WAVE ENGINE at official page.
You can see all about WAVE ENGINE on youtube official channel

News : Online tool for CSS web development.

This is online tool named animista is a tool for web development and you can used to create source code for animation and CSS.
The tool come with beta version but works very well.
You can try this online tool here.

The Construct game engine.

The Construct game engine is an HTML5-based 2D game editor features and improvements like: multi platform, event sheets, layout wiew, multi language, steamlined interface and more.
Is simple to use and has a good learning area.
You can try new Construct 3 or old Construct 2 version .
You can read more about this game engine at official webpage .
Here is a video tutorial from official youtube channel.

News : About Google Design .

Google Design is a cooperative effort led by a group of designers, writers, and developers at Google. We work across teams to create content and produce events that showcase Google’s design work and champion innovators in our field.
This website is a great option to learn and take a look at google design area.
The website share us this infos and data:

• LIBRARY
• NEWS
• RESOURCES
• JOBS
• ABOUT

Because I'm into EMEA easten part area I don't think I will find jobs.
The job area is a redirect to google careers page .
Very good website with news and resources from google team.

Create a shadow text effect with HTML5 and CSS .

This tutorial is simple because I used HTML5 and CSS.
The CSS source code is simple (see: font-size:13px or you can use any size, colors , background).
I used my jsfiddle account to test and run it.
Create a project into jsfiddle editor and add this source code.
Into HTML5 area the source code can start with your text into div tag and named class font_001.
You can add span tag to have display block CSS style.
Into CSS area the source code is this:

@import url(https://fonts.googleapis.com/css?family=Work+Sans);

body {
  line-height: 2.5;
  margin: 0;
  background: #1F4C6F;
  font-family: 'Work Sans' sans-serif;font-size:13px;
}

.font_001 {
  max-width: 50%;
  margin: 0 auto;
}

h1 {
  color: #fff;
  font-weight: 810;
  padding-top: 4rem;
  margin: 0;
  text-transform: uppercase;
  font-size: 3em;
  line-height: 1.8;
  color: #3C6FB0;
  text-shadow: 20px 5px 30px rgba(0,0,0,.2), -30px 10px 30px rgba(0,0,0,.1), 
-40px 10px 30px rgba(0,0,0,.1), -3px 2px 5px #1F4C6F, 3px -2px 5px #3C6FB0;
}

h1 span {
  display: block;
  
}

Using processing.js to create a progressbar .

Today I tested the processing version 3.3.7 .
The example I make is a progressbar with a blue color and some text to show info.
The source code is very simple and result is this:

This is the source code:

// example progressbar 
// default variables for progressbar
// start the time for progressbar
int startTime; 
// counter progressbar 
int counter;
// maximum time progressbar
int maxTime; 
// boolean for the end progressbar 
boolean done; 
// settings for this example
void setup() { 
// set title of window
frame.setTitle("Example progressbar | free-tutorials.org");
// window size and background color
size(640,130);
background(255); 
// set variables of progressbar
counter = 0; 
startTime= millis(); 
maxTime=int(random(1000,1976)); 
done=false; 
//end settings
} 
// draw all text and progressbar
void draw() { 
  // set same background color
  background(255); 
  // check end of progressbar fill
  if (counter-startTime < maxTime) {
  counter=millis();
  }  else { done=true;  }
  // create the color for fill progressbar
  fill(110,110,255);
  // no stroke for draw
  noStroke();
  // show all text variables and progressbar
  text("Progress bar blue - size 620", 230, 20); 
  rect(10,30,map(counter-startTime,0,maxTime,0,620), 30 );
  text("counter- startTime "+int(counter- startTime)+" ",10,80);
  text("maxTime "+ int(maxTime) +  " ", 10,100);
  text("map converted counter-startTime"+ int ( map(counter-startTime,0,maxTime,0,200)), 10,120);
  noFill();
  }
// reload the draw of progress bar 
void mousePressed () { if (done) { counter = 0; startTime= millis();
  maxTime=int(random(1000,1976)); done=false; }
}