コピペでできる！cssとhtmlだけの[clip-path]で作るブロックの一部につけるリボンデザイン8種

新しく動画つきの記事を書きました。新しく動画つきの記事を書きました。 受講生の作品づくりにも人気のものですが、なぜか導入が上手くいかないという質問が多いので導入方法を動画にしました。 slick導入の基本 解説のページではなく、slick本家のサイトを参考にしましょう。 基本機能の導入 2017/11現在、本家のグローバルナビの「usage」をクリックすると基本機能を導入するためのコードがあります。 プラグインのコードはグローバルナビの「get it now」から入り「Download Now」ボタンでダウンロードできます。 使用するファイルとフォルダは次のものです。 slick.min.js slick.css slick-theme.css（無くても動きますが、あったほうがCSS記述が楽になる） HTMLコード クラス名のyour-classは好きなクラス名にします。 <div cla

wp_nav_menu 関数はカスタムメニューを表示するための関数(テンプレートタグ)です。 メニューの前後に表示する(HTML)テキストを指定したり、メニューを覆うラッパーの要素を指定するなど、細かな制御が可能です。 しかしながら、schema.org が提唱するような、itemprop などを用いたメタデータを埋め込むための機能は用意されていません。 nav_menu_item_id などのフィルタにフックすれば、class 名や id 名を細かく制御することができますが、 いずれの方法でも、class 名や id 名以外を設定することはできません。 したがって、メニューに関する独自のデータや、あるいはメタデータを埋め込みたい場合には、 wp_nav_menu 関数が出力する HTML テキストを独自にカスタマイズする必要があります。 幸いなことに wp_nav_menu 関数は、独自

TOPjQuery 【jQuery】slickのカルーセルスライダー実装方法とサンプル集 【jQuery】slickのカルーセルスライダー実装方法とサンプル集 公開日：2015.12.02 更新日：2023.03.19 jQuery, カルーセルスライダー 様々なレイアウトのスライダー、スライドショーを実装出来る slick の使い方をまとめました。 これまでも slider-proやcarouFredSelをご紹介しましたが、slickは両者のいいとこ取りという感じです。詳細は以下の機能概要をご覧ください。 slick.js配布元 サンプルページ slickの機能概要 レスポンシブ対応 横幅のブレイクポイントごとにスライドの表示数、スクロール数を変更可 （centerModeではスクロール数は1つで固定） タッチデバイス対応 IE8以上で動作（スライド数のドットの色は変化しない） 縦カル

こんにちは。FASTCODINGデザイナーの七転び八重子です。みなさん、Webデザイン時のワイドサイズやファーストビューサイズを何ピクセルに設定してますか？私は半年ごとに支流のサイズを確認しているので、２０２１下半期スタートに合わせてまとめてみました。前回2020年10月にまとめましたが、今回は、デザインのレイアウトも考慮に入れています。目次 ソリッドレイアウトorリキッドレイアウトorフレキシブルレイアウト？ ソリッドレイアウト（固定レイアウト）とは？ リキッドレイアウト（可変レイアウト）とは？ リキッドの進化系... どうも、FASTCODINGディレクターのせりなです。 Webサイトを制作するとき、デザインの横幅を何pxにすればいいかなーって思ったことありませんか？ パソコンは何pxで作るの？スマートフォンは何pxがいいの？ って聞かれることが多いので、デザインの横幅でもう迷わないた

この機能を知ったらすぐ使いたくなった「スマートオブジェクトのリンク」をご紹介します。 先日、Photoshopの「CC 2014」が登場しました。 新機能の項目で目に留まったのが「スマートオブジェクトの強化」。そのリンク先で「スマートオブジェクトのリンク」のチュートリアル動画を観た私は驚愕したわけです(ﾟдﾟ)！ スマートオブジェクトのリンク機能とは？ 「スマートオブジェクトのリンク」は、「Photoshop CC 2014」が登場する一つ前のバージョン「Photoshop CC 14.2」から追加された機能です。 実際に行う作業としては、Photoshop上で「リンクを配置」という項目を使います。 「リンクを配置」を使うことで何が良いのかというと、 複数ファイルで共通部分があるときの“修正が簡単”になります。 いわば、共通部分をリンクすることで、一つのファイルだけ修正すればすべてに反映さ

Overview Use this tool to create custom code for Post Types with register_post_type() function. Usage Fill in the user-friendly form. Click the “Update Code” button. Copy the code to your project. Or save it as a snippet and share with the community.

