Hikayesel Tasarım ve BiysTM Teknolojisiyle Geliştirdiğimiz Bir

Web Tasarımda Kullandığımız Teknolojiler

Biltek’ çalışmalarını ilk aşamada teknoloji ile başlar. Kullanmış olduğumuz lisanslı donanım ve yazılımlarla müşterilerimizin ihtiyaçlarını doğrudan görme üstüne karşılanır. Bu da standart bir web ajansıda bulunmayan birçok olanaklarının kıpısını aralar. 3D modellemeden Motion Design’a kadar birçok Universal fikri rakiplerinin uygulamayacağı derecede iyi uygular.

Tasarım Teknolojilerimiz

Hizmet verdiğimiz cihazlar günümüz teknolojilerinin imkan verdiği son ekipmanlar ile desteklenir. Tasarımcılarımız 5K gibi muazzam piksel yoğunluğuna, P3 renk gamı gibi göz kamaştırıcı renk destekli monitörlerle işlemlerini gerçekleştirir. Bu, yaptığımız tüm işlerin renk uyumu ve ince ayarları için mükemmel bir alt yapı sağlar. Tüm bu işlemleri yaparken standart kullanılarıda düşünerek yapılan tüm çalışmaları geleneksel çalışan monitörlerle test edilir. İş size sunulduğunda renk ve görüntü anlamında kusursuz bir işçilikle karşılaşırsınız.

- Fontlar

Bu sadece yazılım değil, araçlar içinde geçerlidir. Biltek’ rakiplerinin aksine araştırmayı çok sever. Fontlar bizim en takıntılı olduğumuz konulardan biridir. Sitelerde kullanmış olduğumuz tüm fontlar aylık lisanslı olarak yapılır. Dışarda karşılaşabilecek fontlar kullanılmaz. Özel işlerin özel yükü olur. Fontlar bizim en özel yükümüz.

- Sunum

Sunum araç gereçlerimiz daima günceldir. Müşterilerimize en gerçekçi iş deneyimi yaşatmak için her türlü eforu harcarız. Gelişmiş Live Prototip araçlarımızla siteniz henüz kodlama aşamasına girmeden tıpkı bir web site gibi çalışan prototip ile sunulur. Bu da müşterilerimize cansız bir resim değilde, gerçeğe en yakın web site deneyimi yaşatır.

- Araçlar

Kullanmış olduğumuz araç gereçlerin hepsi lisanslıdır. Lisanslı araç gereçlere sahip olmanın avantajı çarpıcı fikir ve tasarımlara olanak sağlar. 3D modelleme gerektiren işlerde Cinema 4D® ile modelleyip Redshift® ile render alıyoruz. Endüstriyel standartların çok üstünde bir yaklaşım ile müşteri ve iş kalitesini en üstte tutuyoruz. İkonlarımızı lisanslı olarak temin ederek kişiye ve kuruma özel ikonlar oluşturuyoruz. Bu saydıklarımız bir web tasarım ajansında pek rastlayamayacağız durumdur.

Kodlamanın betik yapısı, bize hayallerimizin sınırlarını zorlamamız için yeterli olanakları sağlar. Visual Studio Code® ile oluşturduğumuz satırlar dolusu kod bloglarıyla, yazılımı ihtişamlı bir görsel şölene çeviririz. Web tasarımı yaparken tasarımdan çıkan ince fikirleri etkileyişimli hale çevirerek, bir web sitesini standart sayfa olmaktan çıkarıp hikayesel anlatıma çeviririz.

-Kodlama Teknolojilerimiz

Kodlama yaparken günümüzde bulunan en iyi cihazlarla ve en iyi kodlama yazılımlarıyla işlerinizi gerçekleştiririz. Chrome Developer Console® ile canlı testler yapar, sorunları canlı gözlem ile ilerletiriz. Sitenizde deneysel olan Apple Web-Kit® fonksiyonlarınıda kullanarak. Adaptif veya tepkisel bulanıklaştırmalarla web sitenizi daha da görkemli bir hale getiririz. Cihazların CPU ve GPU’larının aktif olarak kullanıldığı web siteler oluşturarak imkanları zorlarız. Etkileyişimin en önemli parçası olan deneyim ve sezgileri oluşturmak için dünyanın en iyi algoritmalarını kullanırız. Greensock®’ın üstün işlemeli animasyon algoritmaları ile sitenizin sezgilerini daha güçlü hale getiririz. Kullanıcınız siteye girdiğinde, standart sert duran animasyonlar değil deneyime bağlı etkileyişimli animasyonlar ile karşılaşır. Bu da yaptığınız iyi işi iyi şekilde sunmanızı sağlar. GSAP® algoritmik bileşenleri ile scroll’a bağlı tepkisel animasyonlar yaparız.

-Cihaz Uyumlulukları

