Danh sách các địa chỉ dưới đây sẽ giúp bạn tìm được cảm hứng sáng tạo của mình. Hãy thử xem.
Các xu hướng thiết kế logo 2009
July 20th, 2009 by tuanvenus No comments »Luôn khác biệt và thật nổi bật” chính là thông điệp mà chúng ta nhận thấy từ các thiết kế logo hiện nay.
Quy trình thiết kế logo bài bản của các designer nổi tiếng
July 20th, 2009 by tuanvenus No comments »Their Design Process:
- The Brief
- Research
- Visual Research
- Sketching & Conceptualising
- Reflection
- Positioning
- Presentations
- Celebration
» Read more: Quy trình thiết kế logo bài bản của các designer nổi tiếng
100 font chữ đẹp nhất mọi thời đại
July 20th, 2009 by tuanvenus 1 comment »Đây có lẽ là danh sách mà dân thiết kế không thể bỏ qua
Kho dữ liệu về thiết kế logo dành cho design
July 20th, 2009 by tuanvenus No comments »Dưới đây là danh sách kho dữ liệu tham khảo về logo design. Have fun !
» Read more: Kho dữ liệu về thiết kế logo dành cho design
Pausing up-down Scroller
April 2nd, 2009 by ducmanh No comments »Note: Updated March 16th, 06′. Fixed padding issue so right padding is correctly applied to the scroller.
Description: As its name suggests, this is a up-down scroller that pauses between each message! The look of the scroller is completely styled using external CSS, including the dimensions. Easily create a single line scroller just by adjusting the scroller’s height appropriately!
Demo:
/*Example message arrays for the two demo scrollers*/
var pausecontent=new Array()
pausecontent[0]=’JavaScript Kit
Comprehensive JavaScript tutorials and over 400+ free scripts!’
pausecontent[1]=’Coding Forums
Web coding and development forums.’
pausecontent[2]=’CSS Drive
Categorized CSS gallery and examples.’
var pausecontent2=new Array() pausecontent2[0]=’News.com: Technology and business reports‘ pausecontent2[1]=’CNN: Headline and breaking news 24/7‘ pausecontent2[2]=’BBC News: UK and international news‘
/*********************************************** * Pausing up-down scroller- © Dynamic Drive (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit http://www.dynamicdrive.com/ for this script and 100s more. ***********************************************/
function pausescroller(content, divId, divClass, delay){ this.content=content //message array content this.tickerid=divId //ID of ticker div to display information this.delay=delay //Delay between msg change, in miliseconds. this.mouseoverBol=0 //Boolean to indicate whether mouse is currently over scroller (and pause it if it is) this.hiddendivpointer=1 //index of message array for hidden div document.write('
‘) var scrollerinstance=this if (window.addEventListener) //run onload in DOM2 browsers window.addEventListener(”load”, function(){scrollerinstance.initialize()}, false) else if (window.attachEvent) //run onload in IE5.5+ window.attachEvent(”onload”, function(){scrollerinstance.initialize()}) else if (document.getElementById) //if legacy DOM browsers, just start scroller after 0.5 sec setTimeout(function(){scrollerinstance.initialize()}, 500) }
// ——————————————————————- // initialize()- Initialize scroller method. // -Get div objects, set initial positions, start up down animation // ——————————————————————-
pausescroller.prototype.initialize=function(){ this.tickerdiv=document.getElementById(this.tickerid) this.visiblediv=document.getElementById(this.tickerid+”1″) this.hiddendiv=document.getElementById(this.tickerid+”2″) this.visibledivtop=parseInt(pausescroller.getCSSpadding(this.tickerdiv)) //set width of inner DIVs to outer DIV’s width minus padding (padding assumed to be top padding x 2) this.visiblediv.style.width=this.hiddendiv.style.width=this.tickerdiv.offsetWidth-(this.visibledivtop*2)+”px” this.getinline(this.visiblediv, this.hiddendiv) this.hiddendiv.style.visibility=”visible” var scrollerinstance=this document.getElementById(this.tickerid).onmouseover=function(){scrollerinstance.mouseoverBol=1} document.getElementById(this.tickerid).onmouseout=function(){scrollerinstance.mouseoverBol=0} if (window.attachEvent) //Clean up loose references in IE window.attachEvent(”onunload”, function(){scrollerinstance.tickerdiv.onmouseover=scrollerinstance.tickerdiv.onmouseout=null}) setTimeout(function(){scrollerinstance.animateup()}, this.delay) }
// ——————————————————————- // animateup()- Move the two inner divs of the scroller up and in sync // ——————————————————————-
pausescroller.prototype.animateup=function(){ var scrollerinstance=this if (parseInt(this.hiddendiv.style.top)>(this.visibledivtop+5)){ this.visiblediv.style.top=parseInt(this.visiblediv.style.top)-5+”px” this.hiddendiv.style.top=parseInt(this.hiddendiv.style.top)-5+”px” setTimeout(function(){scrollerinstance.animateup()}, 50) } else{ this.getinline(this.hiddendiv, this.visiblediv) this.swapdivs() setTimeout(function(){scrollerinstance.setmessage()}, this.delay) } }
// ——————————————————————- // swapdivs()- Swap between which is the visible and which is the hidden div // ——————————————————————-
pausescroller.prototype.swapdivs=function(){ var tempcontainer=this.visiblediv this.visiblediv=this.hiddendiv this.hiddendiv=tempcontainer }
pausescroller.prototype.getinline=function(div1, div2){ div1.style.top=this.visibledivtop+”px” div2.style.top=Math.max(div1.parentNode.offsetHeight, div1.offsetHeight)+”px” }
// ——————————————————————- // setmessage()- Populate the hidden div with the next message before it’s visible // ——————————————————————-
pausescroller.prototype.setmessage=function(){ var scrollerinstance=this if (this.mouseoverBol==1) //if mouse is currently over scoller, do nothing (pause it) setTimeout(function(){scrollerinstance.setmessage()}, 100) else{ var i=this.hiddendivpointer var ceiling=this.content.length this.hiddendivpointer=(i+1>ceiling-1)? 0 : i+1 this.hiddendiv.innerHTML=this.content[this.hiddendivpointer] this.animateup() } }
pausescroller.getCSSpadding=function(tickerobj){ //get CSS padding value, if any if (tickerobj.currentStyle) return tickerobj.currentStyle["paddingTop"] else if (window.getComputedStyle) //if DOM2 return window.getComputedStyle(tickerobj, “”).getPropertyValue(”padding-top”) else return 0 }
//new pausescroller(name_of_message_array, CSS_ID, CSS_classname, pause_in_miliseconds)
new pausescroller(pausecontent, "pscroller1", "someclass", 3000)
document.write("
“)
new pausescroller(pausecontent2, “pscroller2″, “someclass”, 2000)
Mã hóa trang web bằng Javascript
May 30th, 2008 by ducmanh 2 comments »Vừa rồi có đọc trên Xã Luận thấy bài viết mã hóa Html bằng javascript . Thấy hay và cũng sợ biết đâu lúc cần thì trên Xã Luận lại không còn nữa nên cứ post lên đây coi như thêm 1 chỗ để mọi người download nhỡ 1 source ở đâu đó bị die thì cũng có thể vào đây download được
Mã nguồn được lấy từ xaluan.com
Các công cụ trong nghề SEO và SEM (tối ưu web cho bộ máy tìm kiếm và tiếp thị trên các công cụ tìm kiếm)
May 16th, 2008 by ducmanh 11 comments »Các công cụ SEO (Search Engine Optimization) và SEM (Search Engine Marketing) cung cấp các thông tin quan trọng và có liên quan đến hiệu suất của trang web của bạn, các từ khóa và vị trí đặt chúng, liên kết phổ biến cùng các thứ hạng hỗ trợ tìm kiếm trong những bộ máy tìm kiếm chính như Google, Yahoo và MSN.
Tối ưu website để search engine tìm thấy bạn
May 16th, 2008 by ducmanh 3 comments »Một trong những vấn đề cơ bản nhất trong công nghệ SEO (Search Engine Optimization – Tối ưu hoá website cho việc tìm kiếm) là bảo đảm sao cho các trang web (của website) có thể dễ dàng tiếp cận với các Search engine. Không chỉ có trang chủ được chỉ số hoá (index) mà tất cả các trang trong đều phải được các search engine tìm thấy.