D2C・定期通販ノウハウ講座 - リピスト | EC/D2Cサイト構築システム
![D2C・定期通販ノウハウ講座 - リピスト | EC/D2Cサイト構築システム](https://cdn-ak-scissors.b.st-hatena.com/image/square/527c51b7ee5771740e8fa313344d25828935a4c6/height=288;version=1;width=512/https%3A%2F%2Frpst.jp%2Fwp-content%2Fuploads%2F2023%2F06%2F02_repest_xross_yoko_03-scaled.jpg)
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 最近友人と『中学生円山』を観に行きました。 女性にはおそらく理解できないであろう「男子中学生あるある(主に下ネタ)」が盛り込まれていて、いい意味でヒドイ内容でした。もう一回観たい(´ω`) さて、今回は「HTMLとCSSはわかるけどjQueryってなにそれ、おいしいの」という方向けに、今日から使える簡単かつ便利な3つのメソッド「slideToggle/fadeToggle/toggleClass」をご紹介します。 こいつらを知っとくと下記のようなメリットがあります。。 アコーディオンメニュー、タブ、スマホサイトでよくある「上からスラスラ出てくるメニュー」とか実装できる 超シンプルな記述なので、今日から使える いやーこれは便利ですね。 というわけで、早速解説していきます。 【こちらもおすすめ】 超簡単jQ
Windows PCを買ったらぜひインストールしておきたい、必携のおすすめフリーソフトや定番の無料アプリをまとめてみました。 Windowsには優れたフリーソフトや無料アプリが沢山あり、かつ古いソフトでもある程度きちんと動作するのは素晴らしい点だと思います。最近はMicrosoft Storeで配布されるアプリも増えており、インストールやアップデートが手軽に行えるようになっているのも嬉しいポイントです。 ぜひ今回ご紹介する無料アプリやフリーソフトを使って、より便利にWindows PCを使いこなしてください。なお、基本的にWindows 11向けに紹介していますが、ほとんどのアプリやソフトはWindows 10でも動作するはずです。Windows 10ユーザーの方もぜひ参考にどうぞ。 更新履歴 2024.3.16 Apple関連の無料アプリを追加 2024.3.8 「Amazonアプリスト
デスクトップ、スマホ、タブレットの表示・操作に対応したさまざまなスライダーを実装できるjQueryのプラグインを紹介します。 今必要とされるさまざまな機能を備えています。 「Pro」がついてるから有料?って思うかもしれませんが、MITラインセンスで個人でも商用でも無料で利用できます。 Slider Pro Slider Pro -GitHub Slider Proの特徴 Slider Proのデモ Slider Proの使い方 Slider Proの特徴 Slider Proはさまざまなスライダーをモジュール式に実装でき、レスポンシブ対応、タッチ操作にも対応したjQueryのプラグインです。 デフォルトの5タイプのスライダー 機能は非常に豊富です。 さまざまなデバイスのスクリーンに対応 デフォルトで完全にレスポンシブ対応(デモ全て) タッチ・スワイプ操作に対応(デモ全て) ブレイクポイント
TL;DR 2014/12/01:続編である「最近のサイトで使われていた CSS 小技集」を書きました。 今回は CSS のみで実現できるもの、動きあるエフェクトやこれから使用頻度が高くなりそうなものをメモしておきます。さり気なく使いたい CSS テクニックです。 画像 1.キュレーションサイト風のランキングボタン キュレーションサイトがサイドバーに「よくつけてる」ランキングボタンです。counter-incrementで数値を増加させ、content: counter()でカウンターを表示します。人気の記事を表示させる WP プラグイン等と組み合わせるといいですね。ざっくりとしたソースで申し訳ないです、微調整はお願いします。 html <ul class="sample"> <li><img src="xxx.png" /><span class="post-title">テストテストテ
Photoshopブラシとは? 鉛筆のような風合い、クレヨンのような質感、水彩画のような淡いタッチ。 その全てを可能にしてくれるのがPhotoshopブラシです。質感出しはもちろん、背景やスタンプのような形でも使えます。 ・デフォルトのブラシに飽きた… ・でも自分で作るのは面倒… ・無駄なブラシをダウンロードしたくない… というPhotoshop初心者の方にダウンロードして欲しい使える【無料】Photoshopブラシを30個まとめてお届けします! 目次 ・ブラシの追加方法 ・ブラシツール30選 ブラシの追加方法 まずはブラシの追加方法。 拡張子が".abr"のブラシ素材をダウンロードしたら、Photoshopを立ち上げて追加していきましょう。 ・ブラシツールを選択 ・アイコンの「ブラシパネルの切り替え」をクリック ・別ウィンドウが開くので、ウィンドウ上部のタブを「ブラシプリセット」に切り替
こんにちは!イラストレーターのあんみです。 最近はデジタルで手描き風にイラストを描くことにひっそりはまっています・・・! アナログのような表現ができるブラシを作ることが楽しいです^^ こちらの鉛筆ラフですが、実はPhotoshopで描いています。 今回はこのように鉛筆でスケッチを描いたように見せることができるブラシの作り方をご紹介しようと思います。 PhotoshopのバージョンはCS6です。 鉛筆ブラシの作り方 メニューの「ウィンドウ」→「ブラシ」を開き「楕円(ハード8)」を選択します。 「シェイプ」「滑らかさ」にチェックします。 「テクスチャ」にチェック ●パターンピッカーを開く→右上の三角▼をクリック→アーティスト→「麻布」を選択 ●「反転」にチェック ●拡大・縮小「50%」 ●明るさ「-10」 ●コントラスト「42」 ●「描点ごとにテクスチャを適用」にチェック ●描画モード「減算」
オブジェクトやイラストの線幅を部分的に自由に変更します。 線幅を好きな位置で変えようとしても、線パネルの線幅で線を太くすると、全体が均等な太さの線になります。アウトライン化して部分的に線の太さを変えようとしても、一ヶ所ずつアンカーポイントの調整をしたり線をずらしたりと、色々と面倒な作業になります。 この作業を「線幅ツール」で行うと、線の太さを目的の位置で好みの太さに変更することができます。
この記事は SVG Advent Calendar 2014 の2日目の記事です。前日の記事は、t_motooka さんの「clip と transform との組み合わせ – 職業プログラマの休日出勤」でした。 SVG の filter 要素を使うとどんなことができるのかという基本的なことと、filter 要素を使ったわりと簡単にできるマウスオーバー効果の作り方をご紹介します。 filter 要素でどんなことができるのか filter 要素では SVG 内の画像をぼかしたり、色相を変えたりするようなフィルターを作ることができます。 ただ、filter 要素単独でフィルターを作る訳ではなく、原始フィルター(フィルターの効果を定義するようなもの?)と呼ばれる要素を子要素として記述しセットで使います。 原始フィルター要素は、feGaussianBlur(ぼかし)・feColorMatrix(明
和風、和をテーマにした高画質・高解像度のイラスト、壁紙、テクスチャ、模様・柄などが無料でダウンロードできます。HP(ホームページ)、年賀状、暑中見舞い、イラスト作品の素材として、また日本画や和風デザインの勉強用・資料用としてもお使いいただけます。和風素材.comについて 和風、和をテーマにした高画質・高解像度のフリー素材集です。 和紙テクスチャ、浮世絵壁紙、和風イラスト素材などが全て無料でダウンロードできます。 HP(ホームページ)やブログなど、webの背景、装飾素材として 年賀状、暑中見舞い、季節の便りなどポストカードや便箋に イラスト作品のイメージ素材として 日本画や和風デザインの勉強用・資料用として 商用利用、素材の加工もOKです。詳しくは「ご利用上の注意」をご覧ください。 [2008.10.9] 和風イラストに山水・風景画、花鳥画など12点を追加しました。 [2008.10.6
携帯サイトを UTF-8 で書ければ余計な手間がかからなくていいのですが、 古い機種もカバーするとなると未だに Shift-JIS を利用しなければなりません。 加えて全角カタカナを半角カタカナに統一するとなると結構面倒です。 モバイル専用サイトなら全て Shift-JIS で統一するのも手ですが、データベースを PCサイトと共有しているケースは変換する必要がどうしても出てきます。 かといって echo のたびに mb_convert_encoding と mb_convert_kana を やっていたのでは埒が明かないので、出力を一時的にバッファリングして一括変換します。 下記のプログラムソースは UTF-8 で書かれ、 Shift-JIS として出力しています。 <?php mb_internal_encoding("UTF-8"); ob_start('mobile_output')
要素の背景のみを透過したい場合は background-color に rgba() で背景色と透明度を指定しますが、いつものことながら IE8 は rgba() の色指定に対応していません…。そこで、IE8 にも対応したクロスブラウザで背景色の透明度を指定する方法をご紹介します。 IE8でも背景のみを透過するサンプルとそのコード 背景に透明度0.4の黒を指定したdivと、全く透明でない黒背景のdivを比較の為におきました。上の div は IE でも背景のみ透過されて表示されます。(CodePen のインラインフレームだと IE8 では正常に表示されないようです…) See the Pen ie8でも背景を透明にする by Saomocari (@Saomocari) on CodePen. このサンプルでは、背景を透明にしたい要素に対し以下のように指定しています。 div{ filte
Webサイトのプロトタイプやワイヤーフレームなどに使えるページレイアウトを数クリックで作れてしまうPhotoshop CS6/CC/CC2014対応の機能拡張を紹介します。 今時のコンポーネントが数多く用意されているので、デザインの勉強にもいいですよ。 Velositey v2 Velositey v2とは Velositey v2のインストール Velositey v2の使い方 Velositey v2とは Velositeyをは「Photoshopでの作業がはかどる便利な機能拡張・プラグインのまとめ (1,000 Pocket Thanks!)」で紹介した時からバージョンアップし、機能も大幅に強化されました。このバージョンからCC2014対応です。 Photoshopにインストールすると、最近のWebページで見かけるさまざまなコンポーネントが1クリックで簡単に利用できます。 左上から、
JUSO Coworkingで10/4に行われた「ウェブ時代のデザイナーのための文字組入門 」に参加してきました。講師はなんでやねんDTPで有名な大石さん。最近パンフレットなど印刷物をご依頼いただく機会も増え、本を買って読むもののなかなか疑問を解消できないわたしにはぴったりの勉強会でした。今回の記事はIllustratorで印刷物のデータを作る、という前提です。 そもそも文字組・文字詰めは何のため webデザインでは、デバイステキストを自由に詰めたり組んだりすることがむつかしいため、文字組・文字詰めと聞くと「なんか難しそう」と構えてしまいがちです。 私たちがよく使うフォントというのは、四角い箱の中でデザインされています。しかし日本語のように「ひらがな」「カタカナ」「漢字」と様々な文字の形があると、当然小さい形、大きい形が出てきます。また、約物と言われる「」や()や・などは、隣り合うと何だか
Webページ内に並べられた要素の高さを揃えるスクリプトサンプルや jQueryプラグインを今までもいくつか紹介してきましたが、 並べられた要素をレスポンシブ対応かつ1行ごとに高さを揃える形での スクリプトサンプルを試しに作ってみたので紹介してみます。 まずは動作サンプルから。 サンプル画面でウィンドウサイズを伸縮させてみてください。 「jQueryでレスポンシブ対応した1行ごとに要素の高さを揃える方法」サンプルを別枠で表示 MediaQueriesでウィンドウサイズによって1行ごとに並ぶ要素数を変えてありますが それぞれ1行ごとの最大の高さに要素の高さが揃うようになっています。 全体構成についてまずはHTMLから。 ◆HTML <div class="listarea"> <ul> <li>このテキストはサンプル用のダミーテキストです。このテキストはサンプル用のダミーテキストです。このテキ
昨日の記事、グロースハックってなに?の評判が良かったので、調子に乗って今日も書きます。 EC-CUBEを使ってネットショップを構築する場合、よくドキュメントの話になります。 こういったオープンソースのパッケージの場合、特に日本語のドキュメントが少ないのがよく問題になります。 DB定義書や仕様書、コーディングガイドラインなど、あると開発がスムーズに進みます。 さて、EC-CUBEのこれらのドキュメントはどこにあるのでしょうか? 公式サイトにも記載がなく、慣れていない方は探すのに苦労すると思うのでご紹介です。 EC-CUBE4カスタマイズのお問合せはこちら 実はソースコードに同梱されています。 EC-CUBEをダウンロードして展開すると、docsというディレクトリができます。 実はこの中にドキュメントが入っています。 eccube-diagram.jude astah* community -
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く