リリース2日で閉鎖したミニブログサービスiine logを再リリースしました - kamiのサービス制作ログ
先日、個人でiine logというミニブログサービスをリリースしました。 このサービスはリリース2日で200ユーザ、20,000PVと（個人サービスとしては）好調な滑り出しでした。 ただ、ある問題が発生したため、昨日に至るまで閉鎖していました。 クローズから2ヶ月後の今日、ようやくiine logを再リリースできました。 この記事はその記録となります。 iine log | よかったことだけを書きのこすミニブログサービス どんなサービスか iine logは、ひとことでいうと「よかったことだけを書くTwitter」です。 1つの投稿につき100字以内で、よかったことだけを書くことができます。 Facebookだと、よかったことは書きづらいです。 Twitterだと、よいこと悪いこと、様々な感情が流れてきます。 よかったことだけを見たい・書きたいと思い、制作しました。 また、私は承認欲求や自
紙面に近づけたい！HTML＋CSSで作る文字レイアウト12個 | PRESSMAN*Tech
印刷する紙のデザインと異なり、Webデザインは環境によって見た目が変わります。どの環境でも同じレイアウトで見せるには画像として書き出せば確実なのですが、テキストの部分はそうもいきません。 DTPデザイナーの方からも「こんな文字のレイアウトはWebだと無理？」といったご相談を受けることがよくあります。 今年に入って、HTML5＆CSS3に対応したブラウザのシェアもかなり増えてきましたので、今回は文字のレイアウトに関するHTMLとCSSをご紹介したいと思います。 目次：段組み縦組み（縦書き）行末揃え（両端揃え）先頭文字スタイル（ドロップキャップ）段落先頭1字下げ2行目から1字下げ（ぶら下げインデント）行頭禁則文字ふりがな（ルビ）圏点（傍点、脇点）大文字と小文字の変更スモールキャップス（スモールキャピタル）長体、平体（水平比率、垂直比率）※IE以外のブラウザは、2014年7月4日現在の最新版にて
鍵をなくした・指輪を水道管に落とした・トイレが詰まった 〜 トラブル時に出張サービスを呼ぶ前に必ず確認すべき5つのこと
先日自宅の鍵をなくしてしまった。 慌てて管理会社に連絡をし、対応について協議した結果、シリンダーごと鍵を新しいものに交換することになった。 費用負担はもちろん鍵をなくした僕。そして窓口業務も僕が自分でしなければならない。 知り合いに鍵屋さんなどいないので、Webで検索をすることにした。 「鍵 交換」で検索すると、ずらずらと専門会社が表示される。 鍵がないと非常に不便なので、とにかくすぐに来て欲しいと思ったのだが、今回は思いとどまった。 それは、昨年ちょっと引っ掛かる出来事に遭遇したからだ。 さっそく紹介しよう。 昨年の教訓 昨年奥さんが自宅の鍵穴に間違って別の鍵を刺してしまい抜けなくなるという事件があった。 そのときもWebで鍵屋さんを適当に見つけて来てもらった。 Webに書いてある金額をざっと見て、電話で即「来てください」とお願いした。 ところが実際に来てもらって作業をしてもらうと、We
WordPressでブログじゃないWebサイトを作るときのいろいろ（サンプル付き）
とても長い記事になってしまいましたが、WordPress を使って、コーポレートサイトのサンプルを作ってみました。WordPress はブログだけじゃなくて、色んな Webサイトが作れますよね！今回は、私が WordPress でサイトを作る時にやっていることをまとめてみました。 今までこのブログの中で、いろいろな WordPress の Tips を書いてきました。でも WordPress を使った Webサイトの作り方そのものは、今まで書いた事がありませんでした。そこで今回は、 WordPress を使ってブログじゃない Webサイトをまるごとひとつ作って、私なりの作り方をまとめてみました。 今回のサンプルサイトでは、WordPress の固定ページ機能はもちろん、カスタム投稿タイプやカスタムタクソノミー（カスタム分類）を使って作っています。 ページを表示する為に使っているテンプレート
少しのコードで実装可能な20のjQuery小技集
2016年6月22日 jQuery 素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集 」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します！「jQueryってなんだ？」という人もコピペで実装できますよ！サンプルも用意したのでぜひご覧ください！ ↑私が10年以上利用している会計ソフト！ 追記：この記事で紹介されているいくつかの方法が、今ではCSSのみで実装可能です！詳しくは「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」をご覧ください。 jQueryの基本的な使い方 まずはjQuery本家からjQueryファイルをダウンロードします。<head> 内に下記を記述し、jQueryファイルを読み込みます
レスポンシブWebデザイン対応のテンプレ生成ジェネレーター・「Responsify」
Responsifyは、レスポンシブWebデザインに対応したWebサイトのテンプレートを作成出来るジェネレーターです。グリッドのカラム数やブレークポイントなどを指定してからダウンロードします。 Responsify
興味のある情報がどんどん集まる！僕が日常行なっている情報収集の方法｜男子ハック
@JUNP_Nです。ブログを初めたのが昨年の11月。以降毎日最低1本以上の記事を更新しています。「毎日毎日よくそんなに書くことあるね」と言われますが、ネタは尽きないくらいありすぎて困ります。そんな僕の情報収集の方法を少し紹介したいと思います。 基本はGoogleリーダーで情報収集。気になったサイトはガンガンRSS登録。ほとんどの情報はRSSリーダー（Googleリーダー）から得ています。ちなみに現在登録しているフィードは592件。 Googleリーダーで情報収集するために意識しているポイントは以下の4つ。。 気になった記事があったサイトはガンガン登録ニュース系サイトばかりじゃなくて個人ブログを中心に登録情報収集が目的になるとつまらないので、趣味とか遊びの情報があるサイトも登録RSS配信していないサイトも無理矢理RSS配信させてPage2RSSを使って登録この4つです。当然ですが、苦しいこと
とんでもなく参考になりすぎるEvernote使用例 5 〜[図解]@saiut のEvernote「超」情報収集術！！
半年で月間25万PVを達成し、2500はてブ越えまで果たし、ついに本まで出してしまった@OZPA 様のこのブログに寄稿をさせてもらえることになった@saiut と申します！ TRAVELINGというブログをやっています。 TRAVELING 独自ドメイン取得して、Wordpressでブログ始めたよーってのを@EVERNOTE_MAN@ozpa 様に伝えたところ、「ゼヒうちで書い(ry流れは置いておいて、本題に入らせて頂きます。 「Evernote関係の記事を書いて欲しい！」とのことでしたので、真っ先に思いついたのがノートブックを紹介することだったのですが、ここの人がすごいのを思いっきり晒してくれているので、自分がどうやってEvernoteへ情報を収集しているかを紹介させて頂きたいと思います。 Evernoteの超具体的使用例 ?ノート総数「4100」私のノートブックを公開します? 上は、私
![とんでもなく参考になりすぎるEvernote使用例 5 〜[図解]@saiut のEvernote「超」情報収集術！！](https://cdn-ak-scissors.b.st-hatena.com/image/square/a62453efcb4625061f88b1307b11689b746fab27/height=288;version=1;width=512/https%3A%2F%2Fozpa-h4.com%2Fwp-content%2Fuploads%2F3d46a548c170ba3731a532f1d43886082.png)
WEB制作｜デザイン会社｜超簡単! 髪の毛の画像を1分で切り抜く方法まとめ
お客様に最適なWEB戦略で、 ブランド価値の向上、お問い合わせの増加、迅速な情報の配信、 営業・広告費用の削減、顧客満足の向上、リピート率の増加 の成功事例を実現しております。 切り抜き・マスク作業で、もうイライラしない！ 誰でも、切り抜き30秒・調整30秒で完成できる方法。 WEBサイトやLPのキービジュアルでは画像を使うことが多い。 しかし、お客様から素晴らしい画像の支給があるとは限らない。 「これ、マスクしないといけないじゃないか！」 昔からマスク専用のアプリケーションがあるほど、 マスク作業・切り抜き作業というのは 利益にならないのに、手を抜けない根気が必要な作業。 しかし、今なら誰でも簡単に、1分あればできる。 今更だが、やっとAdobeのCS5シリーズをまともに使い始めたので ここで、Photoshop CS5を使った、超簡単マスク術を紹介したい。 お題の写真 こちらが今回のお
レイアウト作りを簡単にしてくれるCSSグリッドシステム
CSS でのレイアウト、段組み作りがとっても簡単にできる、CSS グリッドシステムをご紹介。既に使っている人もたくさんいるとは思いますが、未体験の人はぜひ試してみてくださいね！ Web デザインに欠かせない、CSS でのレイアウト作り。コンテナ作って、ここにラッパー作って、メインが 600px で padding が 20px だから、サイドバーが、えーと … なんてことになりがちです。そんな面倒な作業がイヤだなーという人におすすめなのが、CSSグリッドシステム。全ての Web デザインに使える訳ではありませんが、結構重宝します。すでに使っている人もたくさんいると思いますが、こんな方法もあるんだよーということでご紹介します。 1. CSSグリッドシステムとは？ CSS グリッドシステムというのは、レイアウトを均等に分けて、マス目上に考えるレイアウト。何が便利かっていうと、この段は4等分にし
semooh plugin sample site
Index of Semooh jQuery Sample Site 画像 1.画像を切り替える（フェード） 2.画像を切り替える（フェード2） 3.画像を切り替える（サイズ、フェード） 4.画像を切り替える（スライド） 5.画像を切り替える（奥行き） 6.画像を切り替える（サイコロ） 7.画像を切り替える（シャッター） 8.画像を切り替える（カルーセル） 9.画像を切り替える（色々） 10.画像の一部分を拡大する 11.縮小した全景で画像を見る 12.画像をパノラマ風に表示する 13.画像を反射する 14.LightBoxを表示する 15.画像にマスク処理を施す 16.マウスオーバーで画像を拡大表示する 17.透過PNGをIE6でも表示させる スタイル 1.マーキーを滑らかに実装する 2.クリックできる範囲を広げる 3.要素の高さを最大のものに揃える 4.グラデーションを作成する 5.文
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ngi-d.net
Web制作に役立つツールをまとめている・「WebPlatformTools.org」
ごりゅご.com
Webサービスを使ってEvernoteを自動化している部分まとめ｜男子ハック