Mustafa Erdoğmuş Yazılım Günlüğü Mustafa Erdoğmuş Yazılım Günlüğü

Category: html5

fontawesome-webfont.woff2:1 Failed to load resource: the server responded with a status of 404 (Not Found)

Local bilgisayarınızda sorunsuz çalıştırıyorsunuz fakat canlıya çıktığınız da bazı css ler bozuluyor tarayıcı consolunda da Failed to load resource fontawesome-webfont.woff2 gördünüz. Ama yok dediği dizinde olduğuna da emin siniz. Olmasına rağmen neden yok diyor çözüm basit IIS sunucusu woff2 mime type ini bilmiyor

ÇÖZÜM

adım 1

IIS Yöneticisini açıyoruz

adım 2

Orta bölümde Mime Types çift tıklanır uzunca default mime types lar listelenecektir.

adım 3

mime types ların listelendiği ekranın sağ üst tarafında Add / Ekle seçeneğini göreceksiniz. Add e tıklıyoruz

adım 4

file name extension bölümüne fontumuzun uzantısı olan .woff u resimde gördüğünüz gibi

Mime Type: BÖLÜMÜNE application/font-woff yazıp kaydediyoruz

Mime Types lar kısaca şu şekilde açıklanabilir. Web Server ları üzerinde çalışacak uygulamaların hangi formatta olduklarını bilmek zorundadırlar. Bu nedenle farklı uzantılardaki dosyaları tanımlamak için, birbirinden ayrı dosya kimliği tanımlamak gerekir. En sık mail ve web tarayıcıları tarafından kullanılır.

admin | Şubat 13, 2021 0

ASP.NET MVC html5 Javascript Jquery Yazılım Geliştirme & Windows - Web Programlama

Aspnet Mvc Datetime Property set model bind null

Daha öncede aynı hataya düşmüş ve bana zaman kaybettirmiş bir sorunla yine karşılaştım. Bir projede bazı input elementlerini readonly yapmam gerekiyordu. Kullanıcı textbox, select,radiobutton gibi elemanlara veri girişi yapamayacak ya da seçemeyecekti. Buraya kadar sorun yok.

$('#divId1').find('input, textarea').attr('readonly', 'readonly');
$('#divId2').find('input, textarea').attr('readonly', 'readonly');

bu jquery kod parçası ile seçili html elementinin içindeki tüm input, textarea gibi html inputlarını seçilemez veri yazılamaz yapacaktır.

 function readonly(id, value) {
     $('#' + id).prop('disabled', value);
}

bu function ise gönderdiğim id ve değeri seçilen elementin propertysine disabled eklemektedir. örneğin kullanımı şu şekilde

readonly('MedeniHali', true);

bu kod parçası Medeni Hali select ini seçilemez yapacaktır. Zaten ben bu verileri bir şarta bağlı olarak seçilebilir ya da seçilemez olduğuna karar verdiriyorum. o yüzden böyle parametreli bir function a bağladım.

Peki ne fark oluşuyor disabled ile readonly arasında

Bu function ı yazarken düşünemediğim ise disabled olan html elementler post get isteklerine eklenmezler. Tabi üzerinden belli bir zaman geçip bu bölümdeki geliştirmeye devam edince. Uğraş başladı….

Önce custom bir model binding yazdım. Sandım ki verileri aldığım yerde tarihlerde sıkıntı var ondan oluyor. Hiç bir şekilde dto da ve entity de type ı datetime olan property verisi backend e geçmiyor. Sürekli null geçiyor. Sorunun model binding den olduğunu düşünmek ilk akla gelecek senaryolardandır. Bende de öyle oldu.

Sorunun model binding den olmadığını anlamam uzundan kısa sürdü. Neyse ki fazla uzamadan sorunu çözdüm.

Velhasıl disabled olan html elementler form verisi olarak post ya da get isteklerine eklenemez. Bu da kendime bir not olarak burada dursun…

admin | Şubat 3, 2021 0

Bootstrap html5

Bootstrap Modal açıldığında ana html gövdenin kaymasını önleme

https://codepen.io/geoffgraham/pen/KLGKqJ şu adreste senaryosunu görebileceğiniz durum söz konusu olabiliyor.

https://codepen.io/geoffgraham/pen/LogERe bu adreste bu senaryonun önlenmiş hali. var.

