Mac製のパソコンでは、OSX Yosemiteにアップデートされてからウィジェット機能が通知センター部分に表示されるようになりました。 それまでと比べて非常に見やすくなったため、ウィジェットの使用範囲が拡大できます。 今回は、Macで使用できるウィジェットに対応しているオススメのアプリ10選をご紹介します。 どれも仕事効率化に一役買ってくれるものばかりですので、ぜひ本記事を参考にインストールしてみてはいかがでしょうか。 このニュースをを読んだあなたにオススメ 目標設定に必須！KGIとKPIの違いを徹底解説 本気でオススメ！Macで使えるフリー画像編集アプリ10選 Macユーザーにおすすめ！フリーで使える動画編集ツール9選 Macでオススメのウィジェット10選 1.Wunderlist ダウンロードはこちら 利用料金：無料 タスク管理アプリとしてよく使用されるアプリです。 起動してすぐにメ

CSSとはホームページのデザイン部分のプログラムのことで、デザイン性の高いホームページを作成したいのであれば避けて通れない要素です。 レイアウトやデザインを細かく調整できるため、覚えておけばちょっとした調整を自分で対応できます。 今回は、デザイナー以外の職種の方が、CSSを利用する際に知っておいて欲しい基本情報と便利なフレームワーク、サンプルをご紹介します。 1.CSSの基本概念を理解しよう CSSの基本～スタイルシートとは ホームページの要素は基本的に全てHTMLタグで記述されています。近年はデザインが高度になり、文書内容とデザイン定義部分を分ける概念が広まってきました。 そして、デザイン部分のプログラムであるスタイルシート（CSS）が誕生しました。 タグとして直接記述することもできますが、現在は外部ファイルとして作成し、ホームページに適用させるのが一般的です。 2.作成したCSSファイ

マーケティングディレクター ferret立ち上げ・企画・制作ディレクション・集客施策・アクセス解析など、サイトの裏側全般を担当しています。机にいないときは半蔵門のエクセルシオールを探してください。 Facebook ： https://www.facebook.com/tetsuro.aoki Twitter ： https://twitter.com/te26_kun 執筆記事一覧はこちら ホームページのソースコードに<link>や<base>、<style>という文字を見たことがあるのではないでしょうか。このタグは、ホームページのデザインの幅を広げてくれる、とても優秀なタグ（要素）です。今回は、これらのタグの効果と使い方について、解説します。 ホームページのソースコードに、<link>、<base>、<style>という文字を見たことがあるのではないでしょうか。 このタグは、ホームペー

見出しジェネレーター 外観や色を選んでCSSを生成するジェネレータータイプ。 CSS見出しジェネレーター CSS見出し-ジェネレーター | WEB道 吹き出しやリボン、背景色、ボーダー色、文字色、影、ぼかしなどを選択して見出し用のCSSを生成するジェネレータ。 見出しメーカー 好きな色でCSS見出しが作れます | スタイルシート見出しメーカー 好きな色を選んでボタンを押すだけでシンプルな見出しが作れる見出しメーカー。 見出しサンプル集 見出しデザインと、HTML・CSSがセットになったデモサンプル集。 CSS見出しデザインのアイデア9個 H1一つでここまで出来るCSS見出しデザインのアイデア9個 切り取り線、テープ、リボン、吹き出し、アメリカンな吹き出し、付箋、メタルプレート、モザイク、旗、のような見出しをCSSのみで実現しています。ポイント解説などもあってわかりやすいです。 CSSのみで

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

ひと昔のサイトを見た時、直感的に「このサイト古いつくりだから、アクティブじゃない」なんて感じることはありませんか？ 近い将来、あなたのサイトもこのように思われてしまうかも知れません。サイトのデザインが古いことは、機会損失につながります。 あなたのサイトが少しでも長く愛されるサイトデザインにするために、本日は最新のウェブデザイン手法である「フラットデザイン」についてお伝えします。 ▼目次 1.フラットデザイン概要 2.フラットデザインのメリット 3.フラットデザインの考え方 －ロゴマーク －フォントの選定 －オブジェクトの作り方 －グリッドのマージンの取り方 4.背景に画像を敷く 5.フラットデザインなサイト事例 6.フラットデザインなスマホサイト事例 7.まとめ 1.フラットデザイン概要近年、IOS7やwindows8のヴィジュアルに「フラットデザイン」というものが導入されています。歴史を

今回紹介するのは、文房具や書類にメガネなど、机周りの小物をフラットデザイン化した無料のモックアップテンプレート素材セットです。無駄を削ぎ落したシンプルなデザインが綺麗。アイテムの種類もかなり豊富でクオリティが高いですよ。 素材の利用について ダウンロードしたベクターイラスト素材は、個人・商用問わず無料で使ってOKとのこと。詳しくは以下のページに記載があるので、確認してから使いましょう。 License – GraphicBurger 合わせてどうぞ デスク周りのガジェットや小物をデザインしたイラストモックアップ素材も紹介しています。この素材が気に入ったら合わせてチェックしてみてくださいね。 無料素材：デスク周りの小物やガジェットをデザインしたベクターイラストモックアップ

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

