Home Layout (html / css)

Video for Everybody is simply a chunk of HTML code that embeds a video into a website using the HTML5 <video> element, falling back to Flash automatically, without the use of JavaScript or browser-sniffing. It therefore works in RSS readers (no JavaScript), on the iPhone / iPad (don't support Flash) and on many, many browsers and platforms.

Thanks to the rapid adoption of HTML5 video appening right now, Video for Everybody sn't the only solution around. Video for Everybody is for developers who either want something really simple they can quickly use on their blog or websites, or as a good starting point to develop their own custom solution. Video for Everybody is not a neatly packaged, fully-featured solution for non-developers.

Inserting video without flash

Creating flash player often highly annoying, and if there is no need to able to watch videos all users, then quickly add, you can use simple html.

Comments (3)
 

More than two years ago, in September 2004, I published an article entitled Styling. My goal in this paper show that the attempt to use CSS, to make a form that would vygledela in all browsers and operating systems equally, is useless Zanati. At the moment it simply can not be done.

After the discussion on the use of CSS for form elements, there are always new versions of browsers and operating systems, as well as entirely new browsers were released in September 2004, it was time to upgrade.

Because of all this, I spent a lot of time to create a total of 224 screenshots demonstrating various CSS rules applied to forms of governance. Screenshots are taken from 8 browsers on 4 operating systems, a total of 14 different combinations of browser + OS.

Styling form controls with CSS, revisited

Beautiful pictures, you can check out when you create different user interfaces.

CleanCSS is a powerful CSS optimizer and formatter. Basically, it takes your CSS code and makes it cleaner and more concise.

The CSS optimizer was originally developed by some awesome dudes over at CSS Tidy. They built the program and have made it free for everyone to use. I stumbled across their optimizer one day while looking for help with my CSS. I wanted to know the shortest way I could style a background of a web site without having to use all the "background-image" and "background-repeat" tags. I found some other optimizers which I tried, but none worked as well as CSS Tidy. It was actually hosted on some random CD Burning website. Why? I have no idea.

But after I posted about it on my blog, I noticed that a week later, the site no longer existed. I was bummed because I was trying to show my fellow designers at work this amazing utility. So I took the liberty and installed CSS Tidy on my own webserver and registerd cleancss.com. I also styled it up to my liking (see the grass green colors?). So now I can make sure this kick-ass CSS utility stays up forever. And gets used by web designers everywhere.

CleanCSS

Sometimes you want to, that would be written on the CSS code and looked beautiful feast for the eyes, for this purpose is ideal for service CleanCSS, which returns our CSS in a readable and enjoyable form.

Add new comment
 

If the task is to use a custom font in a project, it is possible to go several ways:

  • Z-method - do not use custom fonts in CSS is enough to say body {font-family: sans-serif;} and do not fool yourself down.
  • Cattle method - cut out ZhPEGov, pictures with titles that shrink harder, what would appeared blurred and insert images instead of text. Quite popular in our open spaces method.
  • W3C-method - use @ font-family and enjoy the beautiful fonts without zamorochek. While this method is not considered as a worker, because of the weak supported by your browser.
  • sIFR - coolest, most used today, but as a drawback - requires Flash-plugin. While this is hardly a disadvantage, but if there is a tool that allows you to do without plug-ins, it can not but rejoice.
  • Cufón - the most it. A relatively new technique that shows excellent results. He is the hero of this article.

Installation instructions Cufón

I remember when I worked at the firm, hemorrhoids font was unrealistic to many, but the script and saved.

 

In this article, examples are laid out to create an image with rounded corners.

Example number one - use as a rounded, image format gif.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style>
.ppp0{ position:relative;}
.ppp1{ background: url(1.gif) no-repeat  ; position:absolute; top:0px; display:block; width:100%; height:100%; }
.ppp2{ background:url(2.gif) no-repeat right top; position:absolute; top:0px; display:block; width:100%; height:100%;   left:0px;}
.ppp3{ background:url(3.gif) no-repeat left bottom; position:absolute; top:0px; display:block; width:100%; height:100%;  left:0px;}
.ppp4{ background:url(4.gif) no-repeat right bottom; position:absolute; top:0px; display:block; width:100%; height:100%;  left:0px;}
</style>
</head>
<body>
<b>Было</b>
  <div style="background: url('/k1.jpg') no-repeat; display:block; width:425px; height:310px;" class="ppp0"></div>
<b>Стало</b>
     <div style="background: url('/k1.jpg') no-repeat; display:block; width:425px; height:310px;" class="ppp0">
     <div class="ppp1"></div><div class="ppp2"></div><div class="ppp3"></div><div class="ppp4"></div>
     </div>      
</body>
</html>
 

For example, this piece of code

1
бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла

display just a single line.

The solution to this problem was quite simple. The fact that the tag pre

 
  • "
  •  Start 
  •  Prev 
  •  1 
  •  2 
  •  Next 
  •  End 
  • "


Authorization

Nice Ajax Poll

Which one of my extensions is the best?

Statistics

Advertisement