İçeriğe atla
Üyelik kaydınızı yaparak son yazılan içeriklerden haberdar olun! ×

Bloglar

Tasarım

Navbar Tasarımı

<nav class="navbar">   Üst Kısım (Navbar Top) <div class="navbar-top">   Logo: Bir kanepe simgesi ve "Mobilya" yazısı içerir. <div class="logo"> <i class="fa-solid fa-couch"></i> <span>Mobilya</span> </div>   Arama Çubuğu: Kullanıcıların arama yapabilmesi için bir metin giriş alanı ve büyüteç ikonu içerir. <div class="search-bar"> <input type="text" pla
Doğuhan ELMA

Doğuhan ELMA tarafından Sections kategorisinde yayınlandı

0
Tasarım

Bir Web Sitesi için Wireframe Oluşturma Süreci

Bir web sitesi için wireframe oluşturmak, tasarım sürecinin kritik bir aşamasıdır ve projenin başarılı bir şekilde ilerlemesi için önemlidir. Wireframe, tasarımın temel düzenini ve işlevselliğini belirler, böylece geliştirme süreci daha düzenli ve verimli hale gelir. İşte bir web sitesi için wireframe oluşturma sürecine dair adım adım bir rehber: 1. Araştırma ve Planlama Kullanıcı Araştırması: Kullanıcıların ihtiyaçlarını ve davranışlarını anlamak için araştırma yapın. Bu, site tasarım
Doğuhan ELMA

Doğuhan ELMA tarafından Terms kategorisinde yayınlandı

0
Tasarım

Wireframe Bileşenleri

Bir wireframe oluştururken, onun etkili ve işlevsel olmasını sağlamak için bazı temel bileşenleri içermesi gerekmektedir. İşte bir wireframe'de genellikle bulunması gereken anahtar bileşenler: 1. Layout/Grid Structure Wireframe, web sayfasının veya uygulamanın temel düzenini gösterir. Bu düzen, içeriklerin nasıl organize edileceğini ve sayfa üzerindeki genel yerleşimini belirler. Sıklıkla kullanılan bir grid sistemi, içerikleri düzenli bir şekilde hizalamayı ve tutarlı bir yapı sağlama
Doğuhan ELMA

Doğuhan ELMA tarafından Terms kategorisinde yayınlandı

0
Tasarım

Wireframe'lerin Etkin Kullanımı Nasıl Olmalıdır?

Wireframe'lerin etkin kullanımı, web sitesi veya uygulama tasarım projelerinde başarıya ulaşmanın önemli bir parçasıdır. Wireframe'leri doğru şekilde kullanmak, projenin tüm aşamalarında daha verimli ve etkili bir iletişim ve işbirliği sağlar. İşte wireframe'lerin nasıl kullanılacağına dair adım adım bir rehber: 1. Amaç ve Kapsamı Belirleyin Proje başlamadan önce, wireframe oluşturmanın amaçlarını ve kapsamını netleştirin. Ne tür bir site veya uygulama tasarlayacağınızı, hangi sorunlar
Doğuhan ELMA

Doğuhan ELMA tarafından Terms kategorisinde yayınlandı

0
Tasarım

Neden Bir Web Sitesi Wireframe Oluşturmalısınız?

Bir website wireframe oluşturmanın birçok nedeni vardır, ve bu pratik, web sitesi tasarım ve geliştirme süreçlerinin ayrılmaz bir parçası haline gelmiştir. Wireframe'ler, projenin daha başlangıç aşamalarında, tasarımın ve işlevselliğin planlanmasında önemli bir rol oynar. İşte bir website wireframe oluşturmanın ana nedenleri: 1. Kavramsal Netlik ve Odak Wireframe'ler, bir web sitesinin temel yapısını görsel olarak planlama şansı verir. Böylece, içerik, navigasyon ve arayüz elemanları g
Doğuhan ELMA

Doğuhan ELMA tarafından Terms kategorisinde yayınlandı

0
Tasarım

High-Fidelity (Yüksek Sadakat) Wireframe ve Low-Fidelity (Düşük Sadakat) Wireframe

Web tasarımı ve ürün geliştirme sürecinde, High-Fidelity (Yüksek Sadakat) Wireframe ve Low-Fidelity (Düşük Sadakat) Wireframe gibi terimler sıkça kullanılır. Her iki terim de, bir projenin erken aşamalarında kullanılan araçlardır, ancak aralarında belirli farklar vardır. Bu iki tür wireframe, projenin farklı aşamalarında ve farklı amaçlarla kullanılır. Low-Fidelity Wireframes Düşük sadakatli wireframe'ler, tasarım sürecinin çok başında, genellikle fikirlerin hızlıca ifade edilmesi ve a
Doğuhan ELMA

