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;
  
}