今時のトレンドがうまく取り入れられ、高品質にデザインされたレスポンシブ対応のランディングページ、プロダクトページ、縦長ページ、ポートフォリオ、ブログなど、HTML5/CSS3で作成された商用利用無料のテンプレートを紹介します。 レスポンシブ時のレイアウトの変化、気持ちいい繊細なアニメーションなど勉強にもなりますね。
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
最近、レスポンシブウェブデザインのサイトも増えてきましたね。このブログもレスポンシブ対応していて、色んなデバイスで閲覧できるようになっています。 ただ、制作会社のディレクターとしては、作ったレスポンシブのページをデバイス確認するのが非常に面倒なのです。 PCのウェブブラウザのウインドウサイズを伸び縮みさせてもいいのですが、それでは "どのデバイスで、どんな風に見えているか" が分からない。サイズ感が掴みにくいのです。 かと言って、検証機を５台も６台も並べて確認するのは非常に時間がかかってしまいます。 そこで私が利用しているのが「Responsive Checker」というウェブサービス。 URLを入力するだけで、擬似的に様々なデバイスでサイトを確認できます。また、任意のサイズに変更することもできるので、使い勝手も良い。オススメのウェブサービスです。 レスポンシブなサイトを一発確認 冒頭でお
photo by liqueneコンテンツマーケティングの取り組みなどで、ブログ記事を書いていると大変なのが文章の校正です。 タイプミスや誤字脱字は信頼を失い、記事の価値を下げてしまいます。 しかし、人の手でブログ記事の校正・チェックをするのは、なかなか大変な作業です。 実はWeb上には、かんたんに文章校正ができるサービスをはじめ、ブログ記事の執筆後のチェックに役立つツールが無料で提供されています。 そこで、本日は私自身も使っていて、便利だと実感している文章校正やブログ記事執筆に役立つツールの中から、Web上ですぐに使える無料のツールを厳選してご紹介します。 これらのツールを活用すれば、文章校正にかかる負荷を軽減し、時間を圧倒的に短縮することができます。 日本語のタイポ/変換ミス/誤字脱字エラーをチェック 「Enno」 Ennoサイト 「Enno」は、誤字脱字や変換ミスなどの「日本語のあか
こんにちは。別のWebサイトをブログ内に縮小表示させる実験です。 上手に「日本国内の秀逸なレスポンシブWebデザインを集めたギャラリーサイト集」のサイトが縮小表示されてれば成功ですが、うまくいくでしょうか？ レスポンシブなサイトなので面白い表示になりますよきっと。 iphoneサイズ。幅320px, 高さ480px <iframe type="text/html" src="http://responsive-jp.com/" frameborder="0" style="-moz-transform: scale(1,1);-webkit-transform: scale(1,1);-o-transform: scale(1,1);-ms-transform: scale(1,1);overflow:hidden" width="320" height="480" frameborder
ですから、これを知っている企業さんは、できるだけシェアされ、そのシェア上でコメントが展開されるようなコンテンツを作るよう心がけているところもあるようです。 そのほうが、「いいね！」数が伸びやすくなりますからね。 でもこれは、次の2つがどちらも「いいね！」ボタン上では「1000」と表示されることを意味します。 いいね800回、シェア200回 ＝ 表示いいね！数は1000いいね0回、シェア1回、シェアへのコメント999回 ＝ 表示いいね！数は1000また、シェアは公開されている必要はありません。 だから、ボタンに表示される「いいね！」数を水増ししたかったら、水増ししたいURLをFacebook上で「自分のみ」でシェアして、そのシェアに自分でコメントを付けていけばいいのです。コメントの中身はなんでもいいのです。 5分もあれば、1文字コメントを1000件ぐらい付けられます。これで、「1000いいね
WEBライティングを正しく学び実践することで検索エンジンからの流入が加速する。 webを閲覧するユーザーにとって最適な形でライティングを施すとユーザーからの支持が得られ、それが結果として検索エンジンの評価に繋がるということだ。 スマートフォンの普及に伴って「読みやすいライティング」と「読みにくいライティング」の差が浮き彫りになっている。 あなたも、テキストがぎっしり詰まったwebページに遭遇した経験はないだろうか？たくさんスクロールしても、なかなか答えに辿り着かないストレスフルな経験を味わったことはないだろうか？ このようなユーザー体験を損ねるライティングは最悪だ。ユーザーに嫌われるし、検索エンジンからも嫌われる。たくさんのユーザーに読まれる記事にはならないだろう。 しかし、改行や段落、見出しを上手に活用するなどの適切なWEBライティングを施すことで、このようなストレスをユーザーに与えるこ
@JUNP_Nです。昨日は一般的にオススメな「「1ヶ月使わなかったアプリは削除というルール」で残った厳選iPhoneアプリ」を紹介しましたが、今回はブログ運営に利用しているiPhoneアプリをご紹介。 基本的にブログのことはMacで管理するのでiPhoneアプリはちょっとしたものだけモブログ（iPhoneでブログを書く）はしませんし、基本的にはMacから全ての作業を行っていますが、出先でちょっとした記事の修正やアクセス数、収益の確認などはiPhoneから行っています。 僕が利用しているブログ運営に関連したiPhoneアプリは以下の9つ。 iPhoneからGoogle Analyticsのリアルタイムの確認に便利なアプリSafariなどのブラウザでGoogle Analyticsのリアルタイムをチェックしてもいいのですが、僕はリアルタイムをチェックする時はこのアプリを利用しています。 iPh
For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.
当ブログでも採用しておりますが、ブログなどでもよく見かけるようになった、ある一定量画面をスクロールするとサイドバーなどが固定されるﾔｰﾂ。 手順メモを晒しておきます:) 続きましてheadタグ内ないし外部読み込みスクリプトに以下を記述します。 [js] $(function($) { var tab = $(‘.hoge’), offset = tab.offset(); $(window).scroll(function () { if($(window).scrollTop() > offset.top) { tab.addClass(‘fixed’); } else { tab.removeClass(‘fixed’); } }); }); [/js] ↑のスクリプトは.hogeがtopの位置に行ったらfixedというclassを追加、それ以外はclass属性を削除する、と言う命令を
![[jQuery]画面を一定量スクロールした時にサイドバーなどを固定位置に配置する](https://cdn-ak-scissors.b.st-hatena.com/image/square/ac7ae56c20fc639b9d7e08f7f0da2fec804f6625/height=288;version=1;width=512/https%3A%2F%2Ffanyv88.com%3A443%2Fhttps%2Fozpa-h4.com%2Fwp-content%2Fuploads%2Fskitched-20121120-005330.jpg)
ブログを始めた当初、記事内に載せる画像はウェブ上から適当に持ってきて良いものだと思っていました。 記事のテーマに合ったキーワードでGoogle画像検索をして、そこに表示されたいい感じの画像を保存しては、記事に貼り付ける。「画像なんか無限にあるじゃなーい」と思っていた時期が私にもありました。 でも、ダメなんですよ。 画像一つにも著作権があり、勝手に使うことは許されていません。 では、ブロガーの皆はどこから画像を探してくるのか。それには大きく３つの方法があります。 ブログで使ってOKな画像 ブログで使ってOKな画像は、大きく３つあります。 1. 自分に著作権のある画像 2. ロイヤリティフリーの画像 3. クリエイティブ・コモンズの画像 以上の３つが、記事に掲載して良い画像の種類です。それでは、それぞれご説明しましょう。 1. 自分に著作権のある画像 まず最初は、自分に著作権のある画像。つまり
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
今まで書いた記事のTwitterでのTweet数 や、Facebookのいいね！他、Google+1 などを管理画面で一覧表示してくれる WordPressプラグイン・Social Metricsの ご紹介。もしかしたら需要あるかなと思った ので日本向けにしました。 日本向けといっても、ソーシャルサイトを入れ替えて日本語に変えただけで、ソースは殆どいじってません。オープンソースはこういうのが気軽にできていいですね。とはいえ、GPLはいろいろ制約はありますけども・・・ これが元々のプラグインです。このように管理画面で記事ごとについたTweet数やLike数を一覧表示出来ます。LinkedInがなんだかおかしい気が・・まぁいいｋ 多少重いのは仕方無いとして、これはなかなかいいなと思いましたので日本向けに、少しだけ変えました。 Social Metrics for Japanese Stumbl
タカラズカといえば、日本を代表する『美しさ』を追求する芸能集団です。美しさが人より抜きん出ていることはもちろんのこと、表面的な美しさだけでは生きていけない厳しい世界でもあります。大奥にも代表されるような女の園においては、実力のみならず人間関係が他の社会以上に重要になっているからです。そのようなタカラズカで、一流にまで上り詰める人達の『美しさ』はどのように磨かれているのでしょうか。 なぜ宝塚歌劇の男役はカッコイイのか 観客を魅了する「男役」はこうして創られる 作者: 中本千晶,牧彩子出版社/メーカー: 東京堂出版発売日: 2011/10/11メディア: 単行本（ソフトカバー） クリック: 15回この商品を含むブログ (2件) を見る 美人の定義 見た目が美しい、肌や髪がきれい、いつも笑顔、お洒落等々、美しさを定義する要素は色々あります。具体的には顔、身体、肌、髪、表情、スタイル、ファッション
こんにちは。LIGの代表、岩上です。 僕達は2012年1月からブログを本格的に書き始めて、自社サイトをメディア化するという事に力を注いできました。おかげさまで1年ちょっと運営して月間140万PVくらいの規模のサイトになってきたので、そろそろこれまで僕達がやってきた事の狙い、施策、効果などをまとめたいと思い、記事を書いてみました。 結論から言うと、「自社メディアを持つ」という事はマーケティングやブランディングの観点からとても効果的なのですが、大変な面も多々ありますので、我々の実体験を元にした本記事をお読みいただき、何かの参考になればいいなと思っています。 それではどうぞ。 ※読了目安、10分くらいです。 目次 LIGブログの規模と現状 メディア化とは 自社サイトをメディア化するメリット 運用コストについて 費用対効果について 記事を書く際に意識している事 失敗した事、大変だった事 今後の展開
Q. 最近できた彼氏が今度うちにくるんですが、本棚にあると「おっ、いい趣味」って言われそうな本ってなんでしょうか？ 彼氏は森山未來をさらに魚顔にしたような感じのクソサブカル野郎です（だと思います）。 おじさんに聞くより、ヴィレッジヴァンガードに行って適当な本を買うのがええと思うんやけど、まぁそんなに奇を衒ったりする必要はないんやない？ 漫画なら浅野いにお、岡崎京子、オノ・ナツメ、羽海野チカなどの王道を揃えつつ、「孤独のグルメ」なんかを配して「あ！俺もこれ好き！」って言葉を引き出すのを狙ってもよし。本なら大槻ケンヂ、松尾スズキ、綿矢りさ、中島らも、宮沢賢治、保坂和志、伊坂幸太郎……ナンシー関やみうらじゅんまでいくと「ああ、だいぶきてるな」って印象が強くなるかな？ 彼氏がぬるいクソサブカルの場合、基本的にサブカル係数で相手を上回らないことを心がけた方がいいと思うんよね。「こいつ、俺より深いとこ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
