Webdesign ToolboxはWebサイトやWebアプリのデザインや開発に役立つツールやリソースを探せるキュレーションサイトです。 フォーラムや各デザインツール、開発ツール、メディアストック、タイポグラフィ、ワークフローやUXなどのカテゴリに大きく分けられ、それぞれ更に目的に合わせた小カテゴリが用意されています。 それぞれの子カテゴリに該当するアプリケーションがまとめられており、総数1000に近いツールが紹介されていますので、Webサイトやアプリのデザインや開発、PMなどプロジェクトに関わる様々な業種の方に役立つツールを探せるようになっています。 作業が行き詰まったり非効率さを感じるなど、プロジェクトを進めるうえで何かストレスを感じた時に見てみると良いかもしれませんね。 Webdesign Toolbox
NADO 清水大蔵 長野県小諸市 WEBDESIGN -
DAIZO SHIMIZU イーヨ 〜子育てシングルの応援サイト〜 grav bicycle ビストロ アオクビ 学校法人 愛農学園農業高等学校 pioneer plants 塩田家具 リヴリア ズズサウルス FESSI DANCE SCHOOL ピッキオ 軽井沢 野生動物ウォッチング 特定非営利活動法人ピッキオ セイシル 知ろう、話そう、性のモヤモヤ 風景写真家 岡田光司 Ragu mirco ONIM DESIGN ESPER エスパー 青山ヘアー＆メイクアップ NEWS 2020.01.06あけましておめでとうございます 2019.12.102019長野ADC展 2019.10.10浅間山登山 いいいいいいいいいいいいいいいいいいいいいいいいいいい joker768 slot gacor slot gacor hari ini slot gacor
Kitasenju Design on Twitter: "I made a lenticular printing style website レンチキュラー風ウェブサイトできた #threejs #webgl #webdesign https://t.co/KlDdCcyM1w"
I made a lenticular printing style website レンチキュラー風ウェブサイトできた #threejs #webgl #webdesign https://t.co/KlDdCcyM1w
Custom Post Type UI のTaxonomiesの設定でTrueにしておきたい項目 - WebDesignのヨリドコロ
Custom Post Type UI の設定はたくさんあるので、英語のまま使用していると、気がつかない設定もいくつかあります。 ワタシ的に「ここはTrueでしょ」という設定を３つ。 まず１番目は、カテゴリーなのかタグなのかという設定。 カテゴリーとタグは似てる（WordPress内部の扱いはほぼ一緒）けど、入力の仕方や用途が違うよね。 Hierarchical っていうところをTrueにするとカテゴリーになって、Falseにするとタグになる。 これのデフォルトがFalse（タグ）になってるもんだから、しょっちゅう？？？ってなる。 ２番目は、表示オプションに表示するかどうかという設定 デフォルトのままだと、投稿一覧（もしくはカスタム投稿の一覧）の表示オプションには、カスタムタクソノミー（カテゴリー）は表示されません。 表示オプションに表示されないってことは、一覧に表示するか表示しないかを選
font awesome：WebDesignの幅が広がるアイコンフォント | FreesoftConcierge
web制作やデザインに便利なwebアイコンフォント。アイコンフォントとは、フォントとして使用できるアイコン素材のことです。文字と同じようにCSSでサイズや色を変更することができるので便利。「font awesome」とは、最も有名なアイコンフォントサービスの1つです。無料で使用できる種類も豊富で、様々な場面で使うことができます。今回は、そんなfont awesomeの基本の使い方を解説します。 font awesomeを使う準備 font awesomeをウェブサイトで表示させる方法は2通りあります。 1.CDNを使う 以下のURLにアクセスします。 https://fontawesome.com/start <link rel〜 で始まるCDNのコードを、右下のクリップボードマークをクリックしてコピーします。 コピーしたCDNのコードを、アイコンフォントを使いたいウェブサイトの<head
中央揃えや下揃えでいろいろと苦労してきたけど、flex 時代になり、なおかつBootstrap4 を使用しているなら、d-flex でいとも簡単にできてしまう。 上下左右中央でこんなcssを書いたりしていましたが .wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } Bootstrap4 なら class="d-flex align-items-center justify-content-center" とするだけ。 簡単だわぁ♫ bootstrap4を使用していない場合だと、以下の通りです。 { /* d-flex */ display: -webkit-box !important; display: -ms-flexbox !important; display
② ツールパネルからラインツールを選択します。 メニューバーのカスタムシェイプツール右横の▼を選択します。 矢印 開始点 と 終了点 に チェックを入れます。 幅 500% 長さ 1000% へこみ具合 0% にします。 ドラッグして矢印を描きます。
プラグインを使わずにカテゴリーとキーワードの複合検索ウィジェットをつくる - WebDesignのヨリドコロ
複合検索のプラグインにはいろいろとありますが、無料で、わかりやすくて良いものというのが意外と無いんですよね。 かなり凝った複合検索であれば、多少の出費は目を瞑らなければならないのかもしれませんが「カテゴリーとキーワード」のみの複合検索であれば、プラグインなしでも簡単にいけちゃいます。 検索フォーム用のファイルを用意（コピペでOK） function.phpにショートコード読み込み用ソースを追加（コピペでOK） カスタムHTMLウィジェットにショートコードを書き込む（１行のみ） 具体的にはこんな感じです。 検索フォーム用のファイル <form method="get" action="<?php bloginfo('url'); ?>"> <?php wp_dropdown_categories('show_option_none=カテゴリを選択'); ?> <input name="s"
Shopifyにはテーマファイルをローカルで編集、アップロードできるTheme kitというツールが用意されています。 今回はTheme kitを使ってローカルでファイルの更新できるようにセットアップ手順をまとめました。 （macOS:Big Sur M1 MacBook airでの実施内容です） 1.Homebrewのインストール Homebrewはパッケージ管理ツールでコマンドラインからアプリやツールのインストールが簡単にできます。 ページに記載されているインストールコマンドをターミナルに打ち込んでインストールを実行します。 /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" Homebrewのコマンドが使えるようにPASHを通します。[user_
body タグの class 属性に自ページと親ページのスラッグを追加 - WebDesignのヨリドコロ
固定ページの各ページ毎や、ある固定ページの子孫ページだけにスタイルシートを適用したい場合など bodyタグにページスラッグが吐き出されてくれると便利 ところが、body_class()のパラメータとしてページスラッグは用意されていないんですね(；´∀｀) 実はWordPress Codex のサイトにはちゃんと付いてるんですよね。『page-テンプレートタグ_body_class』みたいに。 じゃぁパラメータ用意してよ（笑）って感じではありますが、ないものは自分で用意しなければならないので functions.phpに、以下のコードを書き込みます。 // body タグの class 属性に自ページと親ページのスラッグを追加 function pagename_class($classes = '') { if (is_page()) { $page = get_post(get_the_
YOchi WebDesign
島根県在住のYochiと申します。 一姫 二太郎 ２児の母です。Webデザイナーとして、 お客様の思い、悩みに耳を傾けながら、サイト制作を手掛けていきたいと思います。 また、サイト制作を通して、地域に貢献していければと考えております。よろしくお願い致します。 イラストは娘が描いたものです → 島根県在住のYochiと申します。 一姫 二太郎 ２児の母です。Webデザイナーとして、 お客様の思い、悩みに耳を傾けながら、サイト制作を手掛けていきたいと思います。 また、サイト制作を通して、地域に貢献していければと考えております。よろしくお願い致します。 イラストは娘が描いたものです →
入力方法には、「かな入力」と「ローマ字入力」がありますが、 ほとんどの方が「ローマ字入力」なのではないでしょうか? 私もローマ字入力派です かな入力も練習していますが、たくさんの壁にぶち当たります!! まず、手を動かす範囲が広い!! そしてたくさんのキーの場所を 覚えなくてはならない! さらに濁音(゛)・半濁音(゜)・長音(ー)は ローマ字だったら打たなくていいのに余分に打たなくてはいけない。 小さい「っ」などの促音は、Shiftキーを押しながら入力する必要がある、 !や?などの記号やアルファベットは、ローマ字入力に変更してから 打ってまた戻す必要がある・・・等、とにかく面倒くさい!! キーボードを見ると分かりますが、ローマ字のキーの数は26個なのに対し、 かなのキーの数は45個と濁音(゛)・半濁音(゜)・長音(ー)で3個とアルファベット まで入れるとさらに26個足して、74個のキーの場
Ultimate Member – ユーザーグループやユーザープロフィールの様々を管理する - WebDesignのヨリドコロ
会員制サイトをつくるときに助けてくれるプラグインは非常にたくさんあり、どれもなかなかの機能があります。 また「この機能だけがっちりと」という場合に適しているものもあります。 そんな中で、マッチングサイトを作る際にお世話になっているUltimate Member（以下UM）の設定の仕方についてメモメモしておきます。 とてもスグレモノのプラグインなのに、ほとんど日本語の解説ページがないんです(；´Д｀) 会員制サイトづくりってのが素人にはあまり必要ないからなのかなぁ？ 私みたいなへっぽこウェブデザイナーは素人みたいなもんだから、優しい解説ページがないと困るんです(´°̥̥̥̥̥̥̥̥ω°̥̥̥̥̥̥̥̥｀) UMをインストールすると作成されるページ まず、インストールすると次のページが自動作成されます。 以前は、自動作成されていましたが、現在は、インストール後に「Ultimate Member
Webdesign Og Dev: De 9 Beste Wysiwyg Html-redaktrene For Mac
Webdesign Og Dev: De 9 Beste Wysiwyg Html-redaktrene For Mac 8,2/10 5313 votes Web Design Og Dev: De 9 Beste Wysiwyg Html-redaktrene For Mac ProDownload KompoZer for free. A wysiwyg HTML editor that uses the Mozilla Composer codebase. KompoZer is a wysiwyg HTML editor using the Mozilla Composer codebase. As Nvu's development has been stopped in 2005, KompoZer fixes many bugs and adds a few useful
acf_form()を使って、フロントエンドからカスタム投稿タイプに新規登録する方法 - WebDesignのヨリドコロ
フロントエンドから新規投稿できるようにするには、これまでもACF（Advanced Custom Fields）プラグインから提供されているacf_form()関数を使用してきましたし、あちこちに日本語、英語の解説がありますが、同じことをカスタム投稿タイプに対して行う場合だと、なかなか日本語で解説しているページがなかったので（あっても具体的な方法は省略されてしまっていて）メモメモ♫ まず、acf_form()の基本的な使い方は… <?php acf_form_head(); get_header(); ?> <div id="content"> <?php acf_form(array( 'post_id' => 'new_post', 'post_title' => true, 'post_content' => true, )); ?> </div> <?php get_footer(
Event Organiser で、管理画面から過去のイベントを表示するかどうかを一括して設定することはできますが、「過去のイベントを表示はするけど、申し込みフォームと残りの座席数は表示したくない」なんてことがあります。 それも Event Organiser の予約システムを利用していればいろいろと設定はあるのでしょうが、他にいろいろと設定項目が必要で、オリジナルの予約フォームを設けている場合なんてのも少なくありません。 そうすると「このイベントが過去のイベントかどうか」の判定をしなければならなくなります。 通常の記事投稿であれば <?php $TODAY = strtotime(date('Y-m-d')); function check_past_post($date) { global $TODAY; $date = strtotime($date); $daydiff = ($T
The Cheserasera [ザ ケセラセラ] OFFICIAL WEB SITEのデザイン #musicwebclips #webdesign #web #ウェブデザイン #バンドホームページ #音楽サイト #music
The Cheserasera [ザ ケセラセラ] OFFICIAL WEB SITE http://www.thecheserasera.com/ The Cheserasera (ザ ケセラセラ) のオフィシャルサイトです。最新情報や2015年1月14日発売 1stアルバム「WHATEVER WILL BE, WILL BE」の情報等がご覧いただけます。
![The Cheserasera [ザ ケセラセラ] OFFICIAL WEB SITEのデザイン #musicwebclips #webdesign #web #ウェブデザイン #バンドホームページ #音楽サイト #music](https://cdn-ak-scissors.b.st-hatena.com/image/square/d946c9cf4eba6e5cbcc5f6281ca5b2f8ed1147f4/height=288;version=1;width=512/https%3A%2F%2Fmusicwebclips.net%2Fwp-content%2Fuploads%2F2023%2F09%2F1-61.jpg)
左に寄せたり、右に寄せたりはいまだにfloat:left / right を使うことが少なくないけど、下を揃えたり、スタイルシートで左からと右からの入れ替えしたり、間隔揃えたり… と、なんだかんだのレイアウトをするなら、もうイマドキFlexbox っきゃない（と思ってる） しかーし、便利で多機能だけに、どんな値を設定してやるかなかなか覚えられないし、ブラウザによって非対応や見え方が違ってしまう場合もまだあるので、◯◯と◯◯はこれでいいけど、◯◯用にはこう書いてみたいなのがちょっややこしい。 そかなときに頼りになるのがこれらのサイト。 すごくわかりやすく書いてあるので覚えないってのもあるんだけどね（笑） Flexboxでできることや、基本的な使い方を見てみたいときは Qiita さんと LIGさんがとにかくわかりやすいです。 Flexboxレイアウトまとめ – Qiita CSS3のFlex
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WebサイトやWebアプリのデザインや開発に役立つツールやリソースを探せる・「Webdesign Toolbox」
Bootstrap4でお手軽上下左右中央揃え - WebDesignのヨリドコロ
矢印でサイズを表記する方法・フォトショップ（PhotoshopCS5) | Webdesign・Photoを独学で!
【shopify】ローカルでの環境構築方法 | WebDesign Basic（Webデザインベーシック）
かな入力の覚え方・キーボード配列表 | Webdesign・Photoを独学で!
投稿やイベント（Event Organiser）の過去判定 - WebDesignのヨリドコロ
イマドキのCSSレイアウトは Flexbox でしょ - WebDesignのヨリドコロ