Doğuhan ELMA tarafından Terms kategorisinde yayınlandı

0
Tasarım

Wireframe, Mockup ve Prototype Kavramları

Wireframe, mockup ve prototype kavramları, ürün tasarımı ve web geliştirme sürecinde sıkça karşılaşılan terimlerdir. Her biri bir projenin farklı aşamalarında kullanılır ve birbirinden belirli özellikleriyle ayrılır. İşte bu üç kavram hakkında detaylı bilgiler: Wireframe Wireframe, bir web sayfası, uygulama veya sistem tasarımının iskeletini gösteren, düşük detaylı bir çizimdir. Genellikle siyah beyaz renklerle, temel düzeni ve sayfa içerisindeki içerik bloklarının yerleşimini gösterir
Doğuhan ELMA

Doğuhan ELMA tarafından Terms kategorisinde yayınlandı

0
CSS

box-shadow CSS özelliği

box-shadow CSS özelliği, HTML elementlerine gölge eklemek için kullanılır. Bu özellik sayesinde kullanıcı arayüzlerinde derinlik ve görsel ilgi katmanları oluşturulabilir. box-shadow kullanırken belirtilen dört ana parametre vardır: Yatay konum (horizontal offset): Gölgenin yatay olarak ne kadar uzakta olacağını belirtir. Pozitif değerler gölgeyi sağa, negatif değerler sola taşır. Dikey konum (vertical offset): Gölgenin dikey olarak ne kadar uzakta olacağını belirtir. Pozitif değerler
Doğuhan ELMA

Doğuhan ELMA tarafından Background kategorisinde yayınlandı

0
Doğal Dil İşleme(NLP)

Backtracking Parser

Backtracking parser, ayrıştırma sırasında seçenekleri deneyerek doğru sözdizimsel yapıyı bulmaya çalışan bir parser türüdür. Bu parser, genellikle belirsiz (ambiguous) gramerlerle karşılaştığında veya dilin grameri hakkında eksik bilgi olduğunda kullanılır. Karşılaşılan bir hata veya uyumsuzluk durumunda, parser, önceki bir noktaya "geri döner" (backtrack) ve alternatif bir yol denemek üzere ayrıştırmayı farklı bir kural veya yol ile yeniden başlatır.   Backtracking Parser'ın İşleyişi:
Doğuhan ELMA

Doğuhan ELMA tarafından Gramerler kategorisinde yayınlandı

0
Doğal Dil İşleme(NLP)

Sözdizimsel Gramer(syntactic grammar)

"Sözdizimsel gramer" (syntactic grammar) veya "sözdizim grameri", bir dilin cümle yapısını ve bu yapının kurallarını tanımlar. Bu gramer türü, leksikal gramer tarafından sağlanan tokenlar arasındaki ilişkileri belirler ve dilin daha geniş yapılarını oluşturur. Sözdizimsel gramer, programlama dilleri, doğal diller ve diğer formal dillerde nasıl ifadelerin, komutların ve diğer yapıların oluşturulduğunu ve bir arada nasıl işlediğini tanımlar.   Sözdizimsel Gramer Özellikleri: Yapısal
Doğuhan ELMA

Doğuhan ELMA tarafından Gramerler kategorisinde yayınlandı

0
Doğal Dil İşleme(NLP)

Lexical grammar(Leksikal gramer)

Leksikal gramer, bir programlama dilinin veya herhangi bir dilin leksik yapısını, yani temel sözcük birimlerini ve bu birimlerin nasıl oluşturulduğunu tanımlayan gramerdir. Leksikal analiz, genellikle bir dil işleyicisinin veya derleyicinin ilk adımıdır ve metin formundaki girdiyi, anlamlı semboller (tokenlar) dizisine dönüştürür. Leksikal Gramer Özellikleri: Tokenlar: Leksikal gramer, dilin temel bileşenleri olan tokenları tanımlar. Bu tokenlar, anahtar kelimeler, operatörler, değişke
Doğuhan ELMA

Doğuhan ELMA tarafından Gramerler kategorisinde yayınlandı

0
Doğal Dil İşleme(NLP)

Ambiguous Grammars