CSSで指定するwidth/heightは、特別な指定（後述）が無い限り赤の内容領域の大きさを指定することになります。 また青のboaderまでを含み要素とみなされるので、背景色を指定した場合はboader/padding/content areaの3つに色がつきます。 margin/border/paddingはそれぞれtop/right/bottom/leftの属性を持っているので、個々に指定することもまとめて指定することもできます。 このように要素が展開する領域の考え方をボックスモデルと呼びます。 marginとpaddingを使い分ける 同じように見える余白にも、明確に違いがあることがボックスモデルからわかるかと思います。 余白の表現に迷った時には、私は下のような基準で考えてmarginとpaddingを使い分けています。 boaderの内側の余白はpadding 背景色を含んでい

今回論理プロパティ（margin-startとか）は説明に入れません。(IE8以前は未対応だし。。。またおまえかIEたん;) これは後日「【CSS】marginについてちょっと本気出して説明してみた」にて詳しく説明いたします。 ではまず、ボックスモデルを確認してみましょう。 このように、marginとは要素の外に対するものなのです。 なので、たとえばdivに背景色を付けていても、marginは外の間隔のことなので、marginの領域にそのdivの背景色は付きません。 なんのこっちゃ抹茶に紅茶な方は、borderやbackgroundを付けてみましょう。 実際にやって見るとよくわかります。百聞は一見に如かずです( ｰ`дｰ´)ｷﾘｯ ではもっとわかりやすくするため、divを並べてみましょう。 <style> .contBox { width: 480px; padding: 25px 0;

Webサイト制作会社、SEOコンサルタント、ferret編集部を経て2016年9月に福島県にUターン。 現在はフリーランスとして、メディアを運営しつつ企業のメディア運用支援やWeb制作事業などを行う。 「分かり易くて、今日から活用できる情報発信を目指します！」 >> 執筆記事一覧はこちら EFOを実践するうえで、重要ポイントの1つは入力項目の調整です。 これは、実践のための労力が少なく、効果を実感しやすいことからです。EFOをおこなう際には、一番はじめに改善するポイントとしてオススメです。 本記事で学ぶ内容 ・ EFO で最適化すべき入力項目のポイントが理解できる。 ・入力しやすい入力 フォーム が理解できる。 EFO を実践するうえで、重要ポイントの1つは入力項目の調整です。 これは、実践のための労力が少なく、効果を実感しやすいことからです。一番はじめに改善するポイントとしてオススメです

こんにちは。 さくらインターネットの元秘書です。 前回寄稿させていただいた さくらのレンタルサーバでWordPress簡単インストールする方法 にご好評を頂きまして、ありがとうございます！ 本日はWordPressの簡単なカスタマイズ方法をご案内したいと思いますので、 最後までお付き合い頂ければ幸いです！！ STEP1　サイトの目的とデザインを考えよう！ いきなりハードルがグッとあがりますが・・・ どんなWebサイトでも、日記であったり ビジネスであったり、立ち上げの目的がありますよね？ 「何のために、どのような方に向けて、どんな情報を発信するのか？」 それによってWordPressの仕様やデザインも大きく変わってくるかと思います。 「一般的なブログを作りたい」とか「ギャラリーサイトを作りたい」などで 十二分ですので、まずはざっくりとした目的を決めちゃいましょう。 目的が決まったら、他のサ

マーケティングディレクター ferret立ち上げ・企画・制作ディレクション・集客施策・アクセス解析など、サイトの裏側全般を担当しています。机にいないときは半蔵門のエクセルシオールを探してください。 Facebook ： https://www.facebook.com/tetsuro.aoki Twitter ： https://twitter.com/te26_kun 執筆記事一覧はこちら 引用タグとは他サイトなどから文章を引用するときに使うタグですが、最近このタグの重要性が見直されています。なぜ見直されているのでしょうか？そこには最近の検索エンジンの評価付けの問題が関係しています。本記事では、引用タグがなぜ大事なのか、どんなときに使うのかを解説します。 この記事は2015年4月28日に公開された記事を再編集したものです 本記事で学ぶ内容 ・引用 タグ の重要性が理解できる ・引用 タグ

ウェブサイトを運営していて、デスクトップ用サイトURLとスマホ用サイトURLを分けている場合あります。この場合、きちんと検索エンジン向けに設定を行わないとスマホ用サイトの存在を認識してくれないケースがあります。それは主に、URLをデスクトップとスマホで分けて運用しているページの場合が多いです。 このような場合は、デスクトップ用URLとスマホ用URLの双方を検索クローラーに伝える必要があります。 今回は、canonical属性とalternate属性を使ってスマホページの存在を検索エンジン向けに伝える方法を紹介します。 目次 canonicalとは alternateとは Googleがサポートするデスクトップ用サイトとスマホ用サイトの最適化方法は3種類ある URLを分けている場合の対策方法 レスポンシブデザインの実装を検討しよう よくある質問とその回答 canonicalとは canoni

ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. Webサイトやブログを構築する際に使えるCMSやWebサービスは数多く存在するが、WordPressは近年、もはやCMSのデファクトスタンダードとしての地位を確立している。（※W3TECHの調査によると、世界のWebサイトの約33.9％がWordPress。CMS市場では60.7%がWordPress。） もちろん、私も、ほとんどのサイトやブログをWordPressで構築しているし、国内でもWordPressの導入例は増え続けている。 従って、WordPressのカスタマイズ方法を知っておくと、何かと有利な場合が多い。そこで、本日は、WordPressをカスタマイズしたい初心者が絶対に読むべき１０の記事をご紹介する。 また、私たちバズ部は