Good Contents Are Everywhere, But Here, We Deliver The Best of The Best.Please Hold on!
Data is Loading...
Your address will show here +12 34 56 78
Blog, Wordpress
[one_whole boxed=”true” centered_text=”true” animation=”Fade In From Bottom” delay=””][icon color=”Accent-Color” size=”regular” image=”fa-video-camera”] Wordpress’in ne olduğunu anlatan bir video ile WordPress derslerimize giriş yapıyoruz. [/one_whole] [one_whole boxed=”true” centered_text=”true” animation=”Fade In From Bottom” delay=””]Youtube Kanalıma Abone Olarak İçeriklere Daha Hızlı Ulaşın
[/one_whole] [one_whole] [/one_whole] [one_whole boxed=”true” centered_text=”true” animation=”Fade In From Bottom” delay=””]Youtube Kanalıma Abone Olarak İçeriklere Daha Hızlı Ulaşın
[/one_whole]   [one_whole boxed=”true” centered_text=”true” animation=”Grow In” delay=””][icon color=”Accent-Color” size=”regular” image=”fa-forward”] WordPress ile ilgili diğer yazımızda domain(alan adı), host(alan) kavramlarına değineceğiz. [/one_whole]
0

Arnold Bennet
Adobe Muse, Tasarım
[one_whole boxed=”true” centered_text=”true” animation=”Fade In From Bottom” delay=””][icon color=”Accent-Color” size=”regular” image=”fa-video-camera”]  Sizler için Adobe Muse’da neden web fonts kullanmanız gerektiği ve bunu nasıl kullanabileceğiniz hakkında bir video oluşturdum. [/one_whole]   [one_whole boxed=”true” centered_text=”true” animation=”Fade In From Bottom” delay=””]Youtube Kanalıma Abone Olarak İçeriklere Daha Hızlı Ulaşın
[/one_whole] [one_whole] [/one_whole] [one_whole boxed=”true” centered_text=”true” animation=”Fade In From Bottom” delay=””]Youtube Kanalıma Abone Olarak İçeriklere Daha Hızlı Ulaşın
[/one_whole]   [one_whole boxed=”true” centered_text=”true” animation=”Grow In” delay=””][icon color=”Accent-Color” size=”regular” image=”fa-forward”]  Adobe Muse ile ilgili diğer yazımızda, Muse’da basit bir şekilde web sitesi nasıl oluşturulur buna değineceğiz. [/one_whole]
0

Windows Phone

[one_whole centered_text=”true” animation=”Fade In From Bottom” delay=””]Eskişehir Osmangazi Üniversitesi Bilgi Sistemine Windows Tabanlı Mobil Cihazlar ve Windows 8, 8.1 işletim sistemlerinden daha kolay ulaşabilmeniz için oluşturmuş olduğum uygulamamı cihazınıza indirerek kurabilirsiniz.  [/one_whole]

[one_whole centered_text=”true” animation=”Fade In From Bottom” delay=””]Malesef markette paylaşmam içim 37 TL üyelik ücreti vermem gerekliydi, onu vermemek için buradan paylaşıyorum. Yükleme detayları İngilizce’dir, eğer yükleyemezseniz konu ile illgili yardımcı olmam için lütfen yorum yazarak ya da iletişim kısmından bana ulaşınız. [/one_whole]

