「速攻！１時間で作るPRサイト」 | ヘッドウォータースのブログ TechNote
1. 無料ハイクオリティーなテンプレートを見てみよう！ 2. ここだけは押さえろ！コンテンツ作成のポイント 3. Railsに速攻デプロイ 上記3つを抑えて、短い時間でハイクオリティなサイトを作ろう！ 1. まずは、無料ハイクオリティーなテンプレートを見てみよう！ 百聞は一見にしかずといいますね。 まずは、テンプレートのクオリティーをチェックしてみましょう。 ちなみにすべて、レスポンシブです！ かっこよくないですか？？ このクオリティーで無料なら、一からつくるのなんて馬鹿らしくなってきません？？ 「うんうん。馬鹿らしくなってきた(読者の声)」 ですよね。じゃまずは、イケてるテンプレートを探してみましょう！ おすすめのサイトを３つご紹介します。 Free Responsive HTML5 CSS3 Website Templates HTML5 UP! Responsive HTML5 an
ネットウォッチでエゴサーチは基本中の基本 - はてな村定点観測所
2014-06-26 ネットウォッチでエゴサーチは基本中の基本 昨日、この増田をブクマしたんだけど、 さらばコンビニ店長 ようこそnetcraft 自分が１ブクマ目だったので、「本人が書いたんじゃないか」疑惑が立ち上がっているw や、自分は自分を貶めてなんぼなんで、こういうヨイショ系の記事は書かないですよ。 みんなエゴサーチしていないのかな？ というか、みんなスタートページは何を設定しているんだろうか？Google？Yahoo? 私は自作のPHPのバッチスクリプトで5分に１回情報をRSSフィードから取得してきて、それをSimplepieでパースして、そのキャッシュを静的なHTMLに吐き出して、スタートページにしている。具体的にはこんな感じのスタートページを使っている。 これをスタートページにしているので、ホットエントリで8user以上のブクマが付いたエントリは必ずチェックしている。ブクマす
AdminLTE·ここまで多ければ何でもできそう。多機能なBootstrapベースの管理画面テンプレート MOONGIFT
これで十分でしょ！ Bootstrapで作る管理画面は相当増えてきているようです。確かに一般ユーザ向けに提供するとBootstrap臭が出てしまいますが、管理画面であれば問題はないですよね。 ということで今回は新しいBootstrap製の管理画面テンプレートAdminLTEを紹介します。高度なウィジェットが数多く提供されていますので使い勝手良さそうですよ。 AdminLTEの画面 今回もスクリーンショット多めで紹介します。 ダッシュボード。この時点でかなりリッチ。 ボックス。これだけ多彩なパターンがあると言うのも凄いですね。 左端にはちょっとした設定を表示させています。 背景色を変えるだけでも随分印象が違います。 グラフ。 こちらもグラフ。 外部ライブラリもそつなく使いこなしています。 スパークラインも！ アラート。ちょっと飛び出しているのがいい感じです。 アイコン。 ボタン。フラット系で
Web開発者に革命をもたらす！「Web Components」超入門 | 株式会社LIG
こんにちは。デザイナーの王です。 Webアプリはデスクトップアプリとは違い、まだまだ発展途上の技術のため、色んな所でまだ未熟な部分があります。デスクトップアプリでは当たり前のことでもWebアプリではできなかったりすることも多いのです。中でも、UIのコンポーネント化問題が以前から指摘されてきました。 通販サイトにある「購入ボタン」を例に説明すると分かりやすいと思います。 この手のボタンを作るには以下の手続きを要すると考えられます。 外観を整える CSS HTMLマークアップ クリックした際の挙動 JavaScript 何が厄介かというと、「再利用」が難しいというところなんですね。 例えば、同サイトの別のページで同じボタンを使いたい場合、js、CSS、HTMLを再度記述しなければなりません。しかも場合によってはHTMLのマークアップが非常に冗長化していることもある。 「購入ボタン」はあくまで一
オシャレ派Vimmerのあなたへ。こだわりのカラースキームギャラリーを贈ります。 - ここぽんのーと
オシャレ派Vimmerの皆さま、こんばんは。 Vimの配色を司る「カラースキーム」はお好きですか？お好きですよね。 だって、このブログで一番アクセスされているのが、カラースキームに関する記事なんですから。 僕もカラースキームが大好物です。 「hybrid」というステキなスキームを使うようになってからも、新作を求めてときどき旅に出ています。 — この記事は、Vim Advent Calendar 2013の17日目の記事です。 昨日の記事は、c0hamaさんによる「fugitive.vim をもっと使いこなす」。 カラースキームってどうやって探してる？みんな大好きカラースキーム。 どうやって自分好みのものを探しているのか思い返してみると、大きく分けて2通りほどでしょうか。 1.がんばって検索するひとつめは、「vim colorscheme おすすめ」みたいなキーワードで検索する方法。最も定番
jquery小技まとめ３２
作成：2013/07/1 更新：2014/11/01 Web制作 > 先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか。今回は定番からちょっとマイナー（Google Analytics関係とか）なものまでjQueryの小技、プラグインを集めさせていただきました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スクロール １．ページ内リンク／フッターまわり／トップに戻る ２．パララックス スライド ３．カルーセル ４．レスポンシブなスライダー ５．ヌルヌルサクサクなスライドメニュー ６．サムネイル付きクロスフェードスライドショー 補助 ７．Google Ana
初心者のコーダーでも簡単に実装出来るJavaScript/jQuery Tips
こんにちは、鴨田です。 今更感はすごくあるとは思いますが、 コーダー初心者でも簡単なJavaScript/jQueryのコードで、 ちょっとした運用を楽に出来るTipsを紹介したいと思います。 １．現在見ているページのナビゲーションをアクティブにする JS if (document.URL.indexOf("001.html") != -1) { $("nav a.top").toggleClass("on"); } else if (document.URL.indexOf("002.html") != -1){ $("nav a.list").toggleClass("on"); }
私のSIMフリーiPhone 4Sの月額使用料（docomoのXi）を公開します。～SoftBank、auとほぼ一緒、むしろ…(・∀・;)＊リンあれ
タイトルは釣りじゃないですよ( ´ ▽ ` )ﾉユコびんです。 ご存じだと思いますが、私はSIMフリーiPhone 4Sを使っています。 『SIMフリーiPhone運用って、お高いんでしょ？ 本体だって高い上に、月額使用料もかかる。auやSoftBankで契約すれば端末代負担してくれるよ』 それは、確かにその通りです。 が、今現在の私のSIMフリーiPhone 4Sの月額使用料はauやSoftBankより若干少ないのです。 『ドコモ回線とか言って、日本通信じゃないの？』 違います、docomoの契約です。 私、ユコびんも普通の経済観念の人。 同じものなら高いより、安い方がいい！(`･ω･´+) ｷﾘｯ SIMフリーiPhoneを使うにあたって「どうしたら安く運用出来るかなぁ～」と考えた結果です。 倹約出来るところはして、お得に使いたいじゃないですか？ こうして渡り歩いたSIM、3枚目ですが
node.js 2011年ベストリポジトリ15 - memo.yomukaku.net
2011年末現在にgithubで公開されているnode.js関連のリポジトリのうち、fork数が多いベスト15をまとめました。 いくつぐらい使われたことがありますか？ お気に入りは入っていましたか？1. node.js 12040 fork node.jsのご本尊です。railsのfork数が2534 forkです。Forkの数でメジャー度を計ることはできなさそうですが、今年node.jsが大きく注目を集めたことはfork数にも現れていそうです。 「速い」が、node.jsで書いて一番感じたことです。 node.jsは単純なアプリであればnginxと同じ程度の時間でレスポンスを返してくれます。また、Javaで書いたアプリより場合によっては速く動きます。 リアルタイム性の高いアプリを作る場合は、入力と出力のタイムラグがあるべきではないため、Railsのようなフレームワークでは厳しくなり、今後
Chromeで検索するだけで楽天スーパーポイントが貯まる拡張機能「楽天スーパーサーチ」 | ライフハッカー・ジャパン
「楽天スーパーサーチ」は、Chromeで検索するだけで楽天スーパーポイントの貯まるChrome用拡張機能です。検索方法は通常通り、Chromeの検索バーで行います。楽天ヘビーユーザの方は、Chromeで検索しているだけでスーパーポイントが貯まるので、お得ですよ。 以下に使ってみた様子を載せておきます。 まず、楽天スーパーサーチへアクセスしましょう。Chromeにインストールします。インストール後、拡張機能一覧に楽天のロゴが表示されますので、クリック。 検索エンジンを「websearch.rakuten.co.jp」にする必要があります。楽天IDでログインすれば完了です。拡張機能のアイコンが赤色になれば、ログインされています。 あとは、通常通りキーワードを入力して検索するだけ。検索するたびに楽天スーパーポイントが貯まっていきます！ 塵も積もれば山となる。楽天でよくお買い物する方は、是非入れて
ウェブサイト作成に役立つ35のwebサービス｜Webpark
ウェブサイトを作成する際に個人的に使っているWebサービスを紹介します。幅広く35個紹介しますので、新しい発見があれば幸いです。 フォント関係 wordmark.it パソコンに入っているフォントを一覧で見ることができます。フォントサイズも調整できます。 日本語フォント252種類を表示確認できます！フォントを探すならfonthack.jp。 日本語フォントの表示が確認できます。現在252種類あります。 PXtoEM.com: PX to EM conversion made simple. ベースのサイズ（px）を決めると、em, pt, %の値が表示されます。 カラー関連 ウェブ配色ツール Ver2.0 配色ツールは色々ありますが、日本語ですし、あまり考えなくても感覚的に使えるので楽しいです。 Color Scheme Designer 3 カラーパレットジェネレーターです。海外サイトで
Apacheログに色を付けて快適tail生活 - y-kawazの日記
ツイッターで「Apacheログをtail中にステータスコード部分だけに色つけしたい」ってのを見たので作ってみた。 #!/bin/sed -f ## MEMO # [0m reset # [1m bold # [3m italic # [4m underline # [5m blink # [30m black # [31m red # [32m green # [33m yellow # [34m blue # [35m magenta # [36m cyan # [37m white s/\(HTTP\/1..\"\) \(2[0-9][0-9]\) /\1 \x1b[34m\2\x1b[0m / s/\(HTTP\/1..\"\) \(3[0-9][0-9]\) /\1 \x1b[32m\2\x1b[0m / s/\(HTTP\/1..\"\) \(4[0-9][0-9]\) /\1
jQuery Mobileを使ったシンプルなHTMLファイルを作成→ダウンロード出来るWebサービス・mobjectify - かちびと.net
なかなか良かったのでご紹介。jQuery Mobileを使ったスマフォ向けのHTML ファイルをオンラインで作成出来る シンプルなWebサービス・mobjectifyで す。直感のみで作成することが出来ま す。ユーザー登録も不要なのはいいですね。 jQuery Mobileのサンプルを自作してダウンロード出来ます。いくつか似たようなサービスがあった気がしますけど・・これはこれで覚えておいて損は無さそうです。 [note]因みに当サイトでもjQuery Mobileのサンプルを配布していますので宜しければどうぞ。[/note] jQueryMobileを使ったHTMLファイルをダウンロード出来るのですが、諸事情でモックアップとして使うしか無さそうですが、ユーザー登録も不要で手軽に使えるので。 以下に使い方を少しご紹介。 Pageを作成 Try Nowをクリックしてスタート。まずはPageをク
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザインのトレンドを毎日届けてくれるサイト「Panda」 | ライフハッカー・ジャパン
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
Domain Unavailable!
恋愛やグルメ、育児のニュースが満載！ B!KUMA ガールズ - はてなブックマーク
チートWeb | これだけ読めば分かるWeb制作者向けニュース
高品質のウェブデザイン用無料素材がダウンロードでき、共有できるサイト -Freebie Pixels
http://japan.internet.com/m/busnews/20110509/9.html