Web Dev Addict

We explain the 3 different ways to include CSS in HTML #CSS #html #webdev

“How do I include CSS in my HTML webpage?” It’s a common question web developers find themselves asking at some point, and understandably so. Often novice web developers will find reach a point where they’ve gained a good understanding of HTML and CSS programming languages, but won’t understand exactly how the two fit together. So how do we include our newly written CSS styles into an HTML…

Check out our list of the 6 Best #WordPress Backup #Plugins of 2016! #webdev #security --

[cs_content][cs_section parallax=”false” style=”margin: 0px;padding: 0px;”][cs_row inner_container=”false” marginless_columns=”true” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”][cs_text]Photo Credit: Visual Content Flickr via Compfight cc Every time you’re creating a new…

40+ #Free #WordPress Themes to use on your next #website!

These WordPress templates are too good to be true – and they’re all free!   Anyone who knows me and my web development habits knows one thing to be an absolute truth, it’s that I’m completely obsessed with WordPress. I couldn’t tell you how many WordPress sites I have under my belt right now (including this one!), and I’m showing no signs of slowing down, for better or worse. To share the…

#CodePen OTW: Gorgeous example of #HTML5 Canvas Particle Effects #webdev

In this week’s edition of our CodePen of the Week, we highlight a fun web animation that uses the HTML5 canvas element to create beautiful particle effects. These particle effects are created using an HTML5 canvas element, some simple CSS styling, and JavaScript to trigger the animations. http://codepen.io/webdevaddict/debug/yNEYgO/ Fascinating, isn’t it? By clicking on the HTML5 canvas, you can…

40+ Free #Bootstrap Templates #webdev #webdevelopment #inspiration

These Twitter Bootstrap HTML5 templates will kick your website development into high gear!   Bootstrap is an amazing framework used in web development, and I personally am in love with it. And why wouldn’t you be? It speeds up development time, allows you to create a responsive design effortlessly, and is completely customizable. Below you’ll find 40 beautiful (and completely free) bootstrap…

http://wp.me/p5dI5V-eB

Our first CodePen of the Week: a Pure #CSS Solar System #Animation #astronomy #space

Today kicks off a new weekly series we’ll be having here on WebDevAddict – The CodePen of the Week! In case you’re not familiar with the glory that is CodePen, it’s an online application that allows you to create and run front-end code from within your browser. It’s the perfect tool for practicing your web development skills. As they describe themselves on their website: CodePen is a playground…

A Super-Easy Guide to Using the #CSS Hover Selector #webdev #hovercrafts

The hover selector is a special type of CSS pseudo-selector. It allows us to use pure CSS to define how a certain element (or multiple elements) will act when we hover over them with the cursor.

Defining which styles are applied to the element when we hover over it is done by creating a special CSS rule in our CSS code. To create these rules, we must append :hover  to the end of a selector’s…