Mobilite olmuş dünyamızda cihaz çeşitlilik ve türleri saymakla bitmeyecek kadar çoğaldı. Katlanabilir cihazlardan, bilgisayar performansı veren tabletlere kadar çok geniş cihaz yelpazesine sahibiz. Bu kadar geniş çerçeveye sahip değişkenler varken üstüne bir de sıra dışı tasarımlar eklenince işler daha karmaşık hal alıyor. Neyseki çözüm yine algoritmalarda. Responsive hiyerarşine uygun iskelet kurarak en zorlayıcı cihazlarda bile kusursuz görüntü elde edebiliyoruz. Birçok web tasarım ajanslarının gözden kaçırdığı windows® %125 çözünürlüğüne sahip cihazlar içinde resmi destek sunuyoruz. Bu da sadece standart ölçülerde değil, ölçeklenmiş çözünürlüklerde de web sitenizin olağan üstü gözükmesini sağlıyor.

İnsanı güzel yapan, düşünceleri ve kalbidir. Yazılımı güzel kılan ise görünmeyen noktalarındaki çekirdeğidir. Yerleşik olarak sunduğumuz, güvenlik, gizlilik ve minimum düzeyde 3.parti kanalları kullanarak, sizi ve web sitenizin ziyaretçilerini güvenliğini garanti altına alıyoruz. Herhangi bir sızmaya karşılık arkaplanda mantıksal denetçilerimiz ile o kişinin erişimini kısıtlıyoruz.

-Yazılımın Kalbi

İyi bir tasarım iyi bir kodlama beraberinde iyi bir yazılım ile gelir. Yazılımda yaptığımız tüm işlerimizde birinci önceliğimiz güvenlik. Düzenli olarak güvenlik ile yaptığımız güncellemeler ile günümüz koşullarına bağlı, yenilikçi tehditlere karşı koruyoruz. Nöral panel yapımız ile bir yere yaptığımız yenilik, sizin hiçbir müdaheleniz olmadan kendi sitenizde de uygulanmasını sağlıyor. Ve bu nöral panele BİYS® adını veriyoruz. BİYS® yerleşik güvenlik sistemleri ile tamamen kendi geliştirdiğimiz ve kodlarımızı tescillediğimiz özel bir panel. Çekirdeğini 20 yıla yakın bir süredir, sürekli güncellediğimiz, olağan üstü stabil ve hızlı tepkiler veren panelimiz, aklınızdan geçen tüm şeyleri yapmaya olanak sağlıyor. Modüler yapıdaki uzamsal bağ sayesinde sitelere çabuk entegrasyon sağlayıp, kusursuz çalışıyor. Kullanıcı deneyimi en üst çıtada olan herkesin rahatlıkla kullanabileceği yapıya sahip BİYS® panel, gereksiz tüm özelliklerden arınmış, kullanıcılarımızın taleplerine göre geliştirdiğimiz olağan üstü bir yapı. Web sitelerimizin kalbinde yer alan BİYS® Security ile an ve an sürekli risk analizi ve giriş denetçileri ile saldırılara ve hesap çalma gibi illegal faaliyetlerin önünü kesiyor. Yüzlerce sitemize saldırı yapılıp, hizmet kesintisine uğramamasındaki asıl sebep tamda bu.

İşletmenizin ilerleyişine Biltek’ten tam destek.

Biltek’ olarak daima yaptığımız işi değerli buluyoruz. Çünkü gelecek inşa ediyoruz. Yazılımın tüm teknolojik imkanlarını zorlayarak ortaya birbirlerinden eşsiz sanatsal işler çıkarıyoruz. Biliyoruzki dünya üzerinde bizim gibi teknoloji tutkunu insanlar var. Gelişimi kendisine hayat felsefesi edinmiş, her gününe değer katan kişiler… Tüm yaptığımız işler bu vizyona sahip kişiler ile oluşuyor. Vizyonu ileride olan tüm firmalarla Biltek’ olarak çalışmayı çok seviyoruz. Değer tek taraflı elde edilen bir şey olmadığı için bize katabilecek bakış açıları ve bizim çalıştıklarımıza kattığımız bakış açılarıyla alışveriş yapıyoruz.

Çok kalite, çok eşsiz ürünler üreten işletmeler, yaptığı işin kalitesini karşıki tarafa yansıtamıyor. Dijitalleşmiş dünyamızda ne kadar fark oluşturursanız o kadar akılda kalıcığınız artar. Biltek’ bu konuda tam bir “usta”. Günümüz teknolojilerin yeniliklerini ve rahatlığını kullanıcılara yansıtmak için canla başla çalışıyor. Firma hikayenizi dinledikten sonra sizin için bir senaryo oluşturuluyor. Bu senaryo dijital dünyadaki “Siz” oluyorsunuz. Hikayenizi sanatsal atölyemizde işleyip üstün teknolojik ve yenilikçi yaklaşımımız ile harmanlayıp, sizin işinizi sizden daha iyi bir şekilde anlatarak işletmenizin kalbi olan marka imajını oluşturuyoruz. Öyleki bunu o kadar iyi bir şekilde yapıyoruzki bize sadece web tasarım yaptırmak isteyen değerli müşterilerimiz, çoğu zaman “Bütün marka kimliğini bu tasarım tadına çevirelim.”, “Bu tarzda kurumsal oluşturalım.” gibi sözlerle farklı alanlarda da birlikte çalışmak istediklerini dile getiriyor. Eşsiz olmak, eşsiz iş çıkarmak bunları yaparkende dünyanın en ileri teknolojilerini kullanmak, bizi biz yapan temel taşlar.