"Ambiguous Grammars" yani belirsiz gramerler, bir dildeki bazı stringler için birden fazla parse tree (ayrıştırma ağacı) oluşturulabilen gramerlerdir. Bu tür gramerlerde, aynı string için birden fazla geçerli sözdizimsel yapı mümkündür, dolayısıyla dilin sözdizimsel yapısının kesin olarak belirlenmesi zorlaşır. Belirsizlik Türleri Sentaks Belirsizliği: Aynı string için birden fazla parse tree'nin olması durumudur. Bu durum, gramerin sözdizimi kurallarının yetersiz tanımlanmasından kayn
Doğuhan ELMA

Doğuhan ELMA tarafından Gramerler kategorisinde yayınlandı

0
Doğal Dil İşleme(NLP)

Parse Tree Nedir?

Parse tree (ayrıştırma ağacı), formal gramerler kullanılarak türetilen bir dilin yapısını görsel olarak gösteren bir ağaç yapısıdır. Bu ağaç, dilin sözdizimini, yani gramer kurallarının nasıl uygulandığını adım adım sergiler. Ağacın kökü genellikle gramerin başlangıç sembolüdür ve yapraklar terminal sembollere (dilin temel elemanları) karşılık gelir. İç düğümler ise nonterminal sembollerdir (üretim kuralları ile değiştirilen semboller). Parse Tree Örneği Önceki Python kodumuzda kullanı
Doğuhan ELMA

Doğuhan ELMA tarafından Gramerler kategorisinde yayınlandı

0
Doğal Dil İşleme(NLP)

Derivation Process

Derivation process, yani türev süreci, formal dil teorisinde ve özellikle konteksten bağımsız gramerlerde, bir başlangıç sembolünden (genellikle başlangıç nonterminali) başlayarak belirli üretim kurallarını adım adım uygulayarak bir dilin çıktılarını (kelimeleri veya cümleleri) üretme metodudur. Bu süreç, belirlenen gramer kurallarına göre stringleri (kelime dizilerini) nasıl oluşturduğunu gösterir ve dilin yapısal özelliklerini anlamak için temel bir araçtır. Türev Sürecinin Temel Adımları
Doğuhan ELMA

Doğuhan ELMA tarafından Gramerler kategorisinde yayınlandı

0
Doğal Dil İşleme(NLP)

Grammar Derivations - Dilbilgisi Türevleri

Grammar derivations ya da dilbilgisi türevleri, formal gramer teorisinde bir dilin nasıl üretildiğini gösteren süreçlerdir. Bir başlangıç sembolünden başlayarak, belirli gramer kurallarını adım adım uygulayarak bir dilin stringlerini (kelime veya cümlelerini) üretme sürecini ifade eder. Bu süreç, dilin kurallarına ve yapılarına uygun stringlerin nasıl oluşturulduğunu detaylı bir şekilde açıklar. Türev Türleri Sol Türev: Türevleme sırasında her adımda en sol nonterminalin yerine uygun ü
Doğuhan ELMA

Doğuhan ELMA tarafından Gramerler kategorisinde yayınlandı

0
Doğal Dil İşleme(NLP)

Context Free

"Context-free" ya da Türkçede "konteksten bağımsız" ifadesi, formal dil teorisinde sıkça kullanılan bir terimdir ve özellikle konteksten bağımsız gramerleri (CFG) tanımlamak için kullanılır. Konteksten bağımsız gramerler, programlama dillerinin sözdizimi gibi yapıları tanımlamada yaygın olarak kullanılan bir gramer türüdür. Konteksten Bağımsız Gramerlerin Özellikleri Tanım: Bir konteksten bağımsız gramer G, bir dörtli (N,Σ,P,S) olarak tanımlanır, burada: N: Değişkenler veya nonter
Doğuhan ELMA

Doğuhan ELMA tarafından Gramerler kategorisinde yayınlandı

0
Doğal Dil İşleme(NLP)

Formal Gramerler

Formal gramerler, dilleri tanımlamak için kullanılan matematiksel modellerdir. Bu gramerler, dilbilgisi kurallarını ve yapılarını ifade eder ve özellikle programlama dilleri, doğal dil işleme ve yapay zeka gibi alanlarda yaygın olarak kullanılır. Temelde, bir formal gramer dört ana bileşenden oluşur: Terminaller: Dilin temel sembollerini veya karakterlerini temsil eder. Bu semboller, dilin alfabesini oluşturur. Değişkenler: Üretim kurallarında yer alan ve terminallerle değiştirilebilen
Doğuhan ELMA

Doğuhan ELMA tarafından Gramerler kategorisinde yayınlandı

0
CSS

