2013年3月11日のブックマーク (16件)

  • 今から得する!「副業」するなら見るべきサービスと知識まとめ

    作成:2013/03/11 更新:2013/06/02 Webサービス > Webデザイン 少しでもいいから、自宅で空き時間を使って 生活を豊かにしたい 今回は自宅で出来るサービス、副業フリーランスが知っておくと得する情報です。格安で仕事を発注したいときや、収入が発生したらどう対策するのか、その方法やサービス・考えなどをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 1.クラウドソーシング 2.Wordpress 3.Google AdSense 4.スマートフォンアプリ 5.確定申告 6.Webサービス 7.フリーランス 8.Web関係 9.フリーランスの考えなど 1.クラウドソーシング クラウドは、時間や場所を選ばず、誰でも簡単に参加することのできるサービス クラウドソーシングならCROWD(クラウド) ロゴ / 名刺 / サイト構築 / 記事作

    今から得する!「副業」するなら見るべきサービスと知識まとめ
  • まさにWebサイトを見たままに編集できるWYSIWYGエディタ·fresherEditor MOONGIFT

    fresherEditorはcontentEditableを使ったWYSIWYGエディタです。 オンラインでコンテンツを編集する際にはWYSIWYGエディタを使うことが多いように思います。色々なライブラリが存在しますが、今回はfresherEditorを紹介します。jQueryベースのエディタです。 デモです。テキストエリアの枠がないのが印象的です。 編集状態です。枠が出ています。 WYSIWYGなのでその場で反映されます。 画像の追加も行えます。 フォントの選択もできます。 fresherEditorではcontentEditableを使ってコンテンツを編集可能にしています。デザインについてはBootstrapを使っています。まさに見たままに編集できる、そんな感じのソフトウェアになっています。 fresherEditorはjQuery/JavaScript製のソフトウェア(ソースコードは

    まさにWebサイトを見たままに編集できるWYSIWYGエディタ·fresherEditor MOONGIFT
  • 新しいクリエイティブなフリーフォント集「9 Fresh Free Fonts for your Projects」

    デザインする上でフォントはデザイナーの大きな武器となりえます。それだけに使えるフォントを探しているという方も多いと思います。今日紹介するのは、最近リリースされたクリエイティブなフリーフォント集「9 Fresh Free Fonts for your Projects」です。 Sonar 全部で9のフォントがまとめられていますが、今日はそのなかから幾つか気になったフォントを紹介したいと思います。 詳しくは以下 Bloquer Modular typeface かなり太めの書体。文字と言うよりは記号に近いフォント。読ませるより見せるフォントです。 Higher その名前の通り、縦幅が高いフォント。個性的な書体はデザインにアクセントを与えてくれます。 Calendas Plus Regular 正統派ながらも遊びの有るフォント。レギュラー・ボールド・イタリックとそれぞれの書体が用意されています。

    新しいクリエイティブなフリーフォント集「9 Fresh Free Fonts for your Projects」
  • 時代を感じさせるような演出がしやすいテクスチャまとめ「20 Free High Quality Vintage Texture Packs」

    TOP  >  Design  >  時代を感じさせるような演出がしやすいテクスチャまとめ「20 Free High Quality Vintage Texture Packs」 高級感のある雰囲気を表現できるビンテージ素材は、デザインの奥行きを感じさせるのにとても使いやすいのではないでしょうか?そんな中今回紹介するのが、時代を感じさせるような演出がしやすいテクスチャをまとめた「20 Free High Quality Vintage Texture Packs」です。 Vintage Paper II TEXTURE PACK by ~Knald on deviantART 質感や時代を感じられるテクスチャ素材が多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Victorian grunge texture pack

    時代を感じさせるような演出がしやすいテクスチャまとめ「20 Free High Quality Vintage Texture Packs」
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
  • ブロガーの味方!?無料で使える画像編集サイト - ネタフル

    みなさんは画像編集はどうしていますか? iPhoneiPadのアプリ、Macフリーソフトを使っている人も少なくないと思いますが、オンラインの画像編集サイトはいかがでしょうか? ブロガーの強い味方 – オンラインのイメージ編集ツール | ブログヘラルドという記事がありました。 写真よりも言葉を多く利用するライターであっても、イメージの力を利用して、コンテンツを宣伝し、より多くの人に見てもらい、そして、より多くのクライアントを獲得することは可能である。これから紹介していくが、経験豊かなデザイナーやアーティストではなくても、ピンタレスト、インスタグラム、そして、タイムラインのトレンドに乗ることが可能なオンラインツールが数多く開発されている。 そういえば、ネタフルでもたくさんの画像編集サイトを紹介してきました。中には高機能なものもありましたし、買収されて消えてしまったものもあるようです。 改め

    ブロガーの味方!?無料で使える画像編集サイト - ネタフル
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
  • [JS]画像ホバーで、さまざまな要素を配置した半透明のパネルをアニメーションで表示するスクリプト -HCaptions

    画像をホバーすると、スライドやフェードのアニメーションで表示する半透明のパネルを実装するjQueryのプラグインを紹介します。 パネルは実装もカスタマイズも簡単です。 HCaptions -GitHub HCaptionsの準備 HCaptionsのデモと実装 HCaptionsの設定 HCaptionsの準備 まずは、スクリプトを使う準備から。 Step 1: 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script src="js/jquery.js"></script> <script src="js/jquery.hcaptions.js"></script> Step 2: スクリプトの準備 キャプションを表示に付与するclassを定義します。 $(window).load(function(){ $('.hcaption').hcapt

  • ロゴデザインの参考になるギャラリーサイトまとめ【2024】 | 株式会社LIG

    お疲れ様です。外が暖かくなってもこたつから一向に離れられない、モモコです。 ロゴを作ろうとなっても、なかなかアイデアが浮かばない!とお困りではないですか? 今回はそんなあなたに、ロゴを作る際に参考にしたいギャラリーサイトをまとめています。 💡おすすめの高品質なロゴ制作会社8選まとめ ※編集部注:2024年1月に最新情報へ更新しました。 Logopond|世界中のデザイナーのポートフォリオが見れる https://logopond.com/ Logopondは、世界中のデザイナーが作成したロゴのポートフォリオが見れるギャラリーサイトです。見切れないほど膨大な数のロゴが掲載されているので、「とにかく数をみたい」という人におすすめ。 タグやカテゴリーで方向性を絞って探せるのが便利ですね! Logospire|一覧性に優れたギャラリーサイト https://www.logospire.com/

    ロゴデザインの参考になるギャラリーサイトまとめ【2024】 | 株式会社LIG
  • すべてのものに理由はある。脳科学に基づくデザインの法則 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    どうも僕です。LIGブログがリニューアルされて、今まで以上にコンテンツの内用が重視されるようになって、我々中の人も、身が引き締まる思いだよ。主に、下半身あたりがね。あれかな、まだ寒いからっていうのもあるのかな。キュッてなり続けている。キュッて。 今回は、人間の脳科学の観点から、視覚的なデザインの法則をご紹介かつご解説しようではないか。 実際にものを見ているのは脳である コンピュータに詳しい人なら、 携帯とかにくっついているデジタルカメラは、 光の三原則であるRGB(赤、緑、青)の色の強度を感知する、 センサーの集合体で構成されるものだとご存知だろう。 実際、人間の目でも、 目で見える情報を各色の強度を感知する細胞の集合体で感知し、 電気信号情報に変換して受信しているわけである。 つまり、目はデジタルカメラと同じように、 色の集合体として情報を受け取る。 しかし、その情報を実際に処理している

    すべてのものに理由はある。脳科学に基づくデザインの法則 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • Loading...

  • シンプルなアウトラインがいい感じ!ミニマルなアイコン素材 -Free Outline Icons

    商用でも無料で利用できる、フラットなデザインにも合うミニマルなアイコン素材を紹介します。 素材はベクターなのでサイズやカラー変更は簡単ですが、ブラックのほかにグレー・ホワイトも用意されています。

  • 1000記事も超えたし、これからブログを始めようとしている方に向けてつらつらと書いてみる * prasm(プラズム)

    まあ、つらつらと世界には月間10万PVとる方法みたいな記事があふれてますし、まあ、おかげさまで今年に入ってから今のところ月間10万PVをいただいております。ありがたい限りですね。 ぶっちゃけて言いますと、月間10万PVを確実に取る必勝法は、存在しません。 存在しません。とはいえ、必勝法的なモノを今から書くンだろう??と過剰な期待を寄せている方にはコチラの ブログの悩みの半分くらいは「とにかく書く」で解決できる | delaymania ディレマニさんの記事をどうぞ。(※必勝法を書いた記事ではありません。) さて、 とはいえ、ですねぇ、才能とか資質とかとは別に、「技術として多くの方に読んでもらう方法」や「技術として多くの方に読んでもらうブログ記事の考え方」みたいなことは存在します。 こういうのは技術ですので、才能や資質は関係ありません。理解して、身につければイイと思います。 去年末似たような

    1000記事も超えたし、これからブログを始めようとしている方に向けてつらつらと書いてみる * prasm(プラズム)
  • 思わず使いたくなる!UIが斬新で美しいiOSアプリまとめ

    数あるアプリの中でも、UI(ユーザーインターフェース)が美しかったり、斬新だったりするアプリは、ユーザーに驚きや感動を与えます。 また、UIが優れたアプリというのは、アプリ制作は勿論のこと、スマートフォンサイト等におけるUIデザインの参考になります。 今回は、そんな「UIが特に斬新で優れたアプリ」をiOS限定ではありますが、いくつか紹介したいと思います。 Google Maps グーグル公式のマップアプリ。 デフォルトアプリがAppleの公式マップアプリに変わり、一度はiOS上から消え去りましたが、ストアで復活し、大いにユーザーを喜ばせました。 新しくなったgoogle mapsは以前のもに比べ、格段にUIが進化しました。 片手での操作が容易になったのが特徴で、ズームイン・ズームアウトも指一で操作できるのは当に便利です。 また地図の立体表示機能もスワイプで簡単にできますし

  • CSS3(transition)で円の中心を基準に拡大する丸いボタンが並んだメニュー

    最近丸いデザインが流行っているらしいので、丸いボタンが並んだメニューを作ってみました。CSS3のtransitionでスムーズに拡大します。円の中心を基準に拡大するところが今回のポイントです。 そもそもこいうのはメニューと呼ばないのかな。検索エンジンのことを考えると色々キーワードを入れたいけど、入れすぎると何をいっているのか分からなくなる。ほんとタイトルって難しい。。 ということで、今回もサンプルを用意していますのでこちら見ていただければと思います。 ではHTMLから解説していきます。 HTML まずはHTMLから。リンク先のURLは省略しています。 <div id="box"> <div class="boxin"> <a href="#" id="circle1">CSS</a> </div> <div class="boxin"> <a href="#" id="circle2">C

    CSS3(transition)で円の中心を基準に拡大する丸いボタンが並んだメニュー
  • 『かわいいアプリデザインの法則*GIRLS UP*』

    はじめまして。GIRLS UPでデザイナーをしています、アビン(GUPDesinger)です。 今回はGIRLS UPのデザインを元に、かわいい女性向けアプリのデザインの要素と作り方をお勉強しましょう!センスに自信が無い人でも、「かわいい」のロジックさえわかっていれば、簡単にかわいいアプリを作ることができると思います。そのロジックをぜひ参考にしてみてください! まずはたくさんのキーワードを用意する。 よく「かわいいデザイン」って聞きますが、「かわいい」という言葉を聞いてイメージするものが、全ての人にとって全く同じとは限りません。 「かわいくて〇〇」をキーワードで表現する自分が持っている「かわいい」というイメージを表現するには、たくさんのキーワードで表現するとわかりやすくなります。 まずは、「20代の美を追求する人たちが使うアプリ」というテーマから連想する、〇〇に入りそうな言葉をたくさん並べ

    『かわいいアプリデザインの法則*GIRLS UP*』