less css dersleri ve anlatım

Less nedir, nasıl kullanılır?

Merhabalar. Benim de kullanmayı yeni öğrendiğim css derleyicilerinden less hakkında  kısa  makaleler sunup, hem kendi notlarımı almak, hem de sizlere  faydalı olması açısından bilgiler sunmak için bu seriyi hazırlamak istedim. Öncelikle less nedir?  Less css yazımımızı hem kolaylaştırmak, hem de eğlenceli hale getirmek için bir araçtır. Less ile  değişkenler oluşturabilir, mixinler hazırlayabilir, fonksiyonlar oluşturabilir ve […]

Devamını Oku

bootstrap-nedir-temel-seviye-anlatim

Bootstrap ile mobilde istenmeyen elementleri gizlemek.

Bootstrap hakkında  çok basit ve kısa bir bilgiyi bu yazımda  aktarmak istiyorum. Mobil cihazların durumu ortada ve bazen  web sitelerini hızlı açmakta oldukça zorlanıyor. Biz web geliştiricileri ise bu durumu minimuma indirmek amacıyla  bazı elementleri mobil sürüme  kapatıyoruz. Bu arada bu class’ları sadece divlere  değil, herhangi bir elemente de uygulayabilir siniz.. Aşağıdaki class’lar mobilde divleri […]

Devamını Oku

bootstrap-nedir-temel-seviye-anlatim

Bootstrap Pull & Push işlemleri ile divlerin yerlerini değiştirme.

Bootstrap pek çok özelliğe sahip olan ve birçok projede  kullanılan bir css framework’dür. Bootstrap grid sistemi üzerinden çalışarak,  sayfayı 12 sutunda bizlere sunar ve kullanmamızı sağlar. Bazı özellikleri sayesinde, Mobil cihazlarda bu grid sisteminin yerlerini değiştirmemize imkan sağlar. Örnek olarak  12 sutunumuzu 3 parça halinde kullarak (A)(B)(C) olara bir sistem üzerinden  tasarımımızı yaptık. Mobil boyutlara […]

Devamını Oku

Responsive-div-tasarimi

Divleri ekran genişliğine göre alta kaydırma işlemi.

Bu yazımızda divlerimizi responsive olacak şekilde  alt alta kaydırma, genişliğini ekrana  sığdırma gibi işlemleri göreceğiz. Anlatıma  başlamadan  önce  bu işlemleri yapabilmek için css bilginizin yeterli seviyede olması gerektiğini hatırlatıyor ve işlemlerimize geçiyoruz. Alttaki örnekte bir container içerisine 3 tane div koyduk ve yanyana sıraladık.   See the Pen div ayarları responsive by Bulut (@bulutaylak) on […]

Devamını Oku

reset css anlatım

Reset Css ve Normalize Css kullanımı.

Bu yazımda sizlere benim de  olmazsa  olmazlarım arasında  olan CSS sıfırlama  tekniğini anlatacağım. Nedir bu CSS sıfırlama? Html kodlama dili tarayıcı taraflı çalışan bir dildir ve her tarayıcıda bir takım defauld ayarları bulunmaktadır. Örneğin, Bir paragraf eklediğimizde, bu “p” etiketi margin veya padding ayarlarına  sahip olabilir. Özellikle “h” etiketleri istenilenin dışında  dafauld  boyutları bulunmaktadır. Bir […]

Devamını Oku