簡単にまとめますと、個人事業主で、かかる所得税率が法人税率よりも高くなれば法人化した方が税金的に有利ということになります。その目安となる個人事業主の利益が500万円です。また法人化することで、個人事業では受けることができなかった様々な税務上の恩恵を受けることができるようになります（本記事中で紹介）。 利益が500万円以上ある個人事業主の方であれば法人化を検討してみても良いでしょう。この記事では個人事業主が法人化する際のメリット・デメリットを項目別に解説しています。 また本記事のように個人事業主が法人化する際のメリット・デメリットを解説している専門家の記事やブログはたくさんありますが、結局いくら稼いでいたら法人化すればよいのかということが書かれている記事はほとんどありません。 そこでまずはズバリ、個人事業主としていくらの年間利益があれば法人化を検討すべきかをまとめてみましたので参考にしてくだ

所得とは？ - 個人事業主の場合 所得とは？ - 会社員の場合 会社員の所得税 - 計算例 所得は全部で１０種類 本記事では、基本的に収入や所得を１年単位のものという前提で話を進めます。ですので、とくに「年間収入」や「年間所得」と記載せず、単に「収入」や「所得」と記載しています。 所得とは？ - 個人事業主の場合 １年間で入ってくるお金が「収入」です。たいていの場合、個人事業主なら「収入 ≒ 売上」と思って差し支えありません。 厳密に言うと、「収入」は対価性のない無償の経済的利益まで含む広い概念です。そのなかに含まれる「売上」は、商品の販売やサービスなどの対価に応じて受け取る代金を指します。 >> 収入と売上の関係を詳しく 個人事業主の所得は、収入(事業収入)から必要経費を差し引いたものです。事業を通じて得るものなので、これを「事業所得」と呼びます。 事業所得の課税のしくみ - 国税庁 こ

カスタム投稿タイプとカスタムタクソノミーについてまとめました。結構詳しくまとめた（つもりな）のでこの記事を参考にすればカスタム投稿タイプを使用して基本的なことは出来るようになると思います。 まえがき カスタム投稿タイプとカスタムタクソノミーについてまとめました。 カスタム投稿タイプを使ってWordPress標準の「投稿」とは別の独立したブログコンテンツを作成する時に必要になりそうな項目をピックアップして解説します。 カスタム投稿タイプとカスタムタクソノミーを覚えるとできることの幅が格段に広がりますので抑えておいて損は無いと思います。 目次 カスタム投稿タイプとカスタムタクソノミーの概要 カスタム投稿タイプとは カスタムタクソノミーとは タームとは カスタム投稿タイプ&カスタムタクソノミーの作成 カスタム投稿タイプのパーマリンク設定 カスタム投稿タイプのテンプレートやタグ カスタム投稿タイプ

目次 中々の大作になってしまったので目次付けときます。 ↓目次を表示する まえがき KoToRiは最近まで「Custom Field Template」を愛用していました。 使い方を詳しく説明した記事も書きました。詳しく書き過ぎて見てくれた人にコメントで注意もされました笑 Custom Field Templateの使い方[WordPress] でも最近『Advanced Custom Fields』に乗り換えました。 理由はいろいろあるのですが一番の理由は編集画面に表示されるフィールドが見やすいからです。 管理画面をなるべく使いやすくカスタマイズするという事に重きを置くようになったのです。今更ですが。 でも調べていくうちに『Advanced Custom Fields』の柔軟性にビビりました。 みなさん、このプラグインが無料なのは凄いことです！ なので『Advanced Custom F

ティファニーブルー ティファニーブルーの基本情報(色の雰囲気/おおまかな色見本・色コードなど) [ティファニーブルーとは?] ジュエリー、アクセサリーブランド 「Tiffany」のトレードマークと知られるブルー系カラー。 水色系カラーで、水色ともグリーン系とも言えるような色。 正式な色名として存在するのかは不明であるものの、 一つの色の種類として実質的に存在し、世間的に定着している。 ＊緑系にも見えるため、「ティファニーグリーン」と呼ばれる場合もあり。 [おおまかなティファニーブルーの色見本(色コード)]

This package includces 266 free icons SocialBrowsersProgrammingFrameworksSharingOperating SystemsDatabasesVersion Control

WordPressにはおしゃれなテーマがたくさんあります。「これが無料！？」と思うようなハイクオリティなものが無料配布されていることもあります。 全てレスポンシブ対応 今回はおしゃれなWordPressテーマをまとめて紹介します。どれもレスポンシブ対応（スマホ表示にも最適化）です。海外製のものが多めですが、どれも日本語で使うことができます。ジャンル別に紹介していくので、必要に応じて読み飛ばして頂ければと思います。 いきなり手前味噌で恐縮なのですが、当サイトが制作・配布しているWordPressテーマです。開設1年で200万ページビュー/月を超えたサルワカのノウハウを、余すことなく詰め込んでいます。 デザインはモバイルファーストで、細部までこだわり抜いています。見出し、ボックスなどの装飾が多数用意されており、専門知識なしで簡単に記事に挿入できます。内部SEOもバッチリ最適化済み。有料ですが、