ＷＥＢ制作
-
画面をスクロールした際にサイドバーのコンテンツが画面上に付いて来るように表示させる方法
今回は「画面をスクロールした際にサイドバーのコンテンツが画面上に付いて来るように表示させる」方法をご紹介致します。 本記事ではWordPressを使用した場合の設定方法を詳細に記載します。 といっても、使用するプログラムはWordPressでなくても機能しますので、自身の…
-
JavaScriptを使用してブラウザのスクロール位置を取得・設定して様々な処理を実行する方法
※本記事のプログラムは2018年2月14日に修正しました。 プログラムを組む感覚を取り戻そうとしています、網干です。 少しの期間ですがプログラムから離れていたら、もうGoogleさんに頼らないと組めない頭になっていました。 これじゃイカンということで、勘を取り戻すた…
-
【CSS】クラスタグの付け方ってどうやればいいの？HTML5のカテゴリ構造とコンテンツをまとめてみました！
「キーワードとかそういうののSEO対策ってもうほとんどありきたりになってきたよね」 「そもそういうのってどこまで通用するんですの？」 「ウェブサイトってコンテンツの良さで決まるから……いや、でもそれ前提としても、それ以外のところでやっぱりなんかあるんじゃないの？」 …
-
初心者が学ぶ子ども向け教育プログラミング言語Scratch（スクラッチ）の使い方 その4【空を飛ばせよう】
これまでのシリーズはこちら [blogcard url="https://incloop.com/%E5%AD%90%E3%81%A9%E3%82%82%E5%90%91%E3%81%91%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F…
-
WordPressの管理画面のメニュー項目を、ユーザーの権限ごとに変更する方法
久々にWordPressの操作をした気がします、網干です。 「WordPressをたまにしか触らないユーザーは、カスタマイズ権限を剥奪してしまえ！」 という天の声を拝聴する夢を見たので、今回はユーザーの権限ごとにメニュー項目を制御（表示・非表示を切り替え）するプラグイン「…
-
Excelでドロップダウンリストを簡単に設定する2つの方法
こんにちは。 火曜日ブログ担当の田中です。 とても久しぶりな感じですね。 ゴールデンウィークはいかがでしたか？ いい天気が続いていたので、外出された方もきっと多いのでは。 今日は、Excelのドロップダウンリストの使い方です。 家計簿や何かの一覧表など、意…
-
現代日本のマーケティングには感性データの解析力が不可欠！日本マーケティング・リテラシー協会（JMLA）様のWEBサイトを制作いたしました。
日本マーケティング・リテラシー協会（JMLA）様のホームページを制作させていただきました。 https://www.marketing-literacy.org 日本マーケティング・リテラシー協会（JMLA）とは？ 日本マーケティング・リテラシー協会（JMLA）…
-
小中学生の親御さん必見！子ども向けプログラミングが楽しく学べる書籍をご紹介！
相模原市立産業会館パソコン教室では、小学生向けのプログラミング講座が大好評です。 相模原市の広報でも取り上げていただき、大変多くの反響をいただいております。 相模原市広報5月号（PDF形式 13.8MB） この背景には2020年に小学校教育でのプログラミング必修化が…
-
HTMLとCSSでキャラクターに吹き出しを付けた漫画的な表現をWebページで表示する方法
漫画的な表現が好きです、網干です。 最近は電子書籍でPC上でも漫画を読むことができます。 ですが、個人的にはもっとWeb上の技術を使った動きのある漫画があっても良いのではないかと思ったりします。 といっても、いろいろと制限があったり、時間に見合わない労力が発生する等の問…
-
【CSS】flexboxを使ったWEBレイアウトはレスポンシブデザインに最適！flexboxの使い方をまとめてみました！
「いやめっちゃ楽ですよ。レスポンシブにかかる時間ホント減りましたもん」 「へー。ええやん。それウチの標準にしようよ」 というわけで勉強会を開いたら 「できるってこたぁわかった」 「なんとなくわかったような気がする」 「つかプロパティ多くね？」 となりました…
-
2017年4月4日にGoogleからNoto Serif CJK（Noto明朝）がオープンソースで発表されたので、WEBフォントのメリットデメリットを考えてみる
Google、日中韓対応の明朝体フォント「Noto Serif CJK」を無償公開｜窓の社 豆腐（対応する文字がなくて「これないよ…」と代わりに表示される四角いエラー表示）を駆逐する、NO TOFU! という目的でGoogleさまが無料で提供してくれているNotoフォントに…
-
IllustratorでWEBデザインを行うときに押さえておくべきポイント9選
以前こんな記事を書きました。 WEBデザインをするツールとしてIllustratorとPhotoshopの違いを比較してみる [blogcard url=”https://incloop.com/illustrator%E3%81%A8photoshop%E3%81%AE…
-
JavaScriptで曜日ごとに文言の表示を変更する方法
「日替わり」や「期間限定」という言葉に弱いです、網干です。 飲食店やスーパーマーケットで曜日替わりのサービスをやっているお店をよく見かけます。 ですが、ホームページを見ても各曜日ごとにどのようなサービスがやっているのかわからない場合が多いです。 曜日替わりのサービス…
-
桜の花びらがひらひらと舞うイラストをIllustratorのブラシで作成するついでに和のイラストでよくある装飾の四角いきらきらも作成する
この季節になると春のチラシやらなんやらで、ワンポイント的に大活躍するのが桜。とりあえず隙間は埋めとけ的にイラストやクリップアートでぽんぽん桜が咲くのですが、毎年思うのですが桜は咲いても花びら舞わないんですよね。 というもの桜の花びらというコアな素材がまずそこらに落ちていない。花…
-
Twenty SeventeenのWordPressテーマに動画ヘッダーを入れてみた！
WordPressのテーマTwenty Seventeenで、動画ヘッダーをどのくらい簡単に設定できるのか 調査、実験してみました！ HPに動画ヘッダーを埋め込んでみたいという方はぜひ参考にしてみてください(*´ω｀) ビデオ動画やアニメーションはWEBサイトで注目を集…
-
WordPressのプラグイン「WP SVG Icons」で投稿記事の文中にアイコンを設置する
今年に入ってからプラグインの記事しか書いていない気がしてきました、網干です。 今回も便利プラグインの紹介です！ 今回はHTMLコードの知識が一切なくても投稿記事の文中にアイコンが設置できる「WP SVG Icons」というプラグインをご紹介致します！ 本記事を読むこ…
-
FacebookやTwitter、LINEといったロゴの利用規約守ってますか？ロゴを使うときに気を付けなければならないこと
HPを作っていると、SNS関係や他の企業のロゴを使用することが多くあります。特にFacebook、Twitter、LINE、この辺りは日本において必須項目となってきていますね。それぞれに特徴のあるSNSですが、アイコンもかなり特徴的。もうFacebookならこの色、このロゴ、とい…
-
WordPressで絵文字が使えるプラグインをまとめてご紹介！
こんにちは！木曜ブログ担当の吉見です。 今日は久々に気温が上がるという天気予報でしたが、ほんとに気持ちのいい青空です。 だんだん春に近づいてきた実感がします(*´ω｀) さて、今日は「絵文字」についてご紹介しようと思います。 …
-
ほとんどコピペで出来る！WordPressで横から割り込むようなスマホ専用のメニューを作成する！
久々に自作のコード紹介になります、網干です。 今回はほぼコピペで完成してしまうようなスマホ専用メニューの作成方法をご紹介致します。 メニューの項目はアコーディオン形式で表示しますので、項目が多くなっても対応できます！ 本記事を読む事で下記のようなメニューを作成することが…
-
Illustratorでのイラストの描き方3つのポイント
イラストとは何か IllustratorとPhotoshop、どっちを使った方が絵を描きやすいか、と問われると、Photoshopだと答えるデザイナーさんが日本には結構多いと思います。 ペンタブを使ってインクを落とすように直接画面に絵が描ける、という点で、Photoshopは…
相模原のお店やサービスをどんどん紹介！
飲食店
サービス
