「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧
ブログを公開する時、アイキャッチ画像を設定している方は多いでしょう。そもそもアイキャッチ画像とは、その名の通り、eye(目)をcatch(捕らえる)する画像です。ユーザーの目を惹き、記事を読んでもらう可能性を引き上げる目的もあります。ですので、ただ適当に画像を選ぶわけでなく、ユーザー目に留まりやすい画像を選び抜くある程度のセンスが必要なわけです。しかし記事を投稿する度に内容にあった画像を吟味するのは、なかなか手間のかかる作業ですよね。今回はハイクオリティな画像や写真をサクッと見つけられるフリーの画像素材サイトをご紹介いたします。 2019/5/18 最新の情報に更新しました。各サイトの素材の著作権、ライセンス等は更新時点のものですので、活用する際は必ず各運営元でご確認ください。 「フォトマルシェ」 プロのデザイナーが一枚一枚レタッチをかけたハイクオリティな写真素材が揃ったフリーの素材サイト
こんにちは。デザイナーのはるえです。 今回はGIFアニメーションについてお話させていただきます! GIFアニメーションは、複数のGIF画像をつなげてパラパラマンガのようにWEB上で動きをつける表現手法のことです。 昔からある手法なので古くさいイメージを持たれている方もいるかもしれませんが、手軽でブラウザを問わず閲覧することができ、その表現力の幅広さからGIFアニメーションは長年愛され続けています。 特にFLASHの人気が低迷してからは完全復活しましたね。 そんなGIFアニメーションを効果的に使用したWEBサイトをご紹介させていただきます。 GIFアニメーションを効果的に使用したWEBサイト 卤猫 http://www.oamul.com/ 海外のイラストレーター&アニメーターOamul Luさんのポートフォリオサイトです。 とにかくイラストの雰囲気がとても柔らかくて癒されます。 ポートフォ
2014年8月22日 CSS モバイルファーストの概念が広まり、コンテンツ主体の「読ませる」サイトが増えてきた昨今。テキスト周りをより便利に、より素敵に表示できるようなCSSをいくつか集めました。ユーザビリティの向上も図れるようなものもあるので要チェック!基本的なテクニックが中心なので、初心者さん〜中級者さんの参考になればと思います。 ↑私が10年以上利用している会計ソフト! テキスト周りで使えるCSSの小技 目次 テキストを選択する時の色を変更 蛍光ペンで線を引いたような効果 長いテキストを「…」で省略する 番号リストの表現を変更 リンクの種類でアイコン変える 言語によってスタイルを変更 テキストリンクのエフェクト プリント時はURLを表示 長いURLを途中で折返す 途中で折り返さず、次の行に 先頭の文字を大きく 先頭を一文字分あける グラデーションテキスト ブラウザーは特記していなけれ
アイコンフォント、便利です。 自分でいちいちアイコンを書く必要がなくなるし、レティーナや高解像度のディスプレイでも表示が汚くならないし、アイコンフォント、便利です。 まだアイコンフォントを使ったことのない方は、導入面倒なんじゃないの?とお考えかもしれませんが、意外に簡単です。 簡単って言うか、一行です。嘘だと思ったら、ここから先の記事をどうぞ。 使い勝手のいいアイコンフォント「Font Awesome」 とにかく導入は手軽です。 Get Started with Font Awesome <head></head>内に一行コードを書き足します。 <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"> 必要なスタイルシートを外部から読み込むだけです。 メリ
お金持ちの財布には共通点が多い。色形はもちろん、何より驚かされるのは、そのスマートな美しさだ。なぜ、彼らは“たかが財布”をさほどに大切にするのか。その秘密を覗いてきた。 「サイフ診断」でわかる金持ち父さんの秘密 お財布を意識し始めたのは、いまを遡ること9年前、私がまだ税理士事務所で見習いをしている頃だった。 当時、私には敬愛する、ある中小企業の社長がいた。年収約5000万円。もちろんお金持ちだったが、経営は手堅く、収入の大半を貯蓄に回しておられた。 ある日、社長の目の前で自分のお財布を出して、お金を払う場面があった。すると社長の顔色が、突然曇った。 「君は税理士を目指しているんだよね。僕は君みたいな人に、大切なお金の管理を任せたいとは思わないな」 社長が苦々しい顔つきで見詰めていたのは、私のお財布だった。 「君は、お金に対してきれいなイメージを持っていませんね。だから、そんなボロボロのお財
2014.03.06追記: 2013年を振りかえるエントリを書きました! Facebookページを始めてから1年後にどうなったのか気になる方はこちらもどうぞ。 独学の主婦が自宅で開業したパン屋さん「クープ バゲット」の2013年を夫が振り返ってみる - give IT a try はじめに 僕のブログをよく読んでくれている方はご存知かと思いますが、僕の妻は去年から兵庫県西脇市でCoupé Baguette(クープバゲット)という小さなパン屋さんをやっています。 1ヶ月ぐらい前にちょっと訳あって店のFacebookページを開設しました。 今回はFacebookページを開設した背景やその効果などをまとめてみようと思います。 Coupé Baguetteの前提知識 妻のパン屋については、以下の前提知識があると話がより分かりやすいと思います。 妻が家事や育児の傍らパンを作っていることもあって、営業
昨日のエントリーは、ページビュー56000、訪問者数41150人で、なかなかの盛況でした。マジな内容でこれだけアクセスがあるのは久しぶりです。しかし9月から確かにロングテールのスモールキーワードでの訪問が厚くなっており、なんか今までとは違う手応えがあり、1日の訪問者数が一挙に階段を数段上がった感じで増えてまして戸惑っております。 どんなキーワードで来てるのかさくっと書きますと「半沢直樹系各種」「docomo iPhone」「ロリポップ」「ジェットスター」「Nokia Lumia 1020」「Windows Phone8」「fc2ブログ」「パタゴニア」「副業」「海ほたる」などのビッグキーワードのほか、「与沢翼」(爆笑)「zenback」「デキストリン」など。1回書いただけのエントリーで何年も上位に来るものもあります。その代表が「ジェットスター」ですね。www どんだけ役に立ってるんだ的な・・
一目瞭然。読まれるブログ記事の書き方Published by Keiichi Yorikane on 2012年12月18日2012年12月18日 趣味でブログを書いているだけならばともかく、目的を持って情報発信をしようとするのであれば、 「いかに読み手にストレスを与えず、効率よく読んでもらうか」 を真剣に考える必要があります。 自分の書きたいように書くのではなく、読み手の存在を最優先に配慮するわけですね。 とは言え、読み手に配慮して記事を書くのは、慣れないうちは意外に難しいのも事実。 これから紹介する9の法則を実践してみてください。 課題が明らかになり、自然に読み手に配慮したブログ記事の書き方が身につきます。 1. メディアとしての体裁を整える オンラインショッピングをするとき、機能的で洗練されたオリジナルEコマースサイトと、アメーバブログをカスタマイズしただけのサイトがあったら、多少値
FlexPaperはFlex/Flash製のオープンソース・ソフトウェア。筆者は昔、Memotuneというサービスを行っていた。ScribdやSlideShareに代表されるドキュメント共有サービスだ。肝になるのはPDFやWordなどのオフィスドキュメントをFlashに変換し、それを閲覧する部分になる。 Flashに変換したドキュメントを閲覧する Flashへの変換は意外と簡単で、SWFToolsのpdf2swfを使ったり、OpenOffice.orgのPDF/SWFへのエクスポート機能が利用できる。厄介なのはビューワーだった。使い勝手の良いビューワーを探しているならFlexPaperがお勧めだ。 FlexPaperがあの当時にあったならば必ず採用していただろう。オープンソースとあって、カスタマイズも考えられる。ドキュメントの表示(pdf2swfで変換したFlashファイルを表示する)、拡
WordPressで<p>タグの自動挿入を無効にする方法に加えて、brBrbrプラグインとの併用についても対策してみる ちょっと気になったので備忘録として。 WordPressの初期設定では、管理画面から記事を投稿するとソースに <p> タグが自動挿入されてしまいます。 特にコーポレトサイトの場合、この<p> タグ自動挿入によってレイアウトが崩れたり、デザイン制御が出来なくなるなど、なかなかこれが厄介な問題です。 プラグインを利用することなく <p> タグ挿入を無効にする方法もあるようなのですが、わたしの場合は、その方法を実践しても上手く出来ないでおりました。色々調べてみると、brBrbr プラグインの影響で上手く動かなくなっているのではないか??という所まで突き止めたので、<p> タグの自動挿入を無効にする方法に加えて、brBrbr プラグインとの併用についても対策してみました。 ※br
フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ
せっかく書いたブログ。たくさんの人に読んでほしいと思いませんか? どんなに良いことが書かれていても、読んでもらえなければ、この世に存在しないのと同じ。 自分の考えを広く知ってほしい自分自身をアピールしたい人の役に立ちたい商品を売りたいいずれにしても、まず読んでもらわなければ、土俵に上がってすらいない状態なのです。 読んでもらえないあなたの文章。 その理由は「タイトル」にあるかもしれません。 今日は本『一瞬で心をつかむ 77の文章テクニック 』から、読んでもらえるブログにするための「タイトルの付け方」をピックアップします。 1. 問いかける人は、質問されると反射的に答えたくなる CASE1 × 会社で早く出世する方法 ○ なぜあなたは出世できないのか? CASE2 × お見合いパーティーを開催します ○ そろそろ素敵なパートナーが欲しくないですか? CASE3 × 腰痛を治す骨盤体操 ○ 腰
Webサイトで地図を表示するのに便利なGoogle マップ。Googleが提供しているGoogle Maps APIを使って、地図を設置する方法から、マーカーを置いたり、道のりを表示したり、地図の色を変えたりするためのコードをまとめました。※Google Maps APIの中でも、ここではGoogle Maps JavaScript API v3を使ったサンプルを掲載します。 以下は目次です。クリックするとその項目へ移動します。 Google マップを設置する。 いちばん簡単なGoogle マップ ジオコーディングなGoogle マップ Google マップの読み込み方 場所を示す。 マーカーを置く アイコンを置く 吹き出しを出す 道のりを表示する。 ポリラインで描画する Directions Serviceを利用する 見た目をカスタマイズする。 コントロールのカスタマイズ デザインのカス
顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。 なぜなら面積の限られたスマホでは「一画面の機能数とボタン数」が、使い易さと品質に深くリンクしているからです。 ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。 思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。 何かの間違いで、日本の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。 ここがオリジナル Request1: ダイレクトメッセージをトップ階層に ユーザーからの真っ当な要望。実際にはサービスの本質ではないのですが、要望はかなり多いはず。 ただTwitter社的にはme
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く