background preloader


Congratulations, you're about to take your first steps to becoming a developer! Our team has put together an original learning series that incorporates carefully curated coding tutorials, original hands-on challenges, and super-fun quizzes. In completing each component you will learn an important skill essential to every new coder's success. In this first lesson, you'll learn about HTML, the basic language of the web and how to use it to create a web page introduction of yourself. Take the lesson!

Related:  code & programmingWeb DesignProgrammingFuture plans

We've Open-Sourced Everything - CodeCombat Blog CodeCombat is a programming game for learning to code; a multiplayer coding challenge arena for sharpening your skills; a Y-Combinator-funded startup; and as of this weekend, the largest open source CoffeeScript project and a fantastic way to get into open source and game development. Whether you’re a novice programmer wanting to figure out this GitHub thing or an open source guru looking for something to sink your teeth into, check out our GitHub and join over two hundred CodeCombat Archmages in building the best programming game ever. Yes, we just open-sourced the last year of our lives–all the code, art, and music for CodeCombat–under the MIT and Creative Commons licenses.

Using Javascript to hide and reveal text and graphics by Sean McManus One of the most useful things you can do with javascript and CSS is to make things appear and disappear when you want to. It means you can focus the user's attention on what's needed at a particular stage of a process (eg e-commerce), or you can create special effects by making text or graphics pop onto the screen instantly. I created a tool that enables people to get their copy of my novel University of Death signed over the internet. This uses the script to good effect to make the 'signed' letter instantly appear. There are lots of javascript and CSS libraries that have features built in to hide and reveal different sections of the page, but they usually carry a heavy download penalty. Unless you wanted to use the library for something else (and something much more difficult, at that), then you're better off adapting this short free script to hide and reveal webpage content.

Become a Programmer, Motherfucker If you don't know how to code, then you can learn even if you think you can't. Thousands of people have learned programming from these fine books: Learn Python The Hard Way How to pick a unique stock image Chances are, you already know that stock photography and illustrations are incredibly useful tools. How else can you get gorgeous, professional-quality images without employing a full-time photographer or illustrator? As another bonus, stock images provide access to pictures that you might not otherwise be able to afford. Here are five useful tips to help you get your hands on the image that is perfect for you.

10 More Puzzle Websites to Sharpen Your Programming Skills My recently published Six Revision guest post, 10 Puzzle Websites to Sharpen Your Programming Skills, got a great response, hitting the front page of Hacker News, Reddit, and doing fairly well on Digg too. Lots of comments were left pointing out some sites which weren't included in my list, so I'm following up here with a list of 10 more top programming puzzle websites: 1. Code Chef Code Chef has lots of practice puzzles, and monthly competitions with cash prizes. The site officially supports over 35 programming languages! Breaking down Amazon’s mega dropdown The hover effects on Amazon’s big ‘ole “Shop by Department” mega dropdown are super fast. Look’it how quick each submenu fills in as your mouse moves down the list: It’s instant.

Image Reveal using jQuery Yet another twist on my image manipulation kick, I tinkered around with making images larger again. This time, instead of actually enlarging the image, we are enlarging the ‘viewer’ to see more of it. So, we see a snippet of an image, then when we hover over it, the viewer expands so we see it all! Step #1: The Setup Our HTML is actually quite simple today, we are dealing with 4 absolutely positioned images in the body of our page:

Why I'll Never Be an Expert - DZone Agile The Agile Zone is brought to you in partnership with Hewlett Packard Enterprise. Discover how HP Agile enterprise solutions can help you achieve high predictability and quality in your development processes by knowing the status of your projects at any point in time. I was watching Game of Thrones recently, and there was a brief mention in one scene of the expert blacksmiths who were used to forge some new swords out of Valyrian steel (which was apparently quite a rare and valuable skill). I was immediately struck with a sense of envy of people who could legitimately call themselves experts.

Thank you for Subscribing to DPS - Check Your Email Now - Digital Photography School Thanks for signing up to the dPS newsletter newsletter you’re one step away from receiving great photography tips every week. We’ve sent you an email with a link that once you click will activate your subscription. We can start to send you the newsletter. If you don’t see the email – check your junk mail box as it could have been filtered. If you don’t find it please email us via our contact form. How to Make Your Personal QR Code Ever since I installed a barcode scanner app on my phone, I see QR codes everywhere--so naturally I wanted one of my own. If you too are a barcode-scanning fool, point your phone's camera at this QR code and you'll get a link to my personal web site. Fun! A QR ("quick response") code is a square barcode that makes getting URLs, location coordinates, any text or contact information onto a phone quickly. With a barcode scanner app installed, you just point your phone's camera at the code to read its contents.

Code Maven from Crunchzilla <h2>Code Maven gets teens excited about programming. It is an interactive tutorial where anyone can experiment with learning to code. <p> Code Maven from Crunchzilla uses Javascript. Awesome CSS3 generators to simplify front end development CSS3 Generator This generator is definitely one of my favorites, as it allow you to generate more than 10 different CSS3 effects, such as border radius, text shadows, transitions, and more. Visit CSS Gradient generator CSS gradients are cool, but it’s also a bit tricky to remind all the possibilities. simple-prolog-examples --------------------------- 1. Here are some simple clauses. likes(mary,food). likes(mary,wine). likes(john,wine). likes(john,mary). The following queries yield the specified answers. | ?- likes(mary,food). yes. | ?

Related:  shittyc0deweb developmentWeb DevelopmentProgrammingCode ResourcesHTML5ProgrammingWebsites