Uzun bir listenin içersinde ve sayfanın aşağılarında iken modal açıldığında scroll yukarı kayıyor. Son kullanıcı için sinir bozucu bir durum. Bunu önlemenin yolu tabi ki var. Çözüm aşağıdadır.

// Not: Modal açılma olayında
var documentScrollTop = $(document).scrollTop();
               
 $(document).on('scroll.noScroll', function() {
           $(document).scrollTop(documentScrollTop);
           return false;
});
            
// modal kapanma olayında

$(document).off('scroll.noScroll');

Kullandığım botstrap Modal açma yöntemi

$("#modalId").modal({
                  backdrop: 'static',
                  keyboard: true,
                  show: true 
            });

keyboard: true,

keyboard olursa esc butonu ile modalın açılıp kapanmasını engelleyebilir yada izin verebilirsiniz.

backdrop: ‘static’,

backdrop propertysine static değeri verirseniz boşluğu tıklamayla modalın kapanmasını engellersiniz…

admin | Aralık 24, 2020 0

İş hayatında başarı; iyi analiz edilip planlanmış, doğru yönetilen, değişen gelişen taleplere cevap verebilen, verimliliği attıran bir teknolojik yapı ile mümkün oluyor. Zor rekabet ortamında siz de katma değer sağlayacak çözümleri hedefleyerek, bilgi teknolojilerinin doğru kullanılması ve sağladığı fayda ile gücünüzü arttırmalısınız.

Bu farkındalık ile geniş bir yelpazede Bilgi Teknolojileri danışmanlık hizmetleri sunuyoruz. Proje yönetimi, yazılım geliştirme, sistem analizi ve yönetimi, veri yönetimi, veri yedeklemesi, network yönetimi, bakım destek yönetimi konularında danışmanlık hizmetleri veriyoruz.

Firmanıza bilgisayar ya da bilişim ile ilgili sorunlar yaşadığında anında çözüm üretebilecek bir danışmana ihtiyacınız olursa iletişime geçebilirsiniz. 12 yıllık donanım, sistem ve yazılım sektörü tecrübelerimle sorununuza çözüm üretebilirim.

Bilgi Teknolojisi Danışmanlığı Nedir

Aslında bu bir meslek adıdır. Yaptığı iş ise büyük firmalar ile teknoloji üreten ve dağıtan firmalar arasında köprü görevi gören istihdam edilmesi büyük işletmeler için kaçınılmaz olan bir meslek türüdür. IT¹ uzmanları şirketlerin, bilişim ve teknoloji alanındaki sorunlarını tespit ederek, teknolojik imkanlar ve yetenekler sayesinde sorunlara çözüm bulur, ihtiyaçları karşılar. Bu özellikleri itibariyle IT Uzmanları, bilişim araçlarına, sistemlere, teknolojik gelişmelere hakimdir ve açıktır.

¹ Information Technology (Bilgi Teknolojisi) Uzmanı

e-Ticaret Sistemi

İnternet de de mağaza açıp satış yapmak isteyen bireysel ve kurumsal müşteriler için mobil uyumlu e-Ticaret sistemlerinin kurulumlarını yapmaktayım.
e-ticaret hedeflerinizi gerçekleştirme sürecinde rekabet gücünüzü artırmak, gelişmiş çözümler üretmek, teknik konularda zaman kaybetmenizi önlemek hedeflerim arasındadır.

e-Ticaret sitelerinde ki en önemli noktalardanbiri google, yandex gibi arama motorlarında verdiğiniz hizmetlerin ve satışını yaptığınız ürünlerin üst sıralarda çıkmasıdır. Arama motorlarında üst sıralarda çıkmanız için yapılması gereken tüm alt yapı çalışmaları yapılmaktadır. Ayrıca bu işlem için ücret talep edilmemektedir.

Web Sitesi Yapımı

Çalışmalarımdaki odak noktam sizsiniz, Sizin istediğiniz şekilde, size özel, firma yapınızı ya da kişiliğinizi en iyi şekilde tanıtacak, %100 Mobil uyumlu ve SEO dostu web siteleri yapıyorum. Yaptığım web siteleri, program ile güçlendirilir. Bu sayede dilediğiniz zaman ürün ekleme, çıkarma, iletişim bilgilerini değiştirme vb. işlemleri yönetim panelinde gerçekleştirebilirsiniz. Web site yapımında ki en önemli nokta google, yandex gibi arama motorlarında web sitenizin üst sıralarda çıkmasıdır. Arama motorlarında üst sıralarda çıkmanız için yapılması gereken tüm alt yapı çalışmaları yapılmaktadır. Ayrıca bu işlem için ücret talep edilmemektedir.

