-
jQueryでコンテツをフルスクリーンに設定JqueryjQueryで各コンテンツをフルスクリーンで表示させる方法をご紹介します 「jquery」でスクロールするとコンテンツ事にスクロールされるスクリプトの紹介です!! スマホの時に縦幅の影響で表示おかしく...
-
jQueryで下からフワッと画像を表示JqueryjQueryで画像をフワット表示させる方法をご紹介します 「jquery」でを使ってスクロールした際に画像を下からフワッと表示させます!! 「jquery.js」をダウンロード致します。 ダウンロード...
-
jQuerytoggleメニューClass追加で表示を変更JqueryjQueryでtoggleメニュー作成 「jquery」でクリックした時に表示する方法をのご紹介!! 「jquery.js」をダウンロード致します。 ダウンロード先 jRumble をダウンロード ダ...
-
Jetpackプラグイン使い方WordPressJetpackとは? Jetpackはスパム対策やSNSとの連携する際に簡単に設定できます。 また、アクセスの状況サイト統計情報まで見れてとても便利です。 Jetpackの使い方 Jetpackのイン...
-
Progateのご紹介勉強Progateとは? オンライン学習サービスです。 無料でオンライン学習ができます。 プログラミングをオンラインで受講するために プロゲートは、無料で勉強をできるサービスです。 オンラインスクールで悩...
-
TechAcademyのご紹介勉強TechAcademyとは? こんな方にオススメです 20代で未経験からエンジニアを目指したい方 地方から東京の企業に転職したい方 これから正社員として働きたい方 一生使えるスキルを身につけたい方 未...
-
侍エンジニア塾のご紹介勉強侍エンジニア塾コースとは? 詳細はこちら 株式会社侍が運営しているオンラインウェブデザインスクール。 選ばれる5つの理由 87%の企業がエンジニア不足 いま空前のエンジニア不足なのはご存知でしょうか?...
-
GEEK JOB 転職コースの紹介勉強GEEK JOB 転職コースとは? グルーヴ・ギア 株式会社が運営しているオンラインウェブデザインスクール。 こんなお悩みの方におすすめ!! 未経験求人の選考になかなか通らない・・・ フリーターでもプ...
-
tech boostのオンラインスクール紹介勉強tech boostとは? 株式会社 Branding Engineerが運営しているオンラインウェブデザインスクール。 サービス内容 株式会社 Branding Engineerが運営しているサービ...
-
DreamweaverでSassを使う方法CSSSassとは? Sassとは、「Syntactically Awesome StyleSheet」の事を言います。 簡単に説明するとスタイルシートを簡略して書く記述の方法の事です。 SassからCss...
-
コーディングの始め方コーディングコーディングとは? コーディングとは、デザインされたデータを「HTML」や「css」「Javascript」や「PHP」などを使ってブラウザ上でボタンを押せたり、 動きをつけたりする事をコーディングと...
-
Webデザインの始め方WEBデザインWebデザインを始めるには? Webデザインを始める際には、PhotoshopやIllustratorなど、Adobeのソフトを使用してデザインを制作していきます!! まずはソフトの説明から初めて行き...
-
WebコーディングCss適用編CSSCss適用編 前回作成した、「初めてのコーディング実践編」で作成したHTMLデータを元にCSSを適用していきます!! 前回のデザイン内容 下記の画像の内容を元にCssを調整していきます!! サンプル画...
-
動画変換フリーソフト Freemake Video ConverterWindowsMP4やその他の形式への変換方法 動画を別の保存形式に変換したい時に使える無料のソフトウェアをご紹介します。 無料で使える簡単なソフトです。音楽や特殊効果などを追加したり、編集する事ができます。 ビデ...
-
Webコーディング実践編コーディング初めてのコーディング実践編 初めて1からコーディングをする時の手順を公開します!! 今回のコーディング内容 下記の画像の内容をコーディングしていきます。 サンプル画像 samole02 HTMLを作成...
-
Webコーディングする時によく使うCss編CSS初めてのコーディング 初めて1からコーディングをする時によく使うCssの記述を紹介します。 whidth 「whidth」とは要素の横幅を設定するCss [crayon-5c71f09ce110f98...
-
ローディングアニメーションの作り方JqueryjQueryでローディングアニメーションの設定 「jquery」でローディングアニメーションの設定方法をのご紹介!! 「jquery.js」をダウンロード致します。 ダウンロード先 HTMLを記載 下...
-
jQueryで画像が揺れるJqueryjQueryでグラフを設定 「jquery」で画像が震える方法をのご紹介!! 「jquery.js」をダウンロード致します。 ダウンロード先 jRumble をダウンロード ダウンロード先 HTMLを...
-
Illustratorでのテーブル組を早くする方法illustrator表を早く作る方法 デザインをしていると、表組をする事が多いと思います。 Illustratorを使うとその表組が簡単にできます。 長方形選択ツール 長方形選択ツールで、大枠の四角形を書きます。 段組設...
-
WordPressプラグインでパワーポイントを投稿WordPressEmbed Any Document WordPressのプラグイン部分から追加する。 プラグイン新規追加 新規追加部分に「Embed Any Document」を記載します。 設定部分 設定の「Em...
-
リンクタグボックス全体を囲う方法CSSaタグでボックス全体を囲いたい時 ボタンをcssで作成した際に、全体を囲いたい!! そんな時に使えるcssを記載します。 cssを記載 下記のソースを追加してください。 [crayon-5c71f09...
-
jQueryでカーソルが動くグラフJqueryjQueryでグラフを設定 「jquery」でグラフを作成する方法をのご紹介!! 「jquery.js」をダウンロード致します。 ダウンロード先 cssを記載 下記のソースを追加してください。 ※読み...
-
仕事の効率化便利ツール(予定管理)編WEBディレクション仕事で導入すると便利なツールのご紹介 予定の管理が抜けていた、手帳をなくした。。忘れてしまった場合に役立つクラウドの サービスをご紹介いたします。 Google カレンダー Googleが提供する無料...
-
仕事の効率化便利ツール(データ管理)編WEBディレクション仕事で導入すると便利なツールのご紹介 USBを忘れた…. 外付けのハードディスクを忘れた….. なんて事はよくあると思います。そんな時に使えるのがクラウドのデータ管理ツールです...
-
仕事の効率化便利ツール(コミュニケーション)編WEBディレクション仕事で導入すると便利なツールのご紹介 電話をかけても繋がらない、または打ち合わせ中にどうしても連絡がしたい場合など現状の状況で 連絡がなかなか取れない場合など状況に応じて使えるツールをご紹介します。 ...
-
jQueryページトップボタンJqueryjQueryでページトップを設定 「jquery」でページトップを設定する方法をのご紹介!! 「jquery.js」をダウンロード致します。 ダウンロード先 cssを記載 下記のソースを追加してくださ...
-
jQueryでランダムな大きさの画像を綺麗に並べるJqueryjQueryで画像を綺麗に配置 「jquery」でランダムな画像を綺麗に配置する方法をのご紹介!! 「Masonry.js」をダウンロード致します。 ダウンロード先 cssを記載 下記のソースを追加し...
-
Cssの新しい単位vw, vh, vmin, vmaxCSSViewport 今までの%ではなく新しい単位があります。 vw viewport width ビューポートの幅に対する割合 vh viewport height ビューポートの高さに対する割合 vm...
-
WordPressプラグインMW WP Formの使い方WordPressMW WP Formのインストール方法 WordPressのプラグインでメールフォームを作成する際に色々なプラグインがありますが、 今回は、「MW WP Form」の使い方について説明致します。 「M...
-
PDCAサイクルWEBディレクションディレクションで必要なマーケティング要素 Webサイトを運用更新などを行う際にPDCAサイクルを使ってより良い内容を提案していきましょう!! Plan 計画 目標を設定し、目標達成のために何をするべき...