WEB制作
-
チュートリアルのパソコン画面動画録画・キャプチャに! WindowsでもMacでも使える無料ソフトShowMore
ShowMoreはデスクトップ画面の任意の範囲またはフルスクリーンを録画できるソフトです。 AdobePhotoshopやAdobeIllustratorのチュートリアルや説明をするときに、ちょっとした動画が撮影できるので重宝しています。 https://showmore…
-
【はじめてのHTMLとCSS】CSSで中央寄せにする方法|最初に作るHTML 入門編④
こんにちは! 少し間が空きましたが、入門編①~③まではマスターしましたか? 今回は入門編④。要素を真ん中に寄せていきましょう! [blogcard url="https://incloop.com/html_css_beginner_iii/"] はじめに 要素と聞…
-
夏祭りの露店であまり見かけない商品のイラストをイラストレーターで描いてみる
夏に入りあれこれと催しものが増えてくると、チラシやポスターに使うイラストにも需要が増えてきます。 でも「もうあそこのホームページの無料イラストは使っちゃったし……かといって自分で描くのはむずかしいし……」なんて問題は、毎年のようにかぶさるものです。 特に「夏祭りの商品で使いた…
-
PhotoshopのペインティングとIllustratorのドローイングの両方の機能が一つのソフトに。Adobeから新しいデザイン・イラストソフト「Adobe Fresco」がプレリリーステスト開始。
「フレスコ」というのは絵画技本の一つで、生乾きの漆喰の上に顔料などで描くことで、フレスコ画というのはそういった壁画の事。有名どころで言うとミケランジェロの最後の審判などです。書き直しのできない緻密な技術が必要とされる技法で、主には建築物に描かれているものが大半です。 そのフレス…
-
【はじめてのHTMLとCSS】最初に作るHTML 入門編③~コピペできるテンプレート付
こんにちは! 前回は2019年のトレンドデザインをご紹介しました。 今回は入門編IIの続きで、表の作成をしていきます。 [blogcard url="https://incloop.com/html_css_beginner_ii/"] 例えば、お問い合わせフォー…
-
Adobe XDでレスポンシブなグローバルメニューを作るときのテクニック
慣れないと動作を作るだけで余裕で一日持っていかれますね、AdobeXDのアニメーション。 ドロップダウンメニューのアニメーション この画面を こんなふうにしたいとき。 動作としては、以下のようになります。 [video w…
-
PageSpeed Insightsの「Webページの読み込み時間」を改善するにはどうしたら良いのか?
グーグルさんが「読み込み速度も検索順位に影響するからね!」とアナウンスしてから「Webサイトは軽い方が良い」というざっくりとした認識が浸透しているように感じます。 自分もその認識を持っているのですが、では具体的に「読み込み速度」は何を指しているのでしょうか? 色々なwebサイ…
-
2019Webデザイン|知っておきたい最新トレンド3選
こんにちは! 前回、前々回とHTML、CSSの基本をテンプレート付きで解説しました。 今回はブレイクタイムということで、 2019年のWebデザインのトレンドをご紹介したいと思います。 トレンドデザイン ―アシンメトリー https://cheesetart.c…
-
初心者は覚えておくとオトク。Dreamweaverを使ってもっとラクにコーディングするショートカットメモ
ショートカットの設定 環境設定は「編集>環境設定」 Mac:Command + U Windows:Ctrl + U キーボードショートカットは「編集>キーボードショートカット」で編集が可能です。 インデントの設定 インデント Mac:Comma…
-
WordPress5.0 GutenbergとedgeとIE11
Wordpress5.0のGutenbergをIE(Internet Explorer)で動作させることは難しい、という話はよく聞くのですが、普通に別ブラウザで編集したものをedgeやIEで見た時、表示崩れが起こったのでそれに関するメモ。 Wordpress…
-
【はじめてのHTMLとCSS】最初に作るHTML 入門編② ~コピペできるテンプレート付
こんにちは! 前回は入門編Ⅰとして、HTMLとCSSの簡単な意味と使い方をご紹介しました。 HTMLは文字を入力、CSSはHTMLを装飾するファイルと覚えると楽かもしれません。 [blogcard url="https://incloop.com/html_css_bi…
-
Illustratorでレトロなドットイラストを描く方法
ドット絵は以下のような条件下でつくられていました。 2色、4色、8色、16色……といったコンピューター上で扱いやすい色数 透過処理が必要な場合は上記色数から1色減る(厳密には透過=透明な色があるためこれが1色としてカウントされる) 16×16、24×24、3…
-
【はじめてのHTMLとCSS】最初に作るHTML 入門編①~コピペできるテンプレート付
こんにちは!今回はHTMLとCSSで知っておきたい記述方法やタグの意味など、 基礎知識について書いていきます! はじめての方も改めて基本を学びたい方も必見です! 環境構築にはxamppがあると便利です。インストールする場合は、下記記事を参考にしてくださいね。 ※インス…
-
WordPressの子テーマの作り方!3つのファイルですぐにできる♪カスタマイズ後編
こんにちは! 前回は「STINGER8」というシンプルなテーマをダウンロードしましたね。 [blogcard url="https://incloop.com/wordpress_theme_customize/"] 今回はつづきとして、同テーマを使用したオリジナル…
-
PhotoshopCCのCamera Rawフィルターを使って写真をイラストタッチに変えてみる。
Photoshopで写真を開くとき、自動的にAdobe Camera Rawが立ち上がることがあります。 Adobe Camera RawはPhotoshopのプラグインとして組み込まれているRaw現像ソフトで、現像処理を行うことができます。 Rawデータとは 記録形式…
-
Adobe Illustratorの3D機能を使ってお寿司を描く
一括でパンパンと簡単にそれっぽいイラストを描いていきます。 ベースとなる形を作る ネタになるほうのかたちを適当に作ります。適当なのでサイズ感も適当。 酢飯や巻物の土台になるものも作ります。 [video width="1280" height="720" mp4=…
-
WordPressのメインループとメインクエリとサブループとサブクエリとquery_posts()とget_post()とWP_Queryと
この間「あれーなんでこれASC指定なのに表示変わらないんだー?」ってなっていたら「これメインループやん」というところにいきついたのでメモメモ。 WordPressのメインループとメインクエリ WordPressをいじっているとよく見かける下のコード。 […
-
WordPressのカスタム投稿の記事内に異なるカスタム投稿の共通カスタムタクソノミーターム一覧を表示させるループの作り方
あるカスタム投稿ページで別のカスタム投稿の記事一覧が取得できて、かつそれがエディタ上で配置を変更できる、そしてその記事一覧が記事ページが属するタクソノミ―と同じタクソノミ―で出力される……という、ちょっとわかりにくいことをしたかったのです。 そもそもどういう仕組みなのかとい…
-
WordPress5.0で追加された「Gutenberg」の投稿画面(エディタ)使い方【フォーマット編】
前の記事はこちら [blogcard url="https://incloop.com/wordpress5-0%E3%81%A7%E8%BF%BD%E5%8A%A0%E3%81%95%E3%82%8C%E3%81%9F%E3%80%8Cgutenberg%E3%80%8D…
-
WordPressのテーマをアップロードする方法♪カスタマイズ前編
こんにちは!小林です。 今回、次回とWordpressに慣れてきたときに知っておきたい、テーマを使用した カスタマイズ方法について解説していきます。 はじめに まず今回は肩慣らしということで、外部サイトから好きなテーマをダウンロードして有効化するまで の手順についてご紹…