WEB制作
-
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…
-
Internet Explorer(インターネットエクスプローラ、IE)の利用は危険!? マイクロソフトが言及した「技術的負債」とは。
Windowsをご利用の方にはおなじみのインターネットエクスプローラ。OSという概念が浸透し始めたころから長い間見慣れているデスクトップアプリケーションでした。 バージョンとして最新はInternet Explorer11ですが、これは2013年、今からなんと5年も…
-
昔の味たまごさんの昔の味たまごプリンのランディングページを作成いたしました。
昔の味たまごプリンとは? 昔の味たまごプリンは、昔の味たまご農場がつくる、ちょっとかための、昔ながらの「あのプリン」です。 「体にいいものだけで作った」というキャッチフレーズ通り、完全無添加で卵と牛乳と砂糖のみを利用し、商品添加物や化学調味料は未使用です。 隠し味に少し…
-
Googleの求人情報<Google for jobs>を載せるための構造化データはこれ!
Googleで求人情報をエンリッチリザルト(検索してすぐに出てくるGoogleの検索画面に表示されます)に出すことができるようになったようです。 必須なのは求人情報の構造化データ 構造化データについてはこちら。 [blogcard url="https://incloo…
-
【レスポンシブ対応】CSSでメニュー表のように単語と単語を点線で結ぶリストを作る CSSでのタブリーダーの作り方
点線を可変にして文字の大きさはそのまま、点線だけが伸縮してレスポンシブ。 目標は以下の通り。 PC版 タブレット版 スマホ版 スマホ版では点線を取っ払って上下にテーブル的に見せる、でもいいかもしれません。 こんな感じ。 …
-
3分あればOK!Instagramのブログパーツをサイトに設置する方法
こんにちは!小林です! 前回までプラグインの解説をしてきました。 入力して..出力して..と手順も多く大変だったと思います。 そこで今回はラクに設置したい、しかも皆さんがよく使いそうなもので..と考えました! よく使うものといえばスマホ!スマホといえばSNS!SNSと…
-
WordPressでよく使うプラグイン紹介!カスタム投稿(出力編)
こんにちは!小林です! 新年はじめてのブログですね。どうぞ今年もよろしくお願いいたします。 第2回目の「カスタム投稿(入力編)」から少し間が空きましたが、 さっそく続きの出力編の解説をしていきますね! 前回のおさらい 前回プラグインの「Custom Post Typ…
-
WordPressの見た目が変わった?投稿画面(エディタ)はどうやって使えばいいの?WordPress5.0で追加された「Gutenberg」とは。
新しいWEBサイトを建ててWordPressを入れた時、投稿画面が見慣れない様子に変わっていました。 「ついに来ちゃった」感ハンパない、WordPress5.0にて追加されたエディタ「Gutenberg」です。戸惑った方も多いのでは? 昔の投稿画面に戻すにはどうしたらいいの?…
-
CSS変数(カスタムプロパティ)の使い方
CSSのフレームワークによくFlexyを利用しています。flexboxをじゃんじゃん使っていくタイプなのでこいつがあるととても便利。 BootstrapやMaterializeも使ってみたいはみたいのですが頭がサルなので、プロパティがやたら多いと覚えられないんですよね。 Wo…
-
AdobeXDが進化中!Add-onから追加できるUIキット・プラグイン
想像した通りエッライスピードでAdobeXDが進化しています。 正直Illustratorでワイヤーきっていた時がそろそろ思い出せない……。 AdobeXDの基本的な使い方はこちら [blogcard url="https://incloop.com/adobexd…
-
WordPressでよく使うプラグイン紹介!カスタム投稿(入力編)
こんにちは!前回ご紹介したアドバンスカスタムフィールドはマスターしましたか? 今回もよく使う基本プラグインについて解説していきます! はじめに 第2回目は「カスタム投稿」です。管理画面の左側のメニューにはすでに「投稿」がありますよね! こちらは投稿メニューを追加したいとき…
-
第6回 アートフェスティバル in さがみはら 無事に開催できました
こんにちは。 田中です。 2018年11月18日(日)第6回アートフェスティバル in さがみはらを無事に開催する事ができました。 2〜3日前までイベント当日の天気予報に雨マークが付いていたのですが、 なんとか天気が持ちこたえてくれました。 今日は第6回 アート…
-
AIを使った自動着彩WEBアプリ「style2paints」をつかってみた
2018年11月1日に新しいバージョンがリリースされたようで、ずいぶん見た目も変わったこちら。 style2paints バージョン 4 えっ。URLに萌えとか入ってるけどそれ以外にもめっちゃ便利に使えそうでない? ということで使ってみます。利用する画像はこっ…
-
WordPressでよく使うプラグイン紹介!アドバンスカスタムフィールド(出力編)
はじめに こんにちは!前回は基本プラグイン「アドバンスカスタムフィールド」の入力編として 管理画面上での設定方法をご紹介しました。 今回は出力編として、用意したフィールド内に入力した情報を表示させていきます。 それではさっそく続きからはじめていきましょう! フィールドに…
-
Illustrator 日本語チュートリアル イノシシを黄金比で描くチュートリアル
めっきり冬めいてきましたが、年賀状の準備はお忘れではないですか! かわいいイノシシを黄金比率を使って量産する 今年の干支はイノシシですが、去年の犬と違ってバリエーションはそんなに多くありません。 身近な動物である方もいらっしゃるのでしょうが、割とお鍋がお…
-
WordPressでよく使うプラグイン紹介!アドバンスカスタムフィールド(入力編)
こんにちは!皆さんはwordpressでブログの運営をされていますか? これからの方も、すでにはじめているという方にも使ってほしい基本プラグインをご紹介します! はじめに 第1回目は「アドバンスカスタムフィールド」です。 その名の通り、入力するフィールドを自分の目的に合わ…
-
PhotoshopCCで画像の入れ替えが簡単に!クリッピングマスクよりフレームツールが便利
2018年10月15日に大型アップデートが入って、Photoshopの機能がバリバリ向上しました。 そのうちの一つに「フレームツール」があります。 フレームツールって何? 画像のプレースホルダーフレームを作成できるツールです。 「プレースホルダーフレー…
-
Illustrator 日本語チュートリアル 汎用性の高い女性のイラスト
人物のイラストは使いどころが多いわりに、簡単に使える画像があまり多くありません。 特に無料ともなるとだいぶ数が限られ、WEBのそこかしこで同じようなイラストが使われているのを目にします。 パーソナルな環境で簡単にWEBが作成できる今の時代、ちょっと知っている人からしたら、…
-
【Adobe Capture CC】手描きのイラストをキャプチャしてカンタン線画抽出!
イラストレーターの友人とかと話をすると 「Adobeさんは正直絵描き向きじゃない」 「ペンタブと相性が悪い」 「デジデジしい(デジタルで描きました、的な)絵にしかならなくて手描き感がない」 などなど酷評を聞くことが結構あります。 彼らが使っているのはCLIP S…
-
迷ったときの見本帳。よく使われるスマホメニューのデザイン厳選3種。
こんにちは。今回はスマホのメニューデザインについて紹介します。 よく使われる3つのデザインの特徴等をコンパクトにまとめましたので、迷ったときの参考にどうぞ! 尚、実装方法は今後このページにリンクを貼り付けていきますので、そちらをご確認ください。 はじめに 現在「スマホ メ…