Archív pre tag ‘css‘

20 Must See CSS3 and jQuery Tutorials

05.10.2012, Kategória: Napísali v zahraničí, Autor , Tagy: , , , Komentáre sú deaktivované

It is really fascinating to see how much the web design development has evolved over the last two years. Although, HTML will not be fully implanted until 2014 , many web designers/developers, companies and web enthusiasts are using HTML5 and CSS3 in their products and apps. In this post we are sharing 20 recent web design tutorials that explore the true potential of HTML5, CSS3 and with a mix of good old jQuery.

Čítať ďalej originálny článok

How to Create CSS3 Buttons [Tutorial]

31.01.2012, Kategória: Napísali v zahraničí, Autor , Tagy: , , Komentáre sú deaktivované

In this tutorial we will be making some cool CSS3 buttons. They are based on the Futurico User Interface by Vladimir Kudinov and we will try to make a precise copy of them. Let’s get started…

Čítať ďalej originálny článok

Cool CSS headings with pseudo-elements

21.01.2012, Kategória: Napísali v zahraničí, Autor , Tagy: , , Komentáre sú deaktivované

Whether you’re designing a website or a web application, you’ll need custom styles for headings like h1 or h2. In this article you’ll learn how to create some cool headings effects using CSS pseudo-elements.

Čítať ďalej originálny článok

20 Useful CSS Graph and Chart Tutorials and Techniques

20.01.2012, Kategória: Napísali v zahraničí, Autor , Tagy: , , , Komentáre sú deaktivované

Usually, Graphs and Charts are mainly used for representing and organizing a set of numerical data with a graphical representation such as pie chart, line charts, bar graphs and many more. The static images would be reduced using these techniques and enables more access to the contents of the charts and the graphs. The Cascading Style Sheets (CSS) is a language that is used to describe the format of a document that is written in the markup language like HTML, XHTML, etc. The important feature of the CSS chart or graph is that it allows the users to easily download by reducing the bandwidth requirements of the HTML page.

Čítať ďalej originálny článok

YouTube Popup Buttons

18.01.2012, Kategória: Napísali v zahraničí, Autor , Tagy: , , Komentáre sú deaktivované

There is a certain style of button on the latest YouTube design (most easily found in the footer) where the default state of the button has a very subtle bevel to it, but on :hover and :focus states the button pops up, eager to be clicked.

Čítať ďalej originálny článok

A Quick Lesson in CSS3 Animation

06.06.2011, Kategória: Napísali v zahraničí, Autor , Tagy: , , Komentáre sú deaktivované

Hey guys! Long time no post… I’ve been busy working on awesome client projects as well as crafting an identity for my new company: Rocket Mouse Design. Over the weekend I wanted to whip up a simple landing page with some simple CSS3 animation. I learned a few things along the way and wanted to share.

Čítať ďalej originálny článok

CSS transitions and media queries

04.06.2011, Kategória: Napísali v zahraničí, Autor , Tagy: , , Komentáre sú deaktivované

While coding up the site for our Insites Tour, I happened across an accidental feature: a smooth transition on growing / shrinking type and image sizes when I resized the browser window. This isn’t particularly groundbreaking and has probably been put into use by others, but as I personally haven’t seen it used elsewhere on the web, I thought it’d be good to make a note of this happy accident.

Čítať ďalej originálny článok

When Using !important is The Right Choice

24.05.2011, Kategória: Napísali v zahraničí, Autor , Tagy: , , Komentáre sú deaktivované

Using !important rules can be a dangerous road to start going down, but they exist for a reason. There are some good use cases which we’ll cover here.

Čítať ďalej originálny článok

An Introduction To CSS3 Keyframe Animations

21.05.2011, Kategória: Napísali v zahraničí, Autor , Tagy: , , Komentáre sú deaktivované

By now you’ve probably heard at least something about animation in CSS3 using keyframe-based syntax. The CSS3 animations module in the specification has been around for a couple of years now, and it has the potential to become a big part of W

Čítať ďalej originálny článok

CSS3 Page Flip Gallery

20.05.2011, Kategória: Napísali v zahraničí, Autor , Tagy: , Komentáre sú deaktivované

Using the CSS3 page flip routine to produce a page flip gallery.

Čítať ďalej originálny článok