https://www.dropzonejs.com/

https://www.dropzonejs.com/bootstrap.html

https://fineuploader.com/demos.html

seo js araçı 

https://github.com/aFarkas/lazysizes

pure javascript modal box

https://micromodal.vercel.app/#introduction

https://dimsemenov.com/plugins/magnific-popup/

https://biati-digital.github.io/glightbox/

https://photoswipe.com/

birinci aşamada yazımızı bir div tag ile çıktısı alınacak sayfaya bir id ataması yapıyoruz

div id="mydivPrint"

sonra aşağıdaki javasciprt kodunu yazıyoruz.

function printPage(id) { var html = ""; html += document.getElementById(id).innerHTML; html += ""; var printWin = window.open('', '', 'left=0,top=0,width=800,height=800,toolbar=0,scrollbars=0,status =0'); printWin.document.write(html); printWin.document.close(); printWin.focus(); printWin.print(); printWin.close(); }

Çalışan örneği buradan görebilirsiniz.

bir resim galerisindeki küçük resimleri gösteren oraya scrool efekti veren gayet hoş bir eklenti oldu

Demo LINK

Gİthub 

Download

#Initialization ##Initialize via javascript

jQuery(document).ready(function() {
        $('#unique-pager').StncThumbnailScroller({
            scrollSpeed : 100,
            fadeSpeed : 400,
            imagePictureAttr : '#showPicture'
        });
    });

<br>

12 en iyi CSS Altyapıları ve

  1. Elements CSS Altyapıları

2. WYMstyle: Bir CSS çerçeve 

3. YAML CSS Framework

4. YUI Grids CSS 

5. Boilerplate CSS Framework

6. Blueprint CSS 

7. Schema Web Design Framework

8. CleverCSS 

9. Tripoli Beta CSS Framework
(Kaynak: Monc )

10. ESWAT Web Project Framework 

11. CwS CSS Framework

12. My CSS Framework 

TÜm Jquery Cheatleri buraya topladım umarım işinize yarar.

En son verison 1.4 un ki: return false” href=“http://www.futurecolors.ru/jquery/” mce_href=“http://www.futurecolors.ru/jquery/”>http://www.futurecolors.ru/jquery/

jQuery 1.1.3

İndirme linki

jQuery 1.3.2 :http://www.javascripttoolbox.com/jquery/cheatsheet/

jQuery 1.3 Visual Cheat Sheet

http://woork.blogspot.com/2009/09/jquery-visual-cheat-sheet.html

İndirme linki : http://woorkup.com/wp-content/uploads/2009/09/jQuery-Visual-Cheat-Sheet-by-WOORK.pdf

jq version 1.2:  http://colorcharge.com/jquery/

ve birde burada

return false” href=“http://www.gscottolson.com/weblog/2008/01/11/jquery-cheat-sheet/” mce_href=“http://www.gscottolson.com/weblog/2008/01/11/jquery-cheat-sheet/”>http://www.gscottolson.com/weblog/2008/01/11/jquery-cheat-sheet/

ayrıca :jquery UI içinde var : return false” href=“http://oscarotero.com/jquery/ui.html” mce_href=“http://oscarotero.com/jquery/ui.html”>http://oscarotero.com/jquery/ui.html

aynı zamanda buradaki görsel anlatımlarda işinize yarayablir,

http://visualjquery.com/

eğer

aptana

kullanıyorsanız ,bu sitedeki bilgiler aptana için eklenti olarak geliyor.

Sizinde bildiğiniz üzere Html yazım şekli olarak etiket türünde bir yazım dili. Bu yüzden pek fazla özelliklere sahip değil. Bu sahip olamadığı özellikler nedeniyle sayfanın dizaynında bize tam esneklik veremiyor. Css bu amaçla üretilmiş bir dil. Kullanım kolaylığı ve kullanışlılığı ile Html’e eklenmesinden itibaren çoğu web tasarımcısının gözdesi oldu. Çünkü her türlü sayfa dizaynını bize bırakarak müthiş bir esneklik sağlıyor. Ayrıca ileriki konularımızda bahsedeceğimiz üzere bağlantılı stil şablonlar aracılığı ile de birden çok sayfaya etkiyebiliyor. Bu da bize sitenin görünümün değiştirmek istediğimizde elimizdeki onlarca belki de yüzlerce sayfanın kodlarını değiştirmeden sadece css dosyasının değiştirerek bu imkanı sağlıyor. bu yazının bu kısma kadar olan bolumu  http://www.acemiler.net/51.164.0.0.1.0.phtml den alıntıdır. css ile ilgili bazı inglizce kelimelerin karşığını yazmaya çalıştım ve isimlere göre katorilendirdim.

absolute:Mutlak
active:Etkin
align:hizalamak
arrow-color:Ok rengi

www.stncweb.net/blog

background color: artalan rengi
base-color: taban rengi
border : kenarlık
bottom:Alt
block:Öbek,blok
bold:Kalın
blink:Yanıp sönme

www.stncweb.net/blog

circle:Daire
clear:Temizle,boşalt,sil
clip: kırpma, kıskaç, parça,kesmek
color:Renk

www.stncweb.net/blog

dashed:Kesik
decimal:Onlu,ondalık
decoratin:Süsleme
disc:Disk,plak
display:Görüntülemek
dotted:Noktalı
double:Çift

www.stncweb.net/blog

first:İlk
float:Kaymak (Yüklem)
font:Yazı tipi

groove:Yiv,oluk

height:Yükseklik

image:Resim,görüntü
indent:Satır başı.paragraf girintisi
inset:Araya sokulmuş
inside:İçte
italic:Eğik
item:Öğe

keyword:anahtar sözcük

large:Büyük
left:sol
Length:Uzunluk:
letter:harf
line:hat,satır,çizgi
link:bağlantı
list:liste
lower:daha düşük

margin:kenar boşluğu
medium:orta

www.stncweb.net/blog

none:hiçbiri

outside:dışarı,Dışta
Outline:Ana hat
overflow taşma

Percentage:Yüzdelik:
padding:Doldurma:
position:Konum
pre-:-ön

right:sağ
relative:Göreli

Scroll bar:Kaydırma çubuğu
shadow :gölge
size: büyüklük, boyut
small:Küçük
small-caps:küçük büyük harf
solid:Katı
space:ara,boşluk
spacing:aralama
style:Biçem

text:Metin
thin:ince
thick:Kalın
top:üst
type:tür

uppercase:büyük harf
url:adres
underline:altçizgi, altını çizmek

vertical-align:Düşey Hizalama
vertical spacing:düşey boşuk
visited:ziyaret edilen

weight:ağırlık
width:genişlik
word :sözcük

www.stncweb.net/blog

Web tasarımcı İçin neler şart

En ön Şart :Html Mutlaka bilinmeli,Css Mutlaka Bilinmeli olmazsa olmazdır.

Bir programlama Dili bilmek şart :Php ,Asp,Asp.net (bunlardan birini bilmek şart ) yada coldfusion vss de olabilir.

Dil seçimine Göre Mysql,mssql,access veritabanlarından birini bilmek gereklidir.

Yardımcı Programlar:Flash Bilmek zorundasınız ve action script,javascprict  kodlarını blmeniz size artı puan kazandırır.

Ayrıca Corel Draw Ve Photohop u Bilmek de lazımdır. Şimdilk Bu kadar