CSSの面倒なコード、アニメーションやグラデーションやシャドウなど、表示結果を見ながらコードを生成でき、HTML5のよく使うスニペットや新要素、MetaタグやOGPやTwitterカードなどのコードを簡単に生成できるオンラインサービスを紹介します。 こういったコード生成は探せば見つかるかもしれませんが、まとまってると便利ですね。
![Web制作者はブックマークしておくと便利!HTMLやCSSやOGPやTwitterカードなどのコードを生成できるオンラインサービス](https://cdn-ak-scissors.b.st-hatena.com/image/square/2f7d24c7b0dfa86340e998aad8aa802e5f39c820/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201502%2F2015063003-01.png)
人がふぁぼった&Retweetしたツイートの画像見るの面白い— そらむぎ (@soramugi) 2014, 3月 13 FavMedia – Twitterのfavツイート画像閲覧 13日の午後8時に思いついてツイート、探してもそういうアプリ無かったので、13日の深夜回ったぐらい、だから14日か、に作ろうと思い立ってsinatraでテストアプリ作ってそのままRailsに作り直してで4時ぐらいであらかた出来てherokuに公開、ドメインも取ったけど名前どうしようかなと考えたのが30分ぐらいで面倒になったので直感的な奴にした。その日はそのまま寝て、翌日に最初は作ってたログイン機能いらないなと思い立ったりbootstrapのテーマ変えたり表示整えたり、画像の再取得出来るようにとかして「いいんじゃね」と思ってツイッタで宣伝、DMで修正点とかフィードバックもらえて修正、反映、拡散。エラーページの設
「Dropbox」、「Google Drive」、「OneDrive」をはじめとする数多くのサービスを上手に使いこなせば、クラウドサービスで利用できる無料ストレージの容量は、ほとんど制限がないに等しくなります。それを実現するために、効率の良い利用方法のコツを、サービスごとに紹介していきましょう。 どのクラウドサービスプロバイダーも、期間限定などで追加容量がもらえる、さまざまなプロモーションを行っています。チャンスを逃さないために、常にそうした動きに注意を払っておきたいところです。ここで紹介するプロモーションの中には、今後内容が変わってしまうものもあるかと思いますが、おそらくまた別のプロモーションが提供されるでしょう。 また、クラウドサービスプロバイダーは、特に新規ユーザーに対しては、まるで飴でも配るようなノリで気前良くストレージ容量を提供してくれるものです。 Dropbox Dropbox
紙に書いた文字でも、IllustratorやPhotoshopで作成した文字でも、その文字からオリジナルのフォントを簡単に作成できる無料のオンラインサービスを紹介します。 作成できるフォントはTrueType、OpenTypeの2種類です。 ひらがな、カタカナ、漢字、絵文字などの日本語、英語、フランス語をはじめ、ギリシャ文字、キリル文字、数式記号などにも対応しています。 ※漢字は数が少なめ。 PaintFont 使い方は簡単。 フォントに使用する文字を決めて用紙を作成し、その用紙に文字を書き、それをアップロードしてフォントを作成します。 Step 1: 最初の準備 Step 2: 文字を手書きする Step 3: 手書きした文字からフォントを作成 Step 1: 最初の準備 フォントに使用する文字を決め、手書きする用のファイルを作成します。 まずは、作成するフォントに含まれる文字を設定。
プログラミング初心者の方々、やってみるべし! このブログ「りくまろぐ」は、WordPressというツールを使っています。現在は無料テーマをカスタマイズしたデザインで表示させているのですが、開設当初は自作テーマで表示させていました。 自作テーマ作成にしても、あるいは既存テーマを自分の好きなようにカスタマイズするにしても、ある程度の知識が必要になります。オリジナルのブログやサイトを構築する際に基本的な知識として、HTMLやCSS。WordPressで作るならPHPというプログラミング言語も知っていれば大きな武器になります。 今回紹介する「Progate」という無料プログラミング学習サービスは、OZPAさんのブログ記事を読んで知り、「おお、これは面白そうだ」と早速利用してみました。もう1ヶ月近く前の話。 全問正解したからといってWordPressを全構築できる知識が身に付くほどまでは行かないので
「毎日ランニングする」「早起きする」「ジャンクフードを食べない」など、一度決心してもなかなか実現しづらい習慣づけを、RPGっぽいタスク管理サービスを使ってゲームをしている感覚で実現しようというのが「HabitRPG」です。 HabitRPG | Gamify Your Life https://habitrpg.com/splash.html HabitRPG by Tyler Renelle — Kickstarter http://www.kickstarter.com/projects/lefnire/habitrpg-mobile HabitRPGは開発の途上にあってKickstarterで出資を募っているところ。概要は以下のムービーを見るとわかります。 HabitRPG on Vimeo 一言「毎日ランニングする」と言っても、何かを習慣づけるのは想像以上に難しいもの。「1日ぐらい
米Lifehackerでも紹介している「HabitRPG」はRPGを攻略する感覚でToDoリストを消化できるサービスです。ToDo管理できるサービスなのですが、ToDoを消化していくことで主人公の経験値が溜まっていきます。レベルアップなどもあり、ToDoをこなすことがRPGを進めているかのように楽しめます。 以下に使ってみた様子を載せておきます。まずHabitRPGへアクセスしましょう。 このようにToDo管理ができます。ToDoの横にチェックボックスがあり、そのToDoが完了したらチェックしましょう。するとキャラクターの下に表示されている経験値が増えていきます。どんどんToDoを追加してこなしていくことでレベルアップができますよ。ToDoをこなすのが楽しくないという方にはよさそうですね。ゲーム要素があるとモチベーションキープにつながります。 HabitRPG HabitRPG Turns
日々の仕事や作業を効率よくするため大切な作業が、まずは自分の時間の使い方を記録して振り返ることです。しかし実際に作業記録を行ってみると、つい記録を忘れてしまって後から思い出すこともできず、いつの間にかウヤムヤになってしまった経験のある人も多いはず。そんな面倒な作業時間の記録をパソコンやスマートフォンを使って必要な時にすぐ行うことができるのがネットサービスの「Toggl」です。 Toggl - Insanely simple time tracking https://www.toggl.com/ Togglを使うためには、まずはアカウントを作成します。サイトにアクセスしてメールアドレスとパスワードを記入し、「Sign up for free」をクリックするだけでアカウント作成は完了。メール確認などは必要なく、そのままサービス利用を開始することができました。 ログインが完了して表示されるペー
ページ URL を書き換えるだけでサムネイル画像が表示できるもの Twitpic (ドキュメント) ページ: http://twitpic.com/<image-id> サムネイル画像: http://twitpic.com/show/<size>/<image-id> <size>: “mini” or “thumb” 携帯百景 ページ: http://twitpic.com/<image-id> サムネイル画像: http://image.movapic.com/pic/<size>_<image-id>.jpeg <size>: “s” or “t” はてなフォトライフ ページ: http://f.hatena.ne.jp/<user-id>/YYYYMMDD<image-id> サムネイル画像:http://img.f.hatena.ne.jp/images/fotolife/<u
2015-01-01 初心者向け簡単プログラミングレシピ投稿サイト『コードレシピ』を公開しました 作った コードレシピ あけましておめでとうございます。ウェブサービス作りました。 誰か読んでる人いるのかな。 コードレシピ - 初心者のための簡単プログラミングレシピサイト 初心者向けのプログラミングレシピ投稿サービスです。 コードレシピは、「関数やクラスなどの基礎はやったが、実際にどのようにゲームやツールを作ればいいかわからない」を解決するサイト。 「ドットインストールやったからなにか作りたい」とか、「暇なんで簡単なゲーム作りたい」なあなたは是非。レシピの手順通りにコードを書けば必ず一つのアプリケーションが完成します。 雑記 なぜ作ったか 弟や知り合いが「ドットインストールやったけど、基礎だけやっても実際どうやって作っていくかわからない」と前から呟いていた。 プログラミングマスター:「作りた
1億総デジタルともいえる現代。アプリ開発者やプログラマーの需要も、増加の一途をたどる。 目まぐるしく変化する市場に対応するには、当然人材が必要だが、採用しても教育する時間がなかなか確保できないなど、企業側も複雑な事情を抱えていたりする。 問題解決に一歩近づくには、入社したその日から即戦力で仕事ができるシステムが、必要なのかもしれない。 そこで登場したのが、「シラバス」という学習サイト。「マネして学べる」をコンセプトに開発されたプログラミングeラーニングシステムで、HTML/CSS、WordPress、Ruby on Rails、Backbone.js等のwebデザインやwebアプリの開発を、サイト上のコンテンツを通して学べるというものだ。 開発元の経験から生まれたサイト 開発を手がけたのは、東京理科大学の学生によるベンチャー企業、ダラフ。「シラバス」は、彼ら自身の体験から誕生した。 当時、
決して取っつきやすいわけでもなく、見た目も洗練されているわけでもない。だけど、痒いところに手が届き、やりたいことが全て出来てしまう愛しの蔵書管理サービス「MediaMarker」。 以前、中の人(@coanmm)に無理を言って付けて貰った「引用機能」が遂にモバイル対応して、完璧に求めていた形になったので、満を持して紹介したいと思います。 ■まずは、MediaMarkerってなんぞや?MediaMarkerを一言で言えば「蔵書管理サービス」。 要するに、本を管理サービス何だけど、Amazonで買えるモノなら何でも管理出来るし、iPhoneアプリや独自メディア(例えばオーディオブックとか、Amazonで買えない独立系な電子書籍、もしくは通信教育の教材)なんかも管理出来る。 百聞は一見に如かずなので、とりあえず僕のページを覗いてみて欲しい。 家の本棚に並んでいる本や、既に手放してしまった本、これ
start.meはiGoogleの代替としてスタートページを作るサービスです。 http://www.start.me ブックマークとRSSフィードを保存できます。 僕の場合はスタートページというよりブックマークとして使っています。 幾つものページを作れるのでカテゴリー分けができ、各ページにはウイジットで更にカテゴリー分けができます。 ご覧のようにGoogleブックマークより見やすいです。 ブックマークする時は、アドレスバーの「me」をクリック プラットフォームに依存しないで、iPhoneなどでもブックマークを保存しアクセスできます。 RSSリーダーとしても使えますが、RSSリーダーとして使うならFeedlyのほうが見やすいと思います。
Googleで検索したり、Gmail, YouTube, Googleマップ、カレンダーなど、Googleのさまざまなサービスを利用する際に知っておくべき大切なURLを10個、紹介します。 Googleアカウントが使えなくなった時の設定とかしてありますか? 10 URLs That Every Google User Should Know written by Digital Inspiration Googleのアカウントを作成・管理 広告の設定 Gmail, YouTube, カレンダーなどのデータを保存 違反コンテンツを見つけたらGoogleに報告 位置情報の管理 検索に使用した文字も記録されています Googleアカウントの使用を止めた後のデータの扱い 自分のGoogleアカウントを第三者が使っていないか調べる アカウントの権限を一括管理 Googleアカウントがハッキングされた
おはようございます。スケジュールはGoogleカレンダーで管理しているうしぎゅう(@ushigyu)です。 誰しも、スケジュールの管理とタスク(To Do)管理を、様々なデジタルあるいはアナログなツールで行っていることと思います。 ただ、おそらく多くの方が思うのは「スケジュールとTo Doの境界線」の曖昧さ。 「いつ、何をする」というタスクをTo Do管理サービスで登録したら、それがカレンダーにも表示されてほしいと思っている人は多いはず。 それでも、この「スケジュールとTo Do」を同時に管理してくれるツールは今まで意外となかったのです。 (例えばNozbeをGoogleカレンダー連携、といったことはできますが、2つのサービスを使うのは若干面倒) そんな時に知ったのが、今回紹介する「Lifebear」というWebサービス&iPhoneアプリ。 “クラウド型電子手帳”と銘打っている通り、スケ
本日、qnypを正式にオープンしました。 qnypとは? qnyp(キュニップ)はアニメをみる人・アニメの話をしたい人向けのサービスです。とくに「アニメの話ができる」ということをメインにしています。 qnypの発端 qnypは、 身近にアニメの話のできる人がいない(けど語り合いたい) 旧作・名作を見るときに、放送当時の感想や反応を1話ずつ確認しながら鑑賞したい まとめサイトやブログに残された感想は構造化されておらず後からの利用がしづらいので、作品やエピソードに紐付いた形で感想を残したい TwitterやFacebookではあまりアニメファンっぽさを出していないので、たまに好きな作品の話を熱く語りたい時にフォロワーの反応を探りながら小出しにしてしまいがち 「魔法少女まどか☆マギカ」の第1話〜第3話を初めて見た時に自分がどう感じていたかを何年か後に見返せたら面白そう といったことから着想して、
基本的に無料で最大15GBまでのオンラインストレージを使用でき、1ファイルあたりの最大容量2GBまでのファイルをアップロード可能で、音楽やムービー、各種ドキュメントや圧縮ファイルなどをスマートフォンやタブレットとも共有が可能なオンラインストレージサービスが「4shared」です。どのようにしてサービスを利用できるのか、実際にアクセスしてファイルをあれこれと移動したり再生させてみました。 4shared.com - 無料のファイル共有とストレージ http://www.4shared.com/ サービスを利用するには、まずアカウントを作成します。メールアドレスとパスワードを記入して「サインアップ」をクリック。ほぼ全ての画面で日本語対応が進んでいるのが使いやすいところです。 氏名を記入して「この名前で登録いただけます。」と確認が取れたら「アカウント作成」をクリック。 登録したアドレスにメールが
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く