หน้าแรก เค้าโครง (HTML / CSS)
การแทรกวิดีโอโดยไม่ใช้แฟลช

วิดีโอสำหรับทุกคนเป็นเพียงชิ้นส่วนของรหัส HTML ที่ฝังวิดีโอลงในเว็บไซต์โดยใช้องค์ประกอบ <video> HTML5, ตกกลับไปยัง Flash โดยอัตโนมัติโดยไม่ต้องใช้ JavaScript หรือเบราว์เซอร์ดมกลิ่น มันจึงทำงานในอ่าน RSS (จาวาไม่มี) ใน iโทรศัพท์ / iPad (ไม่สนับสนุน Flash) และในหลายเบราว์เซอร์และแพลตฟอร์ม

การแทรกวิดีโอโดยไม่ใช้แฟลช

การสร้างผู้เล่น flash ที่น่ารำคาญมักจะสูงและถ้ามีความจำเป็นต้องไม่สามารถที่จะชมวิดีโอผู้ใช้ทั้งหมดแล้วอย่างรวดเร็วเพิ่มคุณสามารถใช้ html ง่ายๆ

ข้อคิดเห็น (3)
 
การทำงานกับสไตล์ CSS และ HTML สำหรับบิตและชิ้น

มากกว่าสองปีที่ผ่านมาในเดือนกันยายน 2004 ผมตีพิมพ์บทความที่ได้รับสิทธิจัดแต่งทรงผม เป้าหมายในการแสดงกระดาษนี้ที่พยายามที่จะใช้ CSS เพื่อให้รูปแบบที่จะ vygled​​ela ในเบราว์เซอร์และระบบปฏิบัติการอย่างเท่าเทียมกันที่จะ Zanati ไร้ประโยชน์ของฉัน ในขณะที่มันก็ไม่สามารถทำได้

หลังจากการอภิปรายเกี่ยวกับการประยุกต์ใช้ CSS สำหรับองค์ประกอบรูปแบบมีเสมอรุ่นใหม่ของเบราว์เซอร์และระบบปฏิบัติการเช่นเดียวกับเบราว์เซอร์ใหม่ทั้งหมดถูกปล่อยออกมาในเดือนกันยายน 2004 ก็คือเวลาที่จะปรับ

เพราะทั้งหมดนี้ผมใช้เวลามากในการสร้างรวม 224 ภาพหน้าจอแสดงให้เห็นถึงกฎ CSS ต่างๆนำไปใช้กับรูปแบบของการกำกับดูแล ภาพที่นำมาจาก 8 เบราว์เซอร์เมื่อวันที่ 4 ระบบปฏิบัติการรวม 14 ชุดค่าผสมที่แตกต่างกันของเบราว์เซอร์ + ระบบปฏิบัติการ

จัดแต่งทรงผมการควบคุมแบบฟอร์มด้วย CSS, Revisited

ภาพที่สวยงามคุณสามารถตรวจสอบออกเมื่อคุณสร้างส่วนติดต่อผู้ใช้ที่แตกต่างกัน

CleanCSS มีประสิทธิภาพเพิ่มประสิทธิภาพและ CSS การจัดรูปแบบ โดยทั่วไปจะใช้เวลารหัส CSS ของคุณและทำให้มันสะอาดและกระชับมากขึ้น

CSS เพิ่มประสิทธิภาพการพัฒนาเดิมโดย dudes น่ากลัวบางอย่างมากกว่าที่ CSS เป็นระเบียบ พวกเขาสร้างโปรแกรมและได้ทำให้มันฟรีสำหรับทุกคนที่จะใช้ I stumbled ข้ามเพิ่มประสิทธิภาพของพวกเขาวันหนึ่งขณะที่ต้องการความช่วยเหลือด้วย CSS ของฉัน ฉันต้องการทราบว่าทางที่สั้นที่สุดที่ฉันสามารถรูปแบบพื้นหลังของเว็บไซต์โดยไม่ต้องใช้ทั้งหมดที่"พื้นหลังภาพ"และ"พื้นหลังซ้ำ"แท็ก ผมพบว่าการเพิ่มประสิทธิภาพอื่น ๆ บางอย่างที่ฉันพยายาม แต่ไม่มีผู้ใดทำงานเป็นระเบียบ CSS มันเป็นโฮสต์จริงในบางเว็บไซต์เขียนซีดีแบบสุ่ม ทำไม? ฉันมีความคิด

