Articles Tagged 'css3'
Creative Christmas Gift For Geek Lovers – Web & Mobile App
Rochester OliveiraOh, Christmas. The magic time when you spend all the money you've been saving the whole year. Oh, and we have all that Christmas Spirit, of course. Now, you probably want to spend a lot on your soul mate's gift, to show her how deep is your love. Yeah, money can buy cool things, but guess what: almost every year I make my own gifts for my girlfriend (but I always have to buy something else anyway). And I feel that she just loves when I do something by myself instead of just buying it (unless shoes, she wouldn't like if I made her a shoe). So I'll show you, dear Padawan, how to make a cool one-page-gift for anybody that you like. Our goal here is to do a simple "slider", where a lot of messages and pictures that you like are shown. In the meantime you'll learn a little bit about design, jQuery and CSS3. So, let's rock!
Improve Website Usability Using jQuery, HTML5, And CSS3
JamalRemember back when if you wanted to add interactivity to your site to improve the UX aspect to make it more appealing to visitors, you had to immediately go to a flash outlet? Well that sure does seem like a long time ago now, surprisingly so because it was just a few short years ago. The decline of Flash use for these instances can be credited to advances in web technologies such as HTML5, CSS3, and jQuery. These advancements have made the use of Flash in most cases an outdated and inefficient method of tackling interactivity in a website. That is why in this article, we're going to take a look at HTML5, CSS3, and jQuery tutorials, techniques, and resources that can replace aspects of a website where the use of Flash was the dominant and most practical option.
20+ Useful CSS3 and HTML5 Frameworks, Tools and Templates
I hope you have heard a little about CSS3 and HTML5. And I'm sure you've used at least one of the cool features they offer. But now it is time to use them at their full (or almost full) power. You may be asking yourself "It is time to change? Should I forget everything I know and dive into this new world?". Well dear padawan, you don't need to do so. We have a lot of tools that make our transition to new and better technologies safer (ultimately we can't just crash our customer's website, we have bills to pay :D). Frameworks are helpful with this. They've already been tried, tested and proven. Of course, you can always make them better, but they are a really good starting point. This time we will talk a little about frameworks and other tools, like generators and templates. So, let's rock.
30 Useful and Cutting Edge CSS3 Text Effect and Web Typography Tutorials
Daniels MekšsCSS3 with it's possibilities is a revolution in web development. The new CSS3 properties give developers a wonderful chance to enhance their designs in a way that's quick and easy, yet visually impressive. What's more, almost all of the major browsers now support most of the CSS3 features so that's another reason for mastering the new techniques. One of the spheres CSS3 has changed dramatically is web typography. Text styling and neat effects can now be achieved without using any Javascript or images at all. This article presents 30 useful and cutting edge CSS3 text effect and web typography tutorials that will take your designs to the next level.
How to Create an Awesome Blurry Menu Using CSS
Today we will get a perfect and simple blurry menu effect via CSS. In addition to it, we will get a useful multiple borders effect. To achieve this effect you will need to have a basic understanding of HTML and CSS. We will work with IE filters and text-shadow, but there is no reason to worry if you have never used it, they're all well and simply explained. And the best part is that anything done here works almost anywhere, from IE6 to real browsers. So, let's work!
27 Amazingly Realistic CSS Icons and Logos
przemekCSS3 comes up and you can replicate fancy effects you thought you can only do in Photoshop. Now people create logos and icons within only lines of code and what's more no images! Effects are stunning and unbelievably realistic. In this article, we have handpicked some awesome css3 experiments so far which will make you say wow.
Creating a Neon Blink Effect for your Forms using CSS3 and jQuery
Rakesh MenonHow cool will it be to have a glowing blink effect behind your input boxes in a form without using Flash? Well thanks to the bright new kid on the block, CSS3, spruced up with a bit of jQuery! In this tutorial, I will show you how to build a nifty effect to enhance your forms. Note: In this tutorial, we have made use of @-webkit-keyframes which works only in browsers using the Webkit layout engine like Chrome and Safari.
How to Create a “Stay-On-Top” Menu with CSS3 and jQuery
Michal KozakIn the project I was working on recently I had a chance to experiment with CSS3 and jQuery. You know CSS3, right? It's that thing that makes all those beautiful and amazing things on the web and makes Flash want to run away and hide. Yeah, that CSS3. And I'm more than sure you have heard about jQuery. If you haven't, well, it's a kind of library where you cannot borrow any books, but it allows you to do other stuff and bring some additional magic to the web.
How To Create A Polaroid Photo Gallery With CSS3 And jQuery
1STWD EditorialPhoto Galleries are becoming more and more popular these days. Today we are going to create a simple one using some of the new CSS3 features and jQuery. A prominent feature of the gallery is that You will be able to Drag the photos with single click in the gallery we are going to create. Hope you will enjoy this and understand it easily. Let’s take a look at what we will be building, here is the final result :
How to use CSS3 Orientation Media Queries
Ryan SeddonFor a long time we have been able to specify styles for different media types using CSS, print and screen being the most recognizable. With CSS3 these media types have been extended to allow additional expressions, aka media queries, which gives us greater control on when specific styles should be applied. In this article I will focus on the orientation media query and have a fun demonstration showing how to use it.
