Creating 3D worlds with HTML and CSS Last year I created a demo showing how CSS 3D transforms could be used to create 3D environments. The demo was a technical showcase of what could be achieved with CSS at the time but I wanted to see how far I could push things, so over the past few months I’ve been working on a new version with more complex models, realistic lighting, shadows and collision detection. This post documents how I did it and the techniques I used. View the demo(best experienced in Safari) Creating 3D objects In today’s 3D engines an objects geometry is stored as a collection of points (or vertices) each having an x, y and z property that defines its position in 3D space. With CSS transforms this is turned on its head. Creating objects from rectangles seems limiting at first but you can do a surprising amount with them, especially when you start playing with PNG alpha channels. All objects are created in JavaScript using a small set functions for creating primitive geometry. Lighting A second stab at lighting
Tools & Resources Every Mobile App Developer Should Know About Tools & Resources Every Mobile App Developer Should Know About We’ve talked to over 350 mobile app ventures and developers from over 80 countries in the past 12 weeks since we launched LinkTexting on ProductHunt. These are the tools and resources we think every Mobile app Developer should be cognizant of while building and launching their app. ThunderClap Gather your supporters and broadcast your announcements on their social networks. Launch tool. LinkTexting Landing page tool to get more downloads. Branch.io Branch makes the same powerful referral system available both on the web and in your apps. We can’t praise Branch enough. LinkTally Find out how many times your website or blog post is getting shared across different social networks. iOS Dev Weekly Subscribe to a hand picked round up of the best iOS development links every week. r/iOSProgramming + r/androiddev Both of these subreddits provide easy access to tens of thousands of mobile app developers. BetaList MockUPhone Untorch Proto.io DakWak
The Best Websites to Learn Coding Online | TechGrey The Learn to Code movement( a movement which went viral among teens) with the backing of the likes of Obama and Bill Gates, is picking up momentum worldwide and it is actually a very good thing as even basic programming skills can have a major impact on you and your Imagination and Creativity. If you can teach yourself how to write code, you will gain a competitive edge over your peers, you can think more Creatively and thus you can tackle problems more efficiently. Don’t just download the latest app, help redesign it. Don’t just play on your phone, program it. — Obama. There is no reason in why you should not know the basics of coding. Gone are the days when you had to enroll in expensive computer training classes as now exist a plethora of web-based courses that will surely help you learn programming at your own pace in the comfort of your web browser. Teach Kids to Code There’s also an app called Scratch, an MIT project that allows kids to program their own stories and games visually.
Creating Your Own Personal Website [Tutorial] - Tutorials - CodeTree Hello there, I'm thinking about starting a small tutorial series on programming/development here on CodeTree. Today I am going to show you how you can easily create your own personal "About Me" website that will serve as a basic landing page to make you findable on the web. Many of us on CodeTree have made similar sites, and I'd like to help anyone else do so too. Part 1: Acquire a domain and hosting. For your website, you will need to get a domain name, and hosting (which will serve your files). If you are a student, you can get a free .me domain, as well as a $100 DigitalOcean credit in the GitHub Student Developer Pack25. Lastly, you can get a simple .github.io and static file hosting (Just HTML, CSS, etc) from Github by creating a repository with GitHub Pages9. Part 2: Setup the template Step 1: Setup your editor. For this tutorial, I am trying out the new Visual Studio Code Editor18. Step 2: Fork the repo10 (where it will be published through Github pages) or copy it to your hosting.