Daha öncede birkaç kere aynı soru ile karşılaştım.

Soru: Çıktı alırken web sitemin belirlediğim yerden sayfalara ayrılması için ne yapabilirim?

CSS ile bunun çözümü kolay. Örneğin tablolardan oluşan bir web sayfanız var. Çıktı alırken bu tabloların ortadan bölünmesini istemiyoruz. Belirlediğimiz yerde sayfanın sonu gelsin istiyoruz.

Aşağıdaki gibi bir sayfamız olsun.

Bu sayfanın çıktısı almak istediğimizde

İki tabloyu çıktı alırken ayırsak iyi olur.

@media all {
  .page-break { display: none; }
}

@media print {
  .page-break { display: block; page-break-before: always; }
}

Sayfayı bölmek istediğimiz yere

<div class="page-break"></div>

ekliyoruz. Sonuç

Benzer mantıkla çıktı alırken sayfalama ayrımı yapabiliriz.

Kalın sağlıcakla.

Kaynaklar

• https://davidwalsh.name/css-page-breaks
• https://css-tricks.com/almanac/properties/p/page-break/
• http://www.hongkiat.com/blog/css3-page-break/

Son zamanalarda ismini çok fazla duyduğum ve nispeten daha fazla Türkçe bilgi bulduğum bir kütüphane Vuejs.

Hızlı gelişen javascript dünyasında her sene bir kütüphane popülerleşiyor. Backbone.js, Angularjs, React derken VueJs geldi. Takip etmesi zor süreçler. Ben sağolsun Murat Çorlu’nun sayesinde sahibinden.com’da Angularjs ile bir tecrübe yaşamıştım. Angularjs ile daha sonra ufak tefek projelerim oldu. Ancak bir türlü Angularjs 2’ye adapte olamadım. React’ın her şeyi javascript’te halletme yapısı nedeni ile ısınamadım. Ancak VueJs’de Angularjs’deki o ilk an görünce beni kendine çeken yazım kolaylığı ve yetenekli özellikleri dikatimi çekti.

VueJs’de AngularJs’in tersine daha fazla Türkçe kaynak bulmak sevindirici. Hele Fatih Acet’in video’ları efsane. Emeğine sağlık.

Bulduğum Türkçe Kaynakları paylaşayım.

• Fatih ACET’in videoları - Fatih ACET
• Vue.js Unboxing - Fatih Kadir Akın
• Vuejs & Vuex e Giriş - Abdullah UĞRAŞKAN
• Vue.js ile Uygulama Geliştirme - Oğuzhan Aslan
• VueJS Nedir? Kullanımı ve Örnekleri - mektep.tv/post/vuejs-nedir-kullanimi-ve-ornekleri - mektep.tv

Benim gördüklerim.

Ben de vuejs ile bir proje yaparsam deneyimlerimi burada paylaşırım.

Kalın sağlıcakla.

Son haftalarda Visual Studio Code ile kod yazıyorum. Güzel yanları var ama Sublime Text’in hızını bulamadım. Henüz Sublime’a geri dönmüş değilim ama yinede bazı özelliklerini arıyorum.

Visual Studio Code’a geçtim dediğimde Murat ile biraz konuştuk. Konuşurken fark ettim ki aslında Sublime Text’te olan bir özelliği bilmediğim için kullanamıyormuşum.

Örneğin proje detay sayfasının less’ini ararken. (cmd + p)

“project detail” araması bana javascript, css (less) ve html dosyalarını gösteriyor.

Daha önce dosya tipine göre filtrelemek istediğimde “*.less” şeklinde denemiştim ama olmamıştı. Meğer “project detail .less” araması istediğime ulaştırıyormuş :)

Kalın sağlıcakla.