แต่หลังจากที่ผมโพสต์เกี่ยวกับเรื่องนี้บนบล็อกของฉันผมสังเกตเห็นว่าสัปดาห์ต่อมาเว็บไซต์ที่มีอยู่ไม่นาน ผม bummed เพราะผมพยายามที่จะแสดงออกแบบเพื่อนของฉันที่งานนี้ยูทิลิตี้ที่น่าตื่นตาตื่นใจ ดังนั้นฉันเอาเสรีภาพและติดตั้งเรียบร้อย CSS บนเว็บเซิร์ฟเวอร์ของฉันเองและ registerd cleancss.com ฉันยังสไตล์มันขึ้นอยู่กับความชอบของฉัน (ดูสีเขียวหญ้า?) ดังนั้นตอนนี้ฉันสามารถตรวจสอบให้แน่ใจนี้เตะตูดอรรถประโยชน์ CSS อยู่เสมอตลอดไป และได้รับใช้โดยนักออกแบบเว็บทุกที่

CleanCSS

บางครั้งคุณต้องการที่จะเขียนบนโค้ด CSS และดูงานฉลองที่สวยงามสำหรับตาเพื่อการนี​​้เหมาะสำหรับ CleanCSS บริการซึ่งจะส่งกลับ CSS เราในรูปแบบที่สามารถอ่านได้และสนุกสนาน

เพิ่มความคิดเห็นใหม่
 
Cufón -- แบบอักษรใช้สิ่งที่หัวใจของคุณปรารถนา
" onclick="window.open(this.href,'win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no'); return false;" rel="nofollow">

ถ้างานคือการใช้ตัวอักษรที่กำหนดเองในโครงการก็เป็นไปได้ที่จะไปได้หลายวิธี

  • Z วิธี -- ไม่ได้ใช้แบบอักษรกำหนดเองใน CSS เป็นพอที่จะบอก body {font - family : sans - serif;} และไม่โง่ตัวเองลง
  • วิธีการปศุสัตว์ -- ตัดออก ZhPEGov รูปภาพที่มีชื่อที่หดตัวหนัก, สิ่งที่จะปรากฏเบลอและใส่รูปภาพแทนข้อความ ค่อนข้างเป็นที่นิยมในวิธีการของเราเปิดช่องว่าง
  • W3C วิธีการ -- ใช้ @ font - family และสนุกกับแบบอักษรที่สวยงามได้โดยไม่ต้อง zamorochek ในขณะที่วิธีนี้ไม่ถือว่าเป็นคนงานเนื่องจากการที่อ่อนแอได้รับการสนับสนุนโดยเบราว์เซอร์ของคุณ
  • Cufón -- ในที่สุดมัน ค่อนข้างเทคนิคใหม่ที่แสดงให้เห็นผลลัพธ์ที่ยอดเยี่ยม เขาเป็นพระเอกของบทความนี้

คำแนะนำในการติดตั้ง Cufón

ผมจำได้ว่าเมื่อผมทำงานที่ บริษัท ที่ตัวอักษรริดสีดวงทวารคือไม่สมจริงมาก แต่สคริปต์และบันทึกไว้

เพิ่มความคิดเห็นใหม่
 
การสร้างภาพที่มีมุมโค้งมน
" onclick="window.open(this.href,'win2','width=400,height=350,menubar=yes,resizable=yes'); return false;">

จำนวนตัวอย่างหนึ่ง -- ใช้เป็นกลม, ภาพ, รูปแบบ 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>
... อ่านเพิ่มเติม Comments (2)
 
การตัดข้อความภายในแท็กก่อน

เมื่อไม่นานมาวิ่งเข้าไปในปัญหาที่ฉันได้ป้อนรหัสผ่าน Geshi แสดงอย่างสวยงาม แต่ยืดน่าเกลียดหน้า

ตัวอย่างเช่นชิ้นส่วนของรหัสนี้

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

จอแสดงผลเพียงบรรทัดเดียว

วิธีการแก้ปัญหานี้ได้ค่อนข้างง่าย ความจริงที่ว่าแท็ก pre

... อ่านเพิ่มเติม Comments (1)
 


การอนุญาต

โพลล์นี Ajax

ที่หนึ่งของส่วนขยายของฉันที่ดีที่สุด?

สถิติ

การโฆษณา
© 2009 ageent.ru