Peki! Siz ne zaman işletmenize sınıf atlatmayı planlıyorsunuz?

Teknoloji İçin, Son 1 Adım.

Tamamıyla hikayesel tasarım yaklaşımımızla ve BiysTM adını verdiğimiz patentli teknolojimiz ile siteniz hiç olmadığı kadar göz kamaştırıcı.
CAPTCHA

Kişisel verileriniz, Aydınlatma Metni kapsamında işlenmektedir. 'Gönder' butonuna basarak Çerez Politikası'nı okuduğunuzu ve kabul ettiğinizi onaylıyorsunuz.

Kendi Patentli Teknolojimiz BiysTM ve hikayesel tasarım yaklaşımımız ile hazırlanmış bazı sanatsal eserlerimiz

27 / KASIM / 2019

HTML DOM Nedir?

HTML DOM Nedir? HTML için kullanılan doküman nesne modelidir. HTML Elementlerini objeler olarak, HTML elementlerinin tüm özelliklerini, HTML elementlerine erişmek için metotları, tüm HTML elementleri için olayları tanımlar. Diğer bir deyişle HTML DOM yeni elementler eklemek, elementleri değiştirmek veya silmek için kullanılır.

HTML DOM Nedir?

DOM Nedir?

Document Object Model(Doküman Nesne Modeli)'in kısaltması olan DOM dokümanlara erişmek için olan bir W3C standardıdır.
DOM dokümandaki nesnelere erişmek ve içeriğini, stilini, yapısını değiştirmek için kullanılır.

DOM Yapısı

DOM Yapısını bir ağaç olarak düşünebilirsiniz. En tepede yani kökte HTML etiketi, onun altında ise içerisine yazılmış diğer etiketler bulunur. Örnek olarak sayfa yapısını DOM yönünden inceleyelim.

Web Tasarım

Yukarıda gördüğünüz HTML yapısı aslında şu şekildedir:

HTML DOM Nedir?

HTML için kullanılan doküman nesne modelidir. HTML Elementlerini objeler olarak, HTML elementlerinin tüm özelliklerini, HTML elementlerine erişmek için metotları, tüm HTML elementleri için olayları tanımlar. Diğer bir deyişle HTML DOM yeni elementler eklemek, elementleri değiştirmek veya silmek için kullanılır.

HTML DOM Metotları

HTML DOM metotları elementler üzerinde uygulayabileceğiniz eylemlerdir.
HTML DOM özellikleri ise elementlerin değiştirebileceğiniz veya ayarlayabileceğiniz değerleridir.

HTML DOM'a JavaScript ile erişim sağlayabilirsiniz. Örnek olarak aşağıdaki kod bloklarında p elementinin içerisindeki metni değiştirdik.

biltektasarim.com

Bu örnekte document. getElementById bir metod, innerHTML ise bir özelliktir. HTML elemanlarına erişmek için en çok kullanılan yol getElementById metodudur. Bu metot ile dokümanın içinde verdiğimiz id'ye sahip elementi bulup üzerinde işlem yapabiliriz.

HTML DOM Doküman Nesnesi

Doküman nesnesi web sitenizi temsil eder. Bir HTML elementine erişmek için dokümanınıza erişmekle başlamanız gerekir. Aşağıda doküman nesnesini kullanarak elementlere nasıl erişebileceğiniz hakkında bazı örnekler verdik:

document. getElementById(id) - Elementi ID'ye göre seçici
document. getElementsByClassName(class) - Sınıfa göre seçici
document. getElementsByTagName(etiket) - Etikete göre seçici

jQuery'de DOM

jQuery kullanarak HTML elementlerini daha kolay manipüle edebilirsiniz. Örnek olarak JavaScript kullanarak bir elementi ID'sine göre almanın jQuery ile farkı aşağıdaki gibidir.
JavaScript: document.getElementById(id);
jQuery: $("#id");

Gördüğünüz gibi jQuery'de bir elementi seçmek JavaScript'te olduğundan daha kısa ve kolaydır.


Örnekler

Örnek 1: Bir a elementinin href özelliğini ve içerisindeki yazıyı değiştirelim.

Google

Örnek 2: Bu sefer dokümanımızdaki bir div'e kendimiz JavaScript ile oluşturduğumuz bir p elementini ekleyelim.

Yani kısacası DOM HTML dokümanını manipüle etmek, dokümana yeni elementler eklemek, silmek, değiştirmek için kullanılan bir W3C standardıdır. Web arayüzlerin temel iskeleti DOM yapılarıdır. Yeni nesil JS kütüphanelerinin(örneğin; React, Vue, Angular) de birçoğu sadece DOM yapısında güncellemeler yaparak, hızlı sayfa geçişleri ve daha hoş bir deneyim sağlar.