HTML5 Responsive Website with Brackets

For tutorial workshop files go to my DropBox. To see a live sample.

Designing a responsive website could be a challenge if you don’t have the right tools. There are many tools around which you can use, web apps that you need to subscribe and most of the time hosting websites with them, otherwise, you cannot use this tools.

As many of you know, I am a faithful evangelist for open source, and before a schedule a new project I look around to see any OS source that would help me accomplish this task.

Then I found Brackets, and amazing open source project from Adobe®, yeap!!!! You read it right, Adobe® is hosting another open source project and this time they hit a home run with Brackets.

It has to key features that I consider being essential, specially when you are laying out a website. This features are LIVE PREVIEW and CSS LIVE HIGHTLIGHT. Allowing you to save a lot of time in the process of styling and refreshing your project in your localhost to see if you style react and act as you are expecting. With LIVE PREVIEW you can see instantaneously the changes in your browser as you code.

Here I demonstrating techniques that allow you to create your responsive website with ease, thanks to Brackets.

Happy coding, Happy Designing…. Enjoy!

Conceptualizing the Earth – Blender Cycles Render

Tutorial Workshop Files

Hello everyone, today I’m using Blender to make a composition of the Earth. I did almost the same thing at work, and thought it was kind of cool, so I wanted to make a tutorial about it. How I did the concept and all the effects to accomplish the most realistic earth in my abilities.

You will learn how to work around Blender, the Open Source #1 3D software, how to use nodes for the material in Cycles, creating a beautiful glow after rendering in the rendering layer using nodes as well. And above all to have fun.

Thank to NASA Observatory for such wonderful image catalog Visible Earth, also thanks to Aaron Weems for suggestions, Andrew Price for his tutorials, Jingle Punks for the prelude music, Jason Farnham for the credits music and Mitja Mithans for the Corporate Logo Intro music. Also to the great open source community, specially Blender and Ubuntu who make this possible.

NOTE:
I didn’t used the mouse actions provided by Blender, instead I added some titles in functions that I did for the first time, so keep your notes, I think this way you will concentrate to learn to use your shortcuts and not get distracted trying to figure out what I did in the mouse and keyboard display provided by Blender.

But if you would like me to use such tool, just let me know.

Happy designing and happy coding!