Sitenin ya da e-Ticaret Sisteminin güvenliği

Site güvenliği ile ilgili tüm yedekleme, bakım, güncelleme işlemleri tarafımdan belirli periyotlarla kontrol edilmektedir. Yedekleme sistemi sayesinde günlük, haftalık, aylık yedeklerle site dosyalarınız güvenli olarak saklanmaktadır. Bu aşamalarda siz hiç bir teknik detay ile uğraşmak zorunda kalmazsınız.

Kurumsal Veri Yedekleme Planı

Hard disk ya da bilgisayar arızalandığın da verilerinize güvenle ulaşabilir misiniz?
Müşteri bilgileri, muhasebe kayıtları vb. verilere, “hard disk arızalandığında”, nasıl ulaşacağınızı biliyor musunuz ?

İşte bu soruların cevaplarını bulamıyorsanız bir yedekleme çözümünüz yok demektir. işletmeniz veri kaybına uğradığında bunun işletmenize olan maliyeti çok büyük olacağını da başınıza gelmeden bilemeyeceksiniz.
Örneğin muhasebe kayıtlarınızın veya müşteri bilgilerinizi tuttuğunuz hard disk arızalandığında, bu hard disk içindeki bilgilere ulaşmanız için veri kurtarma hizmeti veren firmaları araştırmaya başlamalısınız. Size bilgilerinizi kurtarmak için verecekleri fiyat 3 bin TL den başlayıp on binlerce TL ye çıkacağını göreceksiniz.
Küçük ve orta ölçekli İşletmeler için bilgi depolamanın önemi gün geçtikte artmaktadır. Yeni müşteriler kazanmak bir işletmenin en önemli hedeflerinden biridir. Bunun yanında mevcut müşterileri de kaybetmemek hedefler arasındadır. Veri kaybı yaşandığında satış kayıpları, maddi kayıplar, zaman kayıpları en üst safhaya çıkar.
Böyle durumlarla karşılaşmamak için işletmenizde bir veri yedeklemesi sisteminin kurulu olması gerekir.
Veri koruması konusunda Uygulamalı Danışmanlık hizmeti almak isterseniz ulaşabilirsiniz. Verileriniz aynı anda 2 ve daha fazla diske kayıt edilecek teknolojiye sahip olacaksınız. Harddiskinizin biri yansa bile içiniz rahat olacak… Çünkü diğer diskler içinde aynı verilerinizin kopyası otomatik alınmıştı…

Web Siteniz Neden Mobil Dostu Olmalı?

İnternet kullanımının yaklaşık %60 ı, mobil cihazlar üzerinden gerçekleşmektedir. Web siteniz mobil cihazlara uygun olarak yapılmamışsa, ya gelen müşteri anında sitenizi terk eder, ya da aramalarda bulamayacağı için hiç girmez. Bu durum yüzlerce müşteriyi kaçırıyor olabileceğinizin göstergesidir. Google, yandex vb. arama siteleri telefon, tablet gibi cihazlara uyumlu olmayan siteleri artık arama sonuçlarında yer vermiyor.

Web sitenizin Mobil cihazlara uyumlu olması demek, mobil cihazlar üzerinden Web sitenize girildiğinde, web sayfalarının eksiksiz ve kolay görüntülenebilir olması demektir. İnternet üzerindeki kullanıcı trafiğinin %60’sından daha fazlası akıllı telefonlar, tabletler gibi mobil cihazlarla gerçekleşmekte ve bu sayı her geçen gün artmaktadır.

Geçtiğimiz yıllarla berabermobil cihazlar internet kullanımında masaüstü cihazları geride bıraktı.

Geçtiğimiz yıllarla beraber mobil cihazlar internet kullanımında masaüstü cihazları geride bıraktı. Kaynak.

mobiletraffigrow

Akıllı telefon kullanıcılarının sayısı sürekli artıyor. 2018 yılında mobil internet trafiğinin %61,2 oranında artması bekleniyor. Kaynak.

Behold appear first, kind all i saying fowl man itself moved which every open shall moved subdue appear.

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Contabile computer 100% responsive design
Contabile laptop 100% responsive design
Contabile tablet 100% responsive design
Contabile smartfon 100% responsive design

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

E-COMMERCE