İPhone mobil cihazlarda yarattığı devrim App Store'un bu kadar zengin bir içeriğe sahip olmasından kaynaklanıyor. Orada hemen herşeyi bulmak mümkün, kimisi eğlence ve zaman geçirmek kimisi ise belirli bir alanda ve sektörde pratik çözüm üretmek için geliştirilmiş binlerce aplikasyon mevcut, bunlardan web tasarımcılar için geliştirilen apliakasyonları sizlerle paylaşıyoruz.
Renk Editörü
Renk Uzmanı sanatçı ve tasarımcılar için renk seçmek, renk kodunu tespit
...more»
Web sitelerinde gördüğümüz gözlerimizi kamaştıran yuvarlak köşeleri hiçbir image veya resim kullanmadan web sayfalarımıza eklemek hiç zor değil aşağıda bahsedeceğimiz küçük bir css tekniği ile yuvarlak köşelere sahip olabiliyoruz.
Resimsiz Css Style Kodları
<style type="text/css">
.mnykdm{display:block}
.mnykdm *{
display:block;
height:1px;
overflow:hidden;
font-size:.01em;
background:#b20000}
.mnykdm1{
margin-left:3px;
margin-right:3px;
padding-left:1px;
padding-right:1px;
border-left:1px solid #870000;
border-right:1px solid #870000;
background:#9f0000}
.mnykdm2{
margin-left:1px;
margin-right:1px;
padding-right:1px;
padding-left:1px;
border-left:1px solid #6f0000;
border-right:1px solid #6f0000;
...more»
Web sitelerinde gördüğümüz gözlerimizi büyüleyen lightbox uygulamalarını bir kaç satır basit css kodları ile sitelerinizde uygulanabilir kılmak mümkün, eğer çok fazla efekt olaylarına girmesemde olur diyorsanız aşağıdaki css kodları ve ve örnek uygulamayı inceleyebilirsiniz.
Css style kodları
<style>
.siyah{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.beyaz {
display: none;
position: absolute;
top: 25%;
left: 25%;
width: 50%;
height: 50%;
padding: 16px;
border: 16px solid orange;
background-color: white;
z-index:1002;
overflow: auto;
}
</style>
HTML dosyanıza eklemeniz gereken
...more»
RSS Feeds