CSS filter Özelliği

CSS filter özelliği, HTML elemanlarına görsel efektler uygulamak için kullanılır. Bu özellik, görüntü düzenleme yazılımlarında bulunan bazı temel efektleri doğrudan CSS ile uygulamanıza olanak tanır. filter özelliği, resimler, arka planlar ve hatta metin gibi her türlü HTML elemanı üzerinde kullanılabilir. CSS Filter Fonksiyonları CSS filter özelliği bir dizi fonksiyon içerir: TailwindCSS: Class Properties fi
Doğuhan ELMA

Doğuhan ELMA tarafından Effects kategorisinde yayınlandı

0
CSS

CSS Transitions

CSS Transitions, HTML elemanlarının bir durumdan diğerine geçerken (örneğin, hover durumu veya bir elemana tıklanınca) görsel değişikliklerin zaman içinde nasıl gerçekleşeceğini belirlemek için kullanılır. Bu özellik, özellikle animasyonlar ve dinamik kullanıcı arayüzleri oluştururken oldukça faydalıdır. CSS Transitions Kullanımı CSS Transitions'ı kullanmak için, geçiş yapılacak CSS özelliği, geçiş süresi, zamanlama fonksiyonu ve geçişin ne zaman başlayacağını belirtmek gerekir. Bu değ
Doğuhan ELMA

Doğuhan ELMA tarafından Animasyon kategorisinde yayınlandı

0
CSS

CSS Object Model

CSSOM, yani CSS Object Model, web sayfalarını stilize etmek için kullanılan CSS’in tarayıcı tarafından nasıl anlaşıldığını ve işlendiğini temsil eden bir yapıdır. CSSOM, web geliştirmesinde önemli bir parçası olan DOM (Document Object Model) ile yakından ilişkilidir. DOM, HTML ve XML dokümanlarının içerik yapısını bir ağaç şeklinde modelleyen bir yapıyken, CSSOM ise bu dokümanları stilize etmek için kullanılan CSS kurallarını bir ağaç yapısında modelleyen bir yapıdır. CSSOM'un İşlevleri
Doğuhan ELMA

Doğuhan ELMA tarafından Temel İşlemler kategorisinde yayınlandı

0
HTML

<meta name="robots"> Etiketi

<meta name="robots"> etiketi, web sayfalarını arama motorlarına nasıl davranılacağını belirtmek için kullanılır. Bu etiket, özellikle sayfanın indekslenip indekslenmeyeceği, sayfadaki bağlantıların takip edilip edilmeyeceği gibi seçenekleri kontrol etmek için faydalıdır. Özellikler <meta name="robots"> etiketi, çeşitli değerler alabilir: noindex: Bu değer, arama motorlarının sayfayı indekslemesini engeller. index: Bu, arama motorlarının sayfayı indekslemesine izin
Doğuhan ELMA

Doğuhan ELMA tarafından Nedir? kategorisinde yayınlandı

0
HTML

meta viewport Tag

HTML'deki <meta name="viewport"> etiketi, mobil tarayıcılarda sayfanın düzenini kontrol etmek için kullanılır. Bu etiket ile geliştiriciler, sayfanın boyutlarını ve ölçeklendirmesini nasıl kontrol edeceğini tarayıcıya talimat verebilir. Genel Kullanım: <meta name="viewport" content="width=device-width,initial-scale=1.0" /> Apple 2007 yılında iPhone'u piyasaya sürdüğünde, viewport meta etiketi adı verilen tescilli bir meta etiketi tanıttı. Bu etiketin amacı, web sayfalarını
Doğuhan ELMA

Doğuhan ELMA tarafından Nedir? kategorisinde yayınlandı

0
HTML

Medya Sorguları(Media Queries) ve Konteyner Sorguları(Container Queries)

İkisi de web tasarımında duyarlı ve esnek düzenler oluşturmak için kullanılır, ancak farklı yaklaşımlar sunarlar. Media Queries Media Queries, CSS'nin bir parçasıdır ve belirli bir medya türüne (örneğin ekran) ve/veya cihazın özelliklerine (örneğin ekran genişliği, çözünürlük) bağlı olarak farklı stiller uygulamak için kullanılır. Bu, farklı ekran boyutları ve çözünürlükler için tasarımın nasıl uyum sağlayacağını belirlemenize olanak tanır. Örneğin, bir web sitesinin mobil, tablet ve m
Doğuhan ELMA

Doğuhan ELMA tarafından Nedir? kategorisinde yayınlandı

0
×
×
  • Create New...