[image_with_animation animation=”Fade In From Bottom” image_url=”http://anymaa.com/wp-content/uploads/2014/12/EsoguWPApp.png” delay=””] [/image_with_animation]

[image_with_animation animation=”Fade In From Bottom” image_url=”http://anymaa.com/wp-content/uploads/2014/12/Esogu-App-Mockup.png” delay=””] [/image_with_animation]

[one_whole boxed=”true” centered_text=”true” animation=”Fade In From Bottom” delay=””]Windows Phone 8.1 [button color=”accent-color” hover_text_color_override=”#fff” size=”medium” url=”http://anymaa.com/dosyalar/AppStudio.WindowsPhone_1.0.0.0_AnyCPU.appx” text=”INDIR” color_override=”” image=”fa-mobile”] Nasıl Yüklenir? [/one_whole]
 [one_whole boxed=”true” centered_text=”true”]Windows 8.1 [button color=”extra-color-3″ hover_text_color_override=”#fff” size=”medium” url=”http://anymaa.com/dosyalar/StoreApp.zip” text=”INDIR” color_override=”” image=”fa-laptop”] Nasıl Yüklenir?[/one_whole]
[one_whole boxed=”true” centered_text=”true” animation=”Fade In From Bottom” delay=””]Source Code Windows Phone 8.1 & Widnows 8.1 [button color=”extra-color-3″ hover_text_color_override=”#fff” size=”medium” url=”http://anymaa.com/dosyalar/App.zip” text=”Indır” color_override=”” image=”fa-terminal”] Visual Studio 2013 Gerekli [/one_whole]
0

Bootstrap, Tasarım
[one_whole boxed=”true” centered_text=”true” animation=”Fade In From Bottom” delay=””][icon color=”Accent-Color” size=”regular” image=”fa-video-camera”] Sizlere site tasarımlarınızda Twitter Bootstrap kullanımını nasıl gerçekleştirebileceğiniz hakkında bir video oluşturdum. Elimden geldiğince sıkıcı bir anlatım olmamasına gayet ettim, umarım öğrettiklerim işinize yarar. [/one_whole] [one_whole boxed=”true” centered_text=”true” animation=”Fade In From Bottom” delay=””]Youtube Kanalıma Abone Olarak İçeriklere Daha Hızlı Ulaşın
[/one_whole] [one_whole animation=”Fade In From Bottom” delay=””] [/one_whole][one_whole boxed=”true” centered_text=”true” animation=”Fade In From Bottom” delay=””]Youtube Kanalıma Abone Olarak İçeriklere Daha Hızlı Ulaşın
[/one_whole]

Bootstrap kullanımı için ana HTML dosyanıza eklemeniz gerekenler

Stylesheet

[one_whole boxed=”true” animation=”Fade In From Bottom” delay=””]<link rel=”stylesheet” href=”DosyaKonumunuz/css/bootstrap.css”> [/one_whole]

jQuery

[one_whole boxed=”true” animation=”Fade In From Bottom” delay=””]<script src=”http://code.jquery.com/jquery-latest.min.js”></script>[/one_whole] [one_whole boxed=”true” centered_text=”true” animation=”Grow In” delay=””][icon color=”Accent-Color” size=”regular” image=”fa-forward”] Twitter Bootstrap ile ilgili diğer yazımda, Bootsrap ile basit bir tema oluşturmaya çalışacağız. [/one_whole]
0

Adobe Muse, Tasarım
[one_whole boxed=”true” centered_text=”true” animation=”Fade In From Bottom” delay=””][icon color=”Accent-Color” size=”regular” image=”fa-video-camera”]  Sizler için Adobe Muse arayüzünde içerik oluşturmanız için sunulmuş olan araçları inceleyen bir video oluşturdum. Umarım Adobe Muse arayüzünü tanımanız açısından yeterli bir kaynak oluşturmuşumdur. [/one_whole]   [one_whole boxed=”true” centered_text=”true” animation=”Fade In From Bottom” delay=””]Youtube Kanalıma Abone Olarak İçeriklere Daha Hızlı Ulaşın  
[/one_whole] [one_whole] [/one_whole] [one_whole boxed=”true” centered_text=”true” animation=”Fade In From Bottom” delay=””]Youtube Kanalıma Abone Olarak İçeriklere Daha Hızlı Ulaşın
[/one_whole]   [one_whole boxed=”true” centered_text=”true” animation=”Grow In” delay=””][icon color=”Accent-Color” size=”regular” image=”fa-forward”]  Adobe Muse ile ilgili diğer yazımızda, Muse’da font ekleme ve typekit kullanımı konusunu işleyeceğiz. [/one_whole]
0

Adobe Muse, Tasarım
[one_whole boxed=”true” centered_text=”true” animation=”Fade In From Bottom” delay=””]Muse tasarımcılar için hiç kod kullanmadan web sitesi oluşturmaları amacıyla Adobe firması tarafından oluşturulmuş bir paket programdır. [/one_whole] [divider line_type=”Full Width Line” custom_height=””] [one_whole animation=”Fade In From Bottom” delay=””]Bu açıdan bakıldığında Muse gerek görünüş, gerek hissiyat anlamında diğer Adobe ürünlerine benzemekte ve tasarımcıların aşina olduğu bir arayüz ile gelmektedir. (Photoshop, Indesign ve Illustrator) [/one_whole] [one_whole animation=”Fade In From Bottom” delay=””]Eğer diğer Adobe ürünlerine aşina iseniz, Muse sizin için web sitesi oluşturma aşamasında iyi bir yardımcınız olacaktır. Diğer yandan, eğer Adone ürünlerine aşina değilseniz (bu durumda size biraz korkutucu gelebilir), Muse belkide sizin kullanımınız için uygun değildir. [/one_whole]

[divider line_type=”Full Width Line” custom_height=””]

[icon color=”Accent-Color” size=”regular” image=”fa-terminal”]  Kod bilmeden kendi web sitenizi yapın!

[one_whole animation=”Fade In From Bottom” delay=””]Muse programında temel anlamda her şey sizin en kısa ve en rahat yoldan bir web sitesi tasarlamanız üzerine kurulmuştur. Modern web tarayıcılarının desteklediği HTML5 ve CSS3 dahil olmak üzere en son web standartlarını bir zıplama rampası olarak kullanan Muse, kusursuz tasarım ve yaratım özgürlüğü ile sizi baş başa bırakarak son derece etkileyici web siteleri ortaya çıkartmanıza olanak sağlıyor. [/one_whole] [one_whole animation=”Fade In From Bottom” delay=””]Düşünün, InDesign programında ya da Photoshop’ta sayfa düzeni oluşturmak kadar rahat web sitesi oluşturmak ve bunu son derece sezgisel ve güçlü bir program ile yapmak, yaratıcılığınızın kat be kat artmasını sağlayacaktır. [/one_whole] [one_whole animation=”Fade In From Bottom” delay=””]Şu konuda da ayrı bir parantez açmak gerekirse Muse programı Dreamveawer gibi devasa bir program değil. Kendi açısından bakıldığında gayet başarılı ve profesyonel anlamda bizlere pratik çözümler sunuyor. Örneğin Adobe Muse ile site yapmaya başladığınızda, program size CSS ve HTML kodlarını göstermiyor ki, bu da Dreamveawer ile mantık anlayışı arasındaki farkı gözler önüne seriyor. Tabiki isterseniz yapmış olduğunuz siteyi daha sonra HTML olarak alabiliyorsunuz fakat kodlar ile oynama gibi bir bölüm programın içerisinde bulunmuyor. Muse size şu konuda da yardımcı olabilir, eğer ASP.NET veya PHP ortamında web sitesi yapmak istiyor fakat tasarım bilginiz zayıf ise, Muse programında tasarımı oluşturduktan sonra dosyalarınızı alarak kodlamaya girişebilirsiniz. [/one_whole] [divider line_type=”Full Width Line” custom_height=””]

[icon color=”Accent-Color” size=”regular” image=”fa-bolt”]  Neden Adobe Muse?

[one_whole animation=”Fade In From Bottom” delay=””][icon color=”Accent-Color” size=”tiny” image=”fa-code”]  Tek satır kod bilmeden ve yazmadan, sadece görsel olarak web sitesi oluşturabilirsiniz. [/one_whole] [one_whole animation=”Fade In From Bottom” delay=””][icon color=”Accent-Color” size=”tiny” image=”fa-keyboard-o”]  Tek tık ile sayfa ekleme, çıkarma gibi fonksiyonları gerçekleştirebilirsiniz. Aynı şeklide kendi içerisinde barındırdığı flowchart biçimli site haritası sayesinde oklar ile sayfaları birbirine bağlayarak otomatik menüler oluşturabilirsiniz. [/one_whole] [one_whole animation=”Fade In From Bottom” delay=””][icon color=”Accent-Color” size=”tiny” image=”fa-desktop”]  Sayfa ölçülerini CSS bilginiz olmadan tamamen kendi değerlerinizle oluşturabilirsiniz. [/one_whole] [one_whole animation=”Fade In From Bottom” delay=””][icon color=”Accent-Color” size=”tiny” image=”fa-clipboard”]  Oluşturduğunuz tasarımları kolayca Photoshop ortamında düzenleyip, tekrar web sitenize entegre edebilirsiniz. [/one_whole] [icon color=”Accent-Color” size=”tiny” image=”fa-thumbs-o-up”]  Pek çok hazır kaynağı içinde barındıran Muse sayesinde Google Maps, YouTube ve Facebook ürünlerini sitenize entegre bir şekilde kullanabilirsiniz. [one_whole animation=”Fade In From Bottom” delay=””][icon color=”Accent-Color” size=”tiny” image=”fa-puzzle-piece”]  Son olarak yapmış olduğunuz tüm siteler tüm web tarayıcılarına uyumlu olacaktır. [/one_whole]   [one_whole boxed=”true” centered_text=”true” animation=”Grow In” delay=””][icon color=”Accent-Color” size=”regular” image=”fa-forward”]   Umarım sizler için yararlı bilgiler vermişimdir. Adobe Muse ile ilgili diğer yazımızda, Muse kullanımda ne gibi araçlara sahip ufak bir giriş yapacağız. [/one_whole]
0

F. Scott Fitzgerald

Bootstrap, Tasarım

[one_whole boxed=”true” centered_text=”true” animation=”Fade In From Bottom” delay=””]Twitter Bootstrap içerisinde HTML, CSS ve JavaScript ekipmanlarının pek çoğunu hazır bir şekilde barındıran web ve kullanıcı arayüzü tasarım aracıdır. [/one_whole]

[divider line_type=”Full Width Line” custom_height=””]

[icon color=”Accent-Color” size=”regular” image=”fa-twitter”]  Twitter Bootstrap Nedir?

[one_whole animation=”Fade In From Bottom” delay=””]Bootstrap front-end ekipmanlarını web tabanlı olarak çok kolay ve hızlı bir şekilde geliştirmenizi sağlayan hazır kodlara sahip bir pakettir. İçerisinde kullanıcı arayüzü oluştururken çoğunlukla kullanılan (Typography, Forms, Buttons, Tables, Navigations, Dropdowns, Alerts, Modals, Tabs, Accordion, Carousel ve daha fazlası) ekipmanları HTML ve CSS tabanlı olarak geliştiricilere sunar. Ayrıca opsiyonel olarak JavaScript eklentilerde mevcuttur. Bootstrap’ın en büyük avantajlarından birisi de daha az emek sarf ederek kolayca responsive tasarımlar oluşturmanıza olanak sağlamasıdır. [/one_whole] [divider line_type=”Full Width Line” custom_height=””]

[icon color=”Accent-Color” size=”regular” image=”fa-paper-plane”]  Twitter Bootstrap’ın Avantajları

[one_whole animation=”Fade In From Bottom” delay=””]Twitter Bootstrap kullanmanın en büyük avantajı Bootstrap’ın web tabanlı projelerde kullanacağınız pek çok ekipmanı size hazır bir şekilde ve responsive seçeneği ile sunuyor olmasıdır. Ek olarak Bootstrap API’lerini kullanarak, tek bir satır dahi JavaScript kodu yazmadan ileri arayüz bileşenleri oluşturabilirsiniz. (Scrollspy, Typeaheads gibi) [/one_whole] [divider line_type=”Full Width Line” custom_height=””]

[icon color=”Accent-Color” size=”regular” image=”fa-laptop”]  Neden Twitter Bootstrap kullanmalı?

[one_whole animation=”Fade In From Bottom” delay=””][icon color=”Accent-Color” size=”tiny” image=”fa-clock-o”]  Zaman Kazanın – Bootsrap’ın önceden hazırlanmış tasarım şablonlarını kullanarak daha az çaba ve zaman sarf edebilirsiniz, bu da size diğer geliştirme çalışmalarınıza odaklanmanız için zaman kazandıracaktır. [/one_whole] [one_whole animation=”Fade In From Bottom” delay=””][icon color=”Accent-Color” size=”tiny” image=”fa-mobile”]  Responsive Tasarım – Bootstrap kullanarak kolayca responsive tasarımlar oluşturabilirsiniz. Responsive özelliği sayesinde farklı ekran çözünürlüklerine sahip ekranlara uyumlu bir şekilde çalışan bir yapı yaratmış olursunuz. [/one_whole] [one_whole animation=”Fade In From Bottom” delay=””][icon color=”Accent-Color” size=”tiny” image=”fa-forward”]  Devamlılık – Tüm Bootstrap ekipmanları gelişimi süresince tek bir kütüphane altında bulunması dolayısıyla sürekli gelişen, değişen ve yenilenen ekipmanlara sahip bir yapı oluşturmaktadır. Dolayısıyla kullandığınız sistemleri kolayca güncelleyebilir, herhangi bir sorunda kolayca pek çok benzer kullanıcıya ulaşabilirsiniz. [/one_whole] [one_whole animation=”Fade In From Bottom” delay=””][icon color=”Accent-Color” size=”tiny” image=”fa-check-circle-o”]  Kolay Kullanım – Bootstrap’ı kullanmak oldukça kolaydır. Giriş seviyesinde HTML ve CSS bilen birisi iseniz, kolayca Twitter Bootstrap ekipmanlarını kullanarak geliştirmeler yapabilirsiniz. [/one_whole] [one_whole animation=”Fade In From Bottom” delay=””][icon color=”Accent-Color” size=”tiny” image=”fa-desktop”]  Tarayıcı Uyumu – Twitter Bootstrap yeni olması dolayısıyla modern tarayıcıların tümü ile uyumlu bir şekilde çalışmaktadır. Örneğin ; Mozilla Firefox, Google Chrome, Safari, Internet Explorer ve Opera. [/one_whole] [one_whole animation=”Fade In From Bottom” delay=””][icon color=”Accent-Color” size=”tiny” image=”fa-qq”]  Açık Kaynak – En iyi kısım ise Twitter Bootstrap’ın açık kaynak kodlu olması. Tamamen ücretsiz bir şekilde indirerek kullanabilirsiniz. [/one_whole] [one_whole animation=”Fade In From Bottom” delay=””][icon color=”Accent-Color” size=”tiny” image=”fa-bookmark”]  Not : Bazı CSS3 özellikleri dolayısıyla, (örneğin yuvarlak köşeler, gölgeler, bazı geçiş stilleri) Twitter Bootstrap birtakım eski web tarayıcılarını desteklememektedir. Özellikle de Internet Explorer’ı 🙂 (Zaten onu kim destekliyorsa? 🙂 ) [/one_whole] [one_whole boxed=”true” centered_text=”true” animation=”Grow In” delay=””][icon color=”Accent-Color” size=”regular” image=”fa-forward”]   Umarım sizler için yararlı bilgiler vermişimdir. Twitter Bootstrap ile ilgili diğer yazımızda, Bootstrap kullanımda ne gibi araçlara sahip ufak bir giriş yapacağız. [/one_whole]
0

NO OLD POSTSPage 2 of 2NEXT POSTS