background preloader

Simple Icon Hover Effects with CSS Transitions and Animations

Simple Icon Hover Effects with CSS Transitions and Animations

Learn Code The Hard Way -- Books And Courses To Learn To Code On Scroll Header Effects Some inspiration for headers that animate when scrolling the page. View demo Download source You’ve surely seen those really cool on scroll effects for headers that have been around lately. One example is the header on the Riot Industries website by Phil Renaud which rotates in 3d on click and enlarges when scrolling down. Similar work has been done by Johnny Simpson where he explores Scroll Activated Fixed Header Animations. We’ve also created a Blueprint for an On-Scroll Animated Header to get you started. Today we’d like to give you some inspiration for animated headers and show you what kind of effects could be used to spice up your website’s starting element and give it some life. Please note: this only works as intended in browsers that support the respective CSS properties. Also note that scrolling super fast might cause a jump from the beforementioned class A to class C which might not always look very fancy. The header is composed of various parts for showcasing all the effects.

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 Learn Ruby The Hard Way Learn Code The Hard Way I'm also working on a whole series of programming education books at learncodethehardway.org. Learn C The Hard Way Learn SQL The Hard Way Graphics Programming Language Agnostic NerdDinner Walkthrough Assembly Language Bash Clojure Clojure Programming ColdFusion CFML In 100 Minutes Delphi / Pascal Django Djangobook.com Erlang Learn You Some Erlang For Great Good Flex Getting started with Adobe Flex (PDF) Forth Git Grails Getting Start with Grails Haskell Java JavaScript JavaScript (Node.js specific) Latex The Not So Short Introduction to LATEX (perfect for beginners) Linux Advanced Linux Programming Lisp Lua Programming In Lua (for v5 but still largely relevant)Lua Programming Gems (not entirely free, but has a lot of free chapters and accompanying code) Maven Mercurial Nemerle Nemerle NoSQL Oberon Objective-C

Codecademy Labs 30 game scripts you can write in PHP, Part 1: Creating 10 fundamental scripts Getting started As both a game master/storyteller and a developer, I frequently find myself writing little utilities and scripts to help me when running, planning, and playing games. Sometimes I need a quick idea. Other times, I just need a whole pile of names for Non-Player Characters (NPCs). Occasionally, I need to geek out on numbers, work out some odds, or integrate some word puzzles into a game. Many of these tasks become more manageable with a little bit of script work ahead of time. This article will explore 10 fundamental scripts that can be used in various types of games. We will blaze through these scripts pretty quickly. Back to top A basic die roller Many games and game systems need dice. In many cases, that would be more or less fine. Listing 1. function roll () { return mt_rand(1,6); } echo roll(); Then we can pass the type of die we want to roll as a parameter to the function. Listing 2. Random name generator Listing 3. Listing 4. Listing 5. Scenario generator Listing 6. Summary

Psychology of Color [Infographic] | WebpageFX Blog Perhaps no choice is as vital to marketing as color. Whether you are selecting the color for a product or for your email marketing campaign, color has tremendous impact on all of us. Subconsciously, we associate different colors with different things. This infographic examines the psychology of color and looks at some common associations of different colors. It shows the overall importance of color to consumers and characteristics of many individual colors, and it also helps show the connection between graphic design and psychology. While color can be appealing to us visually, a lot more is going on behind the scenes than just an aesthetic. Embed This Graphic On Your Site <img src=” alt=”Psychology of Color Infographic” />Infographic by <a title=”WebpageFX” href=” Embed the Psychology of Color Infographic The psychology of color directly plays into consumer behavior.

List Of 25+ Websites To Get Copyright Free Images Hmm.. Searching for free stock images? Yah! Then you are onto a right place. Hi! I am Rahul and in this post you will get the list of top 25+ sites which offer free royalty free images . Many case-studies has proved that a blog post with a good image has more conversion rate than a normal post. Images play an important role in magnifying your articles. They help you to get viral.You can see the trend of infographics. Adding a good relevant images to your post is a really good tactic to engage your website readers. So from where do you get images? So which images you should use? Stock images are the images which can be used for commercial purposes . How To Find Free Stock Images ? Like Google there are some Search Engines which shows free stock images for commercial use. Enter your keyword & you are ready to go. Checkout the list of search engines & Websites which shows content which can be used for free. List of Top 25+ Websites Providing Free Stock Images 1. Creative Commons Image Search 2.

Related: