3 Ağustos 2015
minimalcoding
1654 0

En Çok Kullanılan 5 Front-End Framwork’ü

Son yıllarda mobil tasarımlarım da hız kazanmasıyla, front-end geliştiricilerinin kullandığı web dillerinin ve araçların sayısında hızlı bir artış olduğu bilinen bir gerçek. Frameworkler bu yoğun çalışmaların hem yönlendirici hem de kılavuzu olma işlevini yerine getirerek, arayüz geliştirme sırasında, son kullanıcı ihtiyaçlarının karşılanmasında maksimum esnekliği kazanmakta geliştiricilere ciddi anlamda katkıları olan web kütüphaneleri olarak kabul edilebilirler.

Html, Css, JavaScript gibi dillerin bileşenlerinden derlenen, front-end frameworklerinden, kullanım kolaylığı açısından ve kullanıldıkları projelerle daha kolay fikir edinmemizi sağlamaları, aynı zamanda ulaşılabilir kaynakları fazla olduğu için geliştiricilerin sıklık tercihlerine göre, en popüler framworklere bu yazımızda yer vereceğiz.

Devamı

Devamı
1 Ağustos 2015
minimalcoding
839 0

JavaScript – Syntax

JS syntax, JS program oluşturma kümesinin birer parçasıdır. JS içerisinde yer alan opsiyonel uygulamalar bununla beraber sistematik bir işleyişe sahiptir. Bilgisayar programları genellikle bilgisayarı kullanan kişinin talimatları altında şekillenir. Kullanılacak programlar çerçevesinde dil oluşturulması elzem bir husustur. Zira oluşturulan programlama dili yukarıda bahsini ettiğimiz program talimatlarını ifade eder. Bu noktada bilgisayar kullanan kişi bu program talimat dili sayesinde işinin bir sonraki aşamasında kendi arayüz dilini oluşturmuş olur. Temel olarak JS syntax, JavaScript programlama dilidir. Syntax konusunu temel olarak masaya yatırdığımızda fark edeceksiniz ki işlevi tıpkı günlük yaşamda insanlarla birlikte kurduğumuz iletişime benziyor. Şöyle ki bu şekilde <script> JS içerisine yerleştirilen ifadeler tarafınızdan oluşturulması muhtemel web sayfası üzerinde </ script> HTML etiketleri alır. Şunu da belirtelim ki bunu pek tabii oluşturmuş olduğunuz web sayfası içerisinde herhangi istediğiniz yere yerleştirmeniz mümkündür. JS üzerine <script> içeren etiketleri yerleştirebilirsiniz, fakat karşınıza çıkabilecek aşırı durumlar olmadığı sürece normalde oluşturacağınız etiketleri <head> içinde tutmanızı tavsiye ederiz. Devamı

Devamı
16 Temmuz 2015
minimalcoding
1125 0

Html5 Canvas Kullanımı

Html5 özelliklerinden olan “canvas” html web sayfalarında ihtiyaç duyulan grafik ihtiyaçları için oluşturulmuş nisbeten yeni bir özelliktir. Oluşturulabilecek grafiklerin başlıcaları, geometrik şekiller, metinler ve resimlerdir.

Devamı

Devamı
27 Haziran 2015
minimalcoding
1231 1

Javascript Tuş Kodları Tablosu (Key Codes Table)

Bir önceki konumuzda input alanlarına sadece sayı girilmesini paylaşmıştık bu işlemi yaparken “Key Code” yapsını kullanmıştık. İşinize yaracağını düşündüğümüz tuş kodları tablosuna bu yazımızdan ulaşabilirsiniz.  Devamı

Devamı
26 Haziran 2015
minimalcoding
1717 0

Javascript ile input alanlarına sadece rakam girebilmek

Html form elemanlarından, içerisine bilgi girişi yapılacak olan alanların integer veri tipi (sadece sayısal değer) taşımasını talep edebiliriz. örneğin T.C kimlik no ,kredi kartı kart numarası, telefon numarası , posta kodu vb alanlar sadece sayı girişi yapıla bilecek alanlardan bazılarıdır. Bu gibi durumlarda kullanıcıların bu alanlara string veri tipi (metinsel)  girişini engellemek kullanıcı deneyemi açısından da olumlu olacaktır. Bu işlemi yapabilmek için klavyenin ilgilisiz tuş yapılarını kilitlemek gerekecektir. Bunun için Javascript’in .keyCode (tuş kodları) yapısını kullanmamız yeterli olacaktır. (Javascript Key Code tablosuna buradan ulaşabilirsiniz.) şimdi bu yapının nasıl oluşturulduğuna ve kullanım yapısını inceleyelim..

Devamı

Devamı
22 Haziran 2015
minimalcoding
1226 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
826 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ı