Tag Archives: css3

Creating a CSS3 Dropdown Menu – Video Tutorial

Posted in Coding, HTML & CSS, Web Design1 year ago • Written by 7 Comments

We have talked a lot about about HTML5 and CSS3 in the past couple of months and today we continue the series of video tutorials with a new addition: creating a CSS3 dropdown menu from scratch. It is extremely easy to do, so don’t be scared.

The video is a bit longer, it runs for about 40 minutes, this is because I have gone into great detail explaining the process so that everyone will understand all of the properties. Once you are able to do it on your own, 10-15 minutes should be enough for you to go through the necessary coding and create this dropdown menu.

Creating a CSS3 Dropdown Menu – Video Tutorial Read More

Create a Responsive Website Using HTML5 and CSS3 – Video Tutorial

Posted in Coding, HTML & CSS, Tutorials1 year ago • Written by 75 Comments

A few weeks ago, we released two different introductory articles about HTML5 and CSS3, and I promised you we’d do some cool stuff together in the upcoming months. Well, I have been working hard on this video tutorial and I really hope you enjoy it.

In this tutorial I will teach you how to create a responsive website using HTML5/CSS3 from scratch. So rather than talking about, let’s get straight to it. I hope you will leave me feedback in as I would like to read some of your opinions very, very much!

Create a Responsive Website Using HTML5 and CSS3 – Video Tutorial Read More

CSS3 Introduction – New Features, What it Can Do, and Resources

Posted in Coding, HTML & CSS1 year ago • Written by 12 Comments

A short time ago I posted an introduction article about HTML5 and I promised you a CSS3 introduction and what new things it brings to the industry, although it’s been some time since it was officially released. If you didn’t read the article on HTML5 yet, I strongly advise you do so, as CSS3 works better with the latest markup language from the World Wide Web Consortium.

CSS3 Introduction – New Features, What it Can Do, and Resources Read More

HTML5 Introduction – What is HTML5 Capable of, Features, and Resources

Posted in Tips, Tools, Web Design1 year ago • Written by 35 Comments

After analyzing our new focus here at 1WD, which basically is teaching new, young, designers about web design and helping them improve their skills and to start in the business, we realized that we really need to go as deep as possible into the basics. And while we covered many of these already, two basic things are still missing from the website, and these two are in-depth introductions and discussions about HTML5 and CSS. Therefore it is one of my assignments for the next period to teach you about these two technologies and, after this, to create several tutorials for you. So in the next two to three months, I will cover aspects of front-end web design, basic coding and tutorials about them. Buckle up and get ready to become better at coding!

UpdateCreate a Responsive Website Using HTML5 and CSS3 – Video Tutorial

HTML5 Introduction – What is HTML5 Capable of, Features, and Resources Read More

47 Cool and Useful CSS3 Tutorials and Techniques

Posted in Coding, HTML & CSS, Tutorials2 years ago • Written by 11 Comments

Using CSS3 proficiently makes designing a lot more fun. With a good command of CSS3, you can create beautiful designs with great efficiency and ease. The tutorials are extremely helpful, not only for the professionals, but, also for the beginners.

Here we have put together a smart collection of useful CSS3 tutorials to help you learn the nitty-gritty of it so that you can use it to create more beautiful web sites. Enjoy!

47 Cool and Useful CSS3 Tutorials and Techniques Read More

Breaking Down Media Queries for Responsive Web Design

Posted in Tips, Web Design2 years ago • Written by 4 Comments

The core of any Responsive Web Design framework is the media query. Media queries are what enable your website to call different style declarations from your stylesheets based on the current window width of the viewing device. Many of those new to Responsive Web Design, RWD, don’t spend time getting familiar with them. When there are great frameworks like The Semantic Grid System, Foundation by Zurb, and Twitter Bootstrap that let everyone just pick up and go, why would they bother? Right? Wrong! Having a skill that solely relies on code created by another is a hindrance to your career, in order to be able to say something is part of your skill set you have to understand it first. That is why for all those claiming to have an in-depth knowledge of RWD, we’ll be taking an extended look at it’s backbone: media queries.

Breaking Down Media Queries for Responsive Web Design Read More

50 Useful and Instructive CSS3 Tutorials You Always Wanted To Complete From 2012

Posted in Coding, Tutorials2 years ago • Written by 26 Comments

Now that most browsers support the majority of the features CSS3 offers, it’s important for developers to catch up and be aware of the power of CSS3. Photoshop and JavaScript are slowly losing their significance because it’s become possible to echo the same results with just a few lines of code easier and faster than ever.

The techniques that were new a year ago have become standard now. CSS3 is evolving fast and for that reason we’ve prepared 50 fresh, useful and instructive CSS3 tutorials from 2012.

50 Useful and Instructive CSS3 Tutorials You Always Wanted To Complete From 2012 Read More

45 Fresh and Free HTML5 And CSS3 Templates You Should See

Posted in Coding, Freebies, HTML & CSS, Templates2 years ago • Written by 21 Comments

The first two things web developers consider when they need to create an extremely stylish and trendy website are CSS3 and HTML5. The reason for this is the functionality and features they offer and why HTML5 and CSS3 are a major topic for web designers.

Taking this into account, we thought to compile another fresh and cool collection of some professional HTML5 and CSS3 templates. So, here we are with 45 free, but fresh, templates that you can download.
So, enjoy this collection and have more fun in making the web experience more pleasurable and gratifying. Let us have a close look!

45 Fresh and Free HTML5 And CSS3 Templates You Should See Read More

Mastering CSS Gradients in Under an Hour

Posted in Coding, HTML & CSS2 years ago • Written by 9 Comments

Have you refrained from using CSS Gradients because either you didn’t understand them, or thought the browser support for them wasn’t good enough to consider using them in your projects?

Well, it’s time to kill those 1px wide images, my friend.

If you’re just curious about how to use CSS Gradients, this is the place for you. We’ll start with the basics of syntax to very advanced effects with lots of tips and examples.

Remember, learning about CSS gradients is really important since browsers are getting better and better every day. Mobile browsers have good CSS3 support by default.

So, let’s rock!

Mastering CSS Gradients in Under an Hour Read More

7 Creative Ways to Use HTML5 Canvas

Posted in Tips, Web Design2 years ago • Written by 1 Comment

One of the most exciting features of HTML5 is the <canvas> element that can be used to draw vector graphics, create amazing effects, or produce interactive games and animations. Canvas is supported in all modern browsers, including the upcoming Internet Explorer 10, but a little help from JavaScript allows older versions to adapt. It was originally designed by Apple for creating lightweight dashboard widgets on its mobile devices, but is now an openly developed W3C spec which grants it enormous flexibility and application.

7 Creative Ways to Use HTML5 Canvas Read More
54.242.249.240 - unknown - unknown - US