Web

コーディング

【webデザイナーへ】注意!コーディングしづらいデザインカンプの特徴5つ

デザイナーの皆さんはコーダーにデザインを納品したときにデータをきちんと整理してますか?作ったまま納品してたりしませんか?今回はコーディングがしづらいデザインについて私の体験談も含め解説していきます。単位がpxじゃない紙媒体のデザイナーから上...
コーディング

未経験からwebコーダーになるために絶対押さえておきたいスキルと勉強法

こんにちは。現役webコーダーのmogaです。未経験からコーダー(フロントエンドエンジニア)になるになるためには、コーディングスキルをある程度まで身につけて、転職活動でアピールすることが重要です。でも、ほとんど知識がない状態だと一体どうやっ...
ディレクション

webディレクターとは?現役ディレクターが仕事内容を解説!

こんにちは、webディレクターのayaです。新卒で大手広告代理店のweb制作の部署に就職し、転職も経て、ディレクターとしての経験は6年と少し。「web系の仕事」と聞くと、まっさきにwebデザイナーを思い浮かべる人が多いのではないでしょうか?...
コーディング

【bxslider】オプションを複数設定する方法

今回はbxsliderのオプション機能を複数実装したい場合のやり方について解説してきます。方法まず通常のスクリプトは下記になります。複数のオプションを実装した記述は下記になります。 (adsbygoogle = window.adsbygo...
コーディング

【bxslider】スライダーを縦の移動に変更する方法

今回はbxsliderの機能の一つで設置したスライダーを、左右の移動ではなく縦の移動に変更するやり方について解説してきます。方法まず通常のスクリプトは下記になります。縦の移動に変更した記述は下記になります。 (adsbygoogle = w...
コーディング

【bxslider】ページャーの丸を非表示にする方法

スライダーを実装しようとして簡単に設置できるプラグインを入れますよね。いれたもののこの部分いらないといったことよくありますよね。今回はbxsliderの機能の一つで設置したスライダーの数によって増えていく、丸い部分の消し方について解説してき...
コーディング

【bxslider】読み込み時にスライドが一瞬縦に並んでしまうときの簡単な対処法

実際にWebページにbxsliderを組み込み、ブラウザで確認すると画像が縦にずらーっと並んで表示され、パッと正常な見た目になる場合があります。原因としてはページが重く読み込みに時間がかかって処理が実行されてしまうからです。せっかく作ったの...
コーディング

【bxslider】スライドごとに表示時間(待機時間)を設定する方法

つい先日実装する機会がありましたので備忘録がてらに。コンテンツスライダーでスライドごとに表示時間(待機時間)を変更したい時ってありますよね。1枚目は3秒、2枚目は4秒、最後のスライドだけ10秒みたいな感じで。ただ、デフォルトの設定だと全て同...
コーディング

誰でも簡単スライドショー!「bxslider」の設置方法【jQuery】

Web制作の現場でよく使うプラグインのご紹介します。初回の今回は私もお世話になっているプラグイン「bxslider」です。シンプルでかつ比較的軽量、レスポンシブデザインにも対応している高機能なコンテンツスライダーです。公式サイトはこちら。設...
コーディング

【HTMLコーディング】現役コーダーが厳選!おすすめエディター3つ

この記事では現役のフロントエンジニアである私が、おすすめのエディターを紹介します。初心者向けに書いていますが、ツール難民の中級以上の方の参考にもなるはずです。14年前、コーディングを始めたばかりの頃はツールの効率、使いやすさを度外視してひた...
スポンサーリンク