サイトロゴ

Enjoy Creating
Web & Mobile Apps

MENU BOX
Webで
遊ぼ!
OPEN

Blog List

これまでのブログ記事を新しい順にまとめています

【HTML】同じページ内のジャンプの設定方法【a要素】

*同一ページ内でジャンプさせる方法*

ページが縦長でスクロールが大変でも、ボタンクリックで飛びたい場所へ飛べるようにしておくだけで、ユーザーの利便性はグッと向上します。

同一ページ内のジャンプは、JavaScriptの力に頼らずともHTMLだけで実装可能です。
やり方も簡単なのでWeb制作者はもちろん、ブロガーなども覚えておきたいテクニックです。

ページ内ジャンプの設定記事のサムネイル

【 Photoshop 】写真を油絵風に加工する方法

*Photoshopで写真を油絵風に加工する方法*

風景などの写真を絵画っぽくしたい機会は割と多いですよね。
今回は、絵画の中でも『油絵』っぽくなるような加工方法をご紹介します。

【Photoshop】写真を油絵風にする方法の解説記事サムネイル

【デザイナー向け】消耗しない・自分を傷つけにくい副業の仕方

*デザイナー向けの消耗しない副業のポイント*

厳しい納期、エンドレスな修正などなど…。
デザインをすることは好きでも、無理をすれば消耗してしまい、「もう嫌だ!」となってしまうこともありますよね。

本記事では、そうならないためのポイントをご紹介します!

デザイナー向け消耗しない副業方法の記事サムネイル

【JavaScript】ハンバーガーメニューの基本的な動きを実装してみよう!

*ハンバーガーメニュー実装のポイント*

スマホ版Webサイトではナビゲーションメニューを表示しておくスペースがないので普段は隠しておき、ボタンタップでメニューが表れる仕組みが一般的です。
この記事では、そういったメニューの実装のポイントをお伝えします。

ハンバーガーメニュー実装方法の記事サムネイル

Illustratorが得意なこと・苦手なこと

*Illustratorが得意なこと・苦手なことについて*

Illustratorに興味があるけど自分にとって必要なのか?Illustratorで何ができるの?
そんな疑問を持っている方も多いと思います。

この記事ではそんな疑問の解消に役立つべく、Illustratorの得意・不得意をについて解説しています!

Illustratorの得意・不得意に関する記事サムネイル

【2022年最新版】要素を中央に配置する方法

2022年版CSSで要素を中央配置にする方法の紹介

昔から使われている代表的な中央配置の方法から最新の方法まで、CSSで要素を中央に配置する方法をご紹介します!

2022年版要素を中央配置にする方法

ロゴデザインはロゴの種類を知ることから始めよう!

*ロゴの種類についての記事です*

ロゴデザインはWebやチラシのデザインと比べて、必要な知識やテクニックがやや独特です。

ロゴデザインをこれから始めようという方は、まずロゴの種類にはどのようなものがあるのかをつかんでおくと、デザインしやすいですよ!

ロゴの種類の記事サムネイル

【ruby関連要素】Webページでルビ(ふりがな)をふる

*Webページでルビ(ふりがな)をふる方法についてです*

専門的な内容のブログサイトなどでは記事中に難しい漢字を使うこともあります。
その場合、( )の中にふりがなを記載しておく方法もありますが、本のようにルビ(ふりがな)をふることもできます。

本記事ではルビをふる方法について解説していきます。

ルビを振る方法の記事サムネイル

【 Photoshop 】画像に写り込んだ不要なものを消す

*Photoshopで画像の不要な部分を消すテクニックです*

風景の写真に意図せず写り込んでしまった動物や人、顔や服についてしまった汚れなど…。
画像に写った不要なものを消したいケースは多いですよね。

Photoshopを使って、画像の不要な部分を消す方法をご紹介します。

画像の不要なものを消す記事のサムネイル

【JavaScript】DOM操作の基本(要素の取得〜簡単な書き換え)

*DOM操作の基本についてです*

JavaScriptを使うと、HTMLを直接編集しなくてもプログラムでHTMLを動的に操作(テキストの書き換えや、属性の変更、要素の生成・削除など)することができます。

今回はDOM操作の手順と方法について、基礎の部分を簡単にお伝えします。

DOM操作の基本の記事サムネイル