jQuery小ネタ

WEB

複数枚の画像をクリックで拡大表示したい時、直接HTMLを修正する方法もありますが、数が多くなってくるとコードの修正が大変です。以下は、スライダーの画像を拡大表示するサンプルです。

jQueryで書けば一気に適用する事ができます。

// 画像を抽出
var slickSlides= $('#main').find('.slick-slide').find('img');
$.each(slickSlides, function(index, value){
    // lightbox用にアンカータグを付ける。
    var src = $(this).attr("src");
    $(this).wrap('<a href="'+src+'"'+' data-lightbox="group">');
})

HTMLコーディング

WEB

WEBサイトを運営されている方で、内容を変更したいけれども
・HTMLのコーディング方法が分からない..
・CSS（カスケーディングスタイルシート）の使い方が分からない..
・やってみたけれども、うまくレイアウトできない..

こういった悩みは非常に多いかと思います。
WEBは、画像ファイル、HTML、CSS等多くの要素が絡みあい、成り立っています。

横3列・4列に並べるレイアウトなどWEBは印刷物と違い非常に難解です。理由はHTML、CSSを理解しコーディングする必要があるからです。

※下記はHTMLのサンプルですが、このようなソースコードと呼ばれる理解しずらいものを扱わなくてはなりません。さらにCSSを組み合わせレイアウトを整えていきます。
※インターネットエクスプローラーなどのブラウザがこのHTMLを人間が見た時に分かりやすい形に変換してくれています。

プログラミング言語について

WEB

プログラミング言語と言っても、実に多くの言語があります。有名どころでいうとJava、PHP、Pythonなど。
どれから学んだらいいのか正直答えがありません。ただ、一つの言語を覚えると応用が効くので次の言語を覚える時に非常に約に立ちます。

その他にWEBを構成する要素はHTML、CSS、javascript（jQuey）、データベース、HTTP等、実に複雑に絡み合って一つのサイトが構築されています。
またまだ学ぶ事が山のようにある..そう思うこの頃です。

WEBのご相談承ります

WEB

ホームページに限らずWEBは専門用語が多く、その理解にも多くの時間を要します。例えば「ドメインって何？」というご質問をよくお聞きしますがネットで調べてもイマイチ分からない事もあるかと思います。

弊社は、専門のスタッフが丁寧に疑問点をご説明させていただきながら、ホームページの作成を進めさせていただいております。制作費もよほどデザインにこだわらない限りお高いものでもありません。ご興味のある方、一度お声掛けください。基本的なホームページとしての機能を備えつつ低価格でのご提供を心がけております。お見積り無料です。

これからホームページを作成したい、もしくはホームページのリニューアルをご検討の方、お問い合わせください。久留米市近郊でしたらお電話一本で伺わせていただきます。

※外出のため、電話に出れない場合がございます。その場合はお手数ですが「お問い合わせ」からご連絡くださいませ。