WordPressページビルダープラグインの比較 WordPressでウェブサイト制作するときに便利なプラグイン。 固定ページをレスポンシブウェブデザインで素早く簡単に構築、編集が出来るようになります。 そのページビルダープラグインの中で、 人気があるのがどれか分からない。 編集画面インターフェースの違いが見たい。 使いやすいプラグインが知りたい。 動作速度やWordPressへの負荷は? インストール数+レビュー数+レビュー平均点を加味した上位8件で設定・使い方・インターフェースを徹底比較していきます。 上位8件は以下の通りです。インストール後の設定、使い方、動作デモを確認します。 評価(インストール&レビュー数&レビュー平均点)の比較 プラグイン名 インストール数 レビュー数 レビュー平均点 Beaver Builder Plugin (Lite Version) 200,000以上
オンラインストア・カート (1)歌詞 (1)音素材 (1)耳コピ (1)SNS (1)トピックス (2)BGM (5)シーケンサー (2)リズムマシン (1)DAW (2)イコライザー (1)スマートスピーカー (1)エフェクター (1)Webブラウザ (1)プレイヤー (1)スケジュール管理 (2)レコーダー (2)集客・告知・宣伝 (1)動画編集 (5)コード・スケール (6)演奏 (3)バンド内連絡 (4)デザイン・画像制作 (4)YouTube関連 (4)メトロノーム (5)チューナー (5)音声ファイル編集 (8)音楽制作 (6)ファイル共有 (4) 音楽活動のための無料ツール+本サイトでは、バンドマン/ミュージシャンの音楽活動に役立つ便利なツール(スマホアプリ、ソフトウェア、Webサービスなど)を紹介します。基本的に無料のものを掲載していますが、一部有料のものも含まれています。
作成:2014/09/1 更新:2014/11/01 Web制作 > 報告が遅れましたが、5月に退社し6月に起業(株式会社コムテ)しました。今までブログにメモしておいたことが、起業や納品に役立った部分もあり、ブログを継続してよかったと思います。ブログを見てくださっている皆様、ご紹介させていただいたサイト運営者様、応援して下さっている皆様には心よりお礼申し上げます。経営や制作の部分ではまだまだ未熟ですが、今後ともご指導ご鞭撻のほど、よろしくお願いします。 今回は「Web制作で使いたい」jQueryプラグインやスクリプトなどをまとめました。WordPressテーマを作るときに使うもの、検索でヒットしにくいプラグインも多数ご紹介。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 動画 1.動画をブラウザの背景全体に再生させる 2.動画を綺麗に表示させる WP管理画面
CSSでできる事がどんどん増えてます。JavaScriptを使って実装するようなレイアウトやUIも、CSSだけで作れちゃうほど、便利なプロパティがじゃんじゃか増えましたね。ここでは、要素にアニメーション効果をつけるためのCSSを使ったエフェクトについて、まとめてゆこうと思います:)。 CSSで動かす 「動く」といっても、自由自在にぐにゃぐにゃ動かせるわけではなくて、CSSアニメーションでは、プロパティの数値をスムーズに増減させることで、要素のスタイルを滑らかに変化させます。 例えば、下のサンプルでは、p要素にカーソルを合わせた時に、font-sizeの値を、1emから2emに、スムーズに変化するように指定しています。 p { transition: font-size 1s; } 動かすためのマストプロパティ CSSでアニメーションさせるために必要不可欠なのがtransitionプロパティ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
プロフィールに記しておりますとおり、私は現在デザイン会社にて働いております。 昨年の3月、5年ほどやっていた「DTP・グラフィックのデザイン・レイアウト業務」から「Web担当」に相なり、日々勉強しながら仕事に臨んでおると言う状況です。 そのちょっと前までHTMLは妖精が書いていると思っていた私にとって、あまりに勝手の違う作業内容。最初は途方に暮れておりましたが、Twitter等で知り合うことのできた先輩Webデザイナーさん達のおかげもあり、現在では自分でWordPressのテーマを作成できるまでに成長することができました。頭を叩くと「セマンティック!」と音が鳴るまでになりました。 そんなわけでここいらで一度、自分がDTP→WEB担当になるにあたって勉強したこととか使っているツールとかをデロッとまとめておきたいと思います。 まずは業務をする上で必要不可欠になった言語や、作業効率を上げるために
IllustratorやPhotoshop、InDesignを扱っているブログをまとめてみました(順番やカテゴライズには深い意味や意図はありません)。また、「DTP系」でないものもあります。 抜けているものがあれば、ぜひ教えてください(自推他推問わず)。 まとめ Planet DTP@jp Illustrator Blog | hamfactory イラレラボ illustrator-labo 派遣DTP つくる積読 デザインとイラストのTips | Factory70 Blog ADAM DTPメモログ DTP・WEBデザイン、印刷、PC講習・販売のdimension nantoh Illustrator | Handy Web Design A.I.A.A カテゴリーIllustratorの投稿一覧 | Magicalog Adobe Illustrator関連 | Blog | 06
Webサービス大好きなwebcre8が用途に応じて使い分けているテキストエディットの為のWebサービスを紹介してみます。自分の必要とする用途に応じて選んでみてください★ テキストはWebサービスで打ちたい 普段から使っているツールは全てWebサービスで代替を探してしまうほどWebサービスが好きなwebcre8です。単純に好きだというのもあるんですけど、やっぱりWebサービスはブラウザーさえあればマルチデバイス、マルチプラットフォームだというのが大きいです。家で、ノートで、スマートフォンで、様々なデバイスと環境で同じデータに触れるというのは私にとって最大の魅力です★ そんなわけで、今回の記事では私が最近使っているテキストエディター系Webサービスをいくつか紹介します。普通に有名なやつとかも入ってますけど単に使ってるサービス、という感じです。 手軽でシンプル ー SimpleText.ws h
作成:2013/10/15 更新:2014/11/01 Web制作 > 先週、WordPressとEC-CUBEのレイアウトを変更しなければいけなくて、久しぶりにいじっておりましたが、忘れていたり知らなかったことが沢山ありました。レイアウトはSEOやUIにも深く関係しているのもあり、ここらへんでCSSやHTML5を触るときに参考にすると捗る記事を一回まとめようと思います。今回はCMSやオリジナルサイトを作るうえで「知っておくと必ず役立つ」ものをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 定番まとめ 1.勉強になるテクニック/サンプルまとめ 基本知識 2.セレクタ 3.メディア クエリ 4.コーディング規約 5.フォント 6.CSSスプライト 7.アニメーション 8.正確なHTML使用方法 9.CSSハック 10.書き方/読み方 定番まとめ
基本的には今使ってるもの中心ですが、僕のメインエディタであるSublime Text 2のプラグインをまとめてみました。 ※細かい設定は省いています。 コーディング関連 Emmet Zen Codingの次期バージョン。主にHTMLを書く際に Hayaku Emmet(Zen-Coding)を上回るCSSの展開 例)bdrds→border-radiusなど Dummy Image Generator Dynamic Dummy Image Generatorで使えるダミー画像の埋め込み BracketHighlighter タグやクォーテーションマークなどのハイライト表示 SCSS SCSSの補完 Compass Compassの補完 jQuery jQueryの補完 CSScomb CSSのプロパティの自動整列 WordPress WordPressの補完 SublimeLinter
jQueryでスクロールすると表示する系いろいろ 最近はスクロールするときにいろいろ仕掛けをするのが流行なようです。 ここではシンプルにある要素の位置とか最下部までスクロールしたら何か表示するということをやってみます。 投稿日2012年03月08日 更新日2019年12月19日 ちょっとスクロールするとフェードして「トップへ戻るボタン」を表示を表示します。 ボタンは下の方にこんな感じで配置します。 html <p id="page-top"><a href="#wrap">PAGE TOP</a></p> fixedにすると固定配置されます。 css #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #666; text-decoration
先日、Stocker.jp / Space にて Adobe CC検証会 を開いたのですが、主に Illustrator CC と Dreamweaver CC の話をしました。 厳密には私が Photoshop CC の話もしたのですが、話した内容は以下の記事にまとめていますのでここでは省略します。 Adobe Photoshop CCファーストインプレッション | Stocker.jp / diary なお、Illustrator CC の新機能とバグについては、主に Illustrator Mania というサイトの管理人であり、Illustrator のお祭り dot-ai にも出演された鈴木さん( @suzukisan__ )にお話いただきました。 ※この記事で使用している画像サンプルは、鈴木さんが勉強会で使われていたものではなく、私が作成したものです。 Illustrator
作成:2013/04/8 更新:2013/06/02 WordPress > 有料に匹敵するような無料のテーマを知りたい。 これからブログを始めようとしている人、新しいサービスを始めようとしている人も是非、ひと通り見ておきましょう。初心者の方はWEB制作を「はじめて」する人が分かるまとめをご覧ください。WordPressのテーマを見ておくと、現時点でのレイアウトで足りなかった部分を気づいたりすることができます。 少し時間はかかりますがSEO対策も簡単です。今回は無料のテーマやテンプレート、また作成方法などをご紹介します。素材は「WEB制作が「はかどる」素材まとめ」でどうぞ。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 1.無料テーマ一覧 2.WordPressの基本 3.テンプレートタグについて 4.関数一覧 5.固定ページ 6.アイキャッチ画像 7.カス
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
2024年7月21日 Wordpress, ダウンロード WordPressの覚え書きというか、カンニングペーパーです。コードなんぞをまとめました。他にもWordPressのチートシートはいたるところで記事にされていますが、CSSハックやCSS小技集に続き、これもまた自分用まとめだったり…。例文も私がよく使うものをコピペしやすいように置いてます。A4サイズの印刷用も作ってみたので、「これ使えるかも!」と思った方は印刷してデスクに置いておくと便利です :) ↑私が10年以上利用している会計ソフト! WordPressチートシート 目次 印刷用WordPressチートシート WordPressテンプレートファイル インクルードタグ テンプレートタグ テンプレートタグ/bloginfo 条件分岐タグ ループ ナビゲーションメニュー 1. 印刷用WordPressチートシート A4サイズの印刷用P
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く