24 Haziran 2015
minimalcoding
2786 1

CSS ile “Input type number” elementinin “spinner” özelliğini gizlemek

Html ile oluşturulmuş input elemanına number özelliğini atadığımızda Safari,Firefox ve Chrome gibi tarayıcılarda değer girişi yapılacak olan alının sağ tarafında  arttırma ve eksiltme buton yapısı (Spinner) oluşmaktadır. Bu butonu gizlemek için CSS dosyamıza ekleyeceğimiz bir kaç satır kod ile gizlememiz mümkün.

Devamı

Devamı
22 Haziran 2015
minimalcoding
3346 0

Google Web Fonts Kullanımı

Bir önceki konumuzda @font-face Css ile Özel Font Kullanımından bahsetmiştik, buna ek olarak Google’ın tamamen ücretsiz olarak sunduğu Google Web Fonts  servisinden de bahsedelim istedik. İçerisinde 698 tane font ailesini barından bu servis ile sitelerinizde özgürce (lisans derdi olmadan) kullanabilirsiniz. Bu siteye https://www.google.com/fonts adresinden ulaşabilirsiniz. Kullanımı son derece basit olan Google Fonts yapısına daha yakından bakalım. Devamı

Devamı
20 Haziran 2015
minimalcoding
3351 0

Javascript ile Responsive Accordion Panel Yapımı

Bu yazımızda Javascprit ve CSS ile harmanlanmış basit kullanışlı bir Akordiyon Panel yapımıdan bahsediyor olacağız. Eğer isterseniz bir kaç değişiklik ile kullanışlı bir Javascript Accerdion Menu olarakta kullanmanız mümkün umarız işinize yarar. Uygulamalı örneği ve ilgili Javascript , Css , Sass ve Html kodlarını yazının devamında bulabilirsiniz. Devamı

Devamı
17 Haziran 2015
minimalcoding
2390 1

IE 10 (internet explorer) ,Chrome ,Safari ve Firefox ta Select Elementinin Okunu Gizleme

Özel yapılmış Selectbox yapılarının tarayıcı yorumlamasından kaynaklanan ok yapıları default olarak görünür halde gelmektedir. CSS stil dosyamıza ekleyeceğimiz bir kaç satır kodla bunu çözmek mümkün. Peki bu kodlar nelerdir.  Devamı

Devamı
14 Haziran 2015
minimalcoding
4695 0

Css Fullscreen Background (Tam ekran arkaplan) Yapımı..

Bu yazımızda One page (tek sayfa) tasarımlarda sıklıkla kullanılan tam ekran açılan sayfa yönteminden bahsediyor olacağız. CSS dosyanıza ekleyeceğiniz bir kaç pratik kod ile bu işlemi yapmanız son derece kolay, uygulamanın daha net anlaşıla bilmesi için yapıyı one page mantığında tasarladık, doküman içerisinde tıklanıldığında ilgili alana giden (named anchor) basit bir java script koduda mevcut example butonuna tıklayarak uygulamayı daha net inceleye bilir, download butonuna tıklayarakta uygulamayı indirebilirsiniz Sass ve Less kullanıcılarını da unutmadık elbette döküman içinde hem Sass hemde Less dosyalarıda mevcut umarız sizler için kullanışlı bir uygulama olmuştur… Devamı

Devamı
12 Haziran 2015
minimalcoding
3548 0

Css ile Özel Checkbox ve Radio Buttons Yapımı

Bir önceki konumuzun (Css ile özel Select Box Yapımı) devamı olarak ,  Checkbox ve Radio buttons elementlerinide tarayıcıların yorumlamış olduğu kötü görüntüden kurtaralım istedik. Bu uygulamanın kaynak dosyasına içeriğin sonunda bulunan download linkine tıklayarak indirebilirsiniz içeriğinde SASS dosyasıda mevcuttur . Umarız yapacağınız uygulamalarda sizlere yardımcı olur.

Devamı

Devamı
11 Haziran 2015
minimalcoding
4886 0

Css ile özel Select Box Yapımı

Herkes bilir ki tarayıcıların yorumlamış olduğu select elementlerinin görünümü son derece kötüdür. Her ne kadar bu yapıyı düzeltmek  için javascript eklentileri kullanılsada işin back-end kısmında bazen sorunlar çıkabilir , bu yüzden select elementini native kullanmak daha yerinde olacaktır. Şimdi CSS ile Select elementinin nasıl stillendirileceğine göz atalım.

Devamı

Devamı