Webに関するthyme56のブックマーク (190)

  • HTML5+CSS3の「カンタン装飾設定」で今風デザイン

    的にグラデーションや角丸はジェネレータからコピペして設定できるので、作業自体は簡単です。HTML5+CSS3サンプルを使って表現してみましょう。 (1)装飾のキモは「グラデーション・線・角丸・影・テクスチャー」 前回HTML5+CSS3の「レイアウトを自在に使いこなす」では、限られたいくつかのCSSプロパティを組み合わせて、さまざまなレイアウトができることをお見せしましたが、今回はそれに装飾を加えていきます。 いざ装飾しようとすると、どこから手を付ければ良いのか迷ってしまうかもしれませんが、アイコンなどの絵を除けば、装飾の要素は「グラデーション」「線」「角丸」「影」「テクスチャー」くらいなものです。それらを整理して組み合わせることで、全体として一体感のあるデザインに仕上げられます。 「それが難しいんだよ!」というお叱りの声が聞こえてきそうですが(笑)、以下の2つを見比べてみましょう。上

    HTML5+CSS3の「カンタン装飾設定」で今風デザイン
    thyme56
    thyme56 2013/05/11
  • 無料で誰でも簡単に画像から背景を消し去ることができる「ClippingMagic」

    画像をドラッグ&ドロップでアップロードし、手前にある残したいものを緑、逆に背景なので消したいものを赤で大ざっぱに塗って指定すると、自動的に判別して背景にある者を消し去ってくれるのが「ClippingMagic」です。 Easily Remove Image Backgrounds Online - ClippingMagic http://clippingmagic.com/ 今回は以下の画像を使って、右側に置いてあるかばんだけを残してみることに。 By laverrue まずはページに画像をドラッグ&ドロップしてアップロードします するとこうなるので、左上から緑色を選んで、残したいものをぬりぬり さらに背景として消したいものを赤色でぬりぬりすると、自動的に黄色い線がリアルタイムでぐにゃぐにゃと動きまくって境界線を自動判別し始めます。今回の場合、背景にある監視カメラを塗ると、自動的に他の場

    無料で誰でも簡単に画像から背景を消し去ることができる「ClippingMagic」
    thyme56
    thyme56 2013/05/10
  • DreamweaverとPhotoshopを使い、神速でスライスする方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 先日、高円寺のワーキングスペース「こけむさズ」さんで勉強会があると聞いて行ってまいりました。 講師は「神速Photoshop」の著者の一人・石嶋さんで、フォトショを使って、わりとぽっちゃりな人をかなりすっきりにするテクや、ガサガサの残念肌をツルツルの潤い肌にするテクなどを教わってきました。 「カワイイはつくれる!」ということを実感いたしました。 そこで教えてもらった中でも、 「DreamweaverとPhotoshopを連動させて超効率的にスライス&タグに埋め込むテク」がすごかったので、ご紹介させていただきます。 これを使うと、 とにかく早い 後からデザイン修正が発生した際、直すのが楽 シャドウがある画像でも正確に切り取れる などのメリットが!フォトショでもFW並か、それ以上に楽ができると思います。 そ

    DreamweaverとPhotoshopを使い、神速でスライスする方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
    thyme56
    thyme56 2013/05/10
  • 結果を出すリスティング広告の広告文の作り方 | SEM-LABO

    5月に入り、各社のリスティング広告新人の方々におかれましては大変苦労している時期だと思うのです。勿論、覚える方も、教える方も。 当社もその内の1社であるので痛いほどわかります。ええ、それはもう。リスティング広告においての機能などはいくらでも教えることができます、これは簡単。どんなありきたりの教え方でも、特にデキる方々は”勉強の仕方”を体で、または経験則で理解していますから、まずは操作性に慣れることが最重要だということも理解しているはずですから、きっと休みの日でも管理画面をいじり倒し、グングンと勝手に成長して行くわけです。 そんな操作性に慣れてきたころ、必ずと言っていいほどぶち当たるハードルの高い壁が広告文(クリエイティブ)だと思うのです。特に広告文は人それぞれのセンスや癖が顕著に出る箇所だと思うのです。こればっかりは「これだ!」という正解がなかなか見つけにくいものだし、出稿する前から良し悪

    thyme56
    thyme56 2013/05/10
  • Facebookに買収されたばかりのParseがWebホスティングを提供開始。無料で利用可能

    先月Facebookに買収された、モバイル向けのバックエンドサービス「BaaS」を提供するParseが新サービス「Parse Hosting」を発表しました。 Parse Hostingは名前の通りWebホスティングサービスで、HTML/CSS/JavaScriptを設置してWebサイトを構築することができます。無料プランでは、月間100万リクエスト、1秒間に最大20リクエストまで。小規模なWebサイトであれば十分運用できそうです。 有料プランでは、より多くのトラフィック対応や独自ドメイン機能などが利用可能になります。 バックエンドとWebサイトをワンストップで提供 Parseはモバイル向けBaaSとしてREST API経由などでバックエンドデータベースやソーシャルメディア連携などの機能を提供しています。しかしそのバックエンドを利用するためのアプリケーションを利用者に配布するには、AppS

    Facebookに買収されたばかりのParseがWebホスティングを提供開始。無料で利用可能
    thyme56
    thyme56 2013/05/10
  • AirDroid : スマホ⇔PCワイヤレス連携の神アプリが2.0で大幅進化!接続方法や変更点を徹底解説!無料Androidアプリ | オクトバ

    旧バージョンでは、Wi-Fi経由でPCとスマホを同じネットワークに接続する必要がありました。 Ver2.0からは3G・LTEなどモバイル回線経由でも接続可能になり、端末が手元になくても遠隔操作が可能になりました。 ただしモバイル接続の場合、無料アカウントではデータ転送量や一部機能に制限がかかります。(詳しくは後述) またPCとスマホの認証方法として、これまでのQRコードや専用URLに加えて「アカウント認証」が可能になりました。 【スマホ側】アプリでAirDroid・Google・Facebook・Twitterいずれかのアカウントでログイン AirDroidアカウントは必須ではありません。また1度ログインしておけば、アプリを手動で起動する必要はありません。 【PC側】Webブラウザでhttps://web.airdroid.com/にアクセスし、上記と同じアカウントでログイン チェックを入

    AirDroid : スマホ⇔PCワイヤレス連携の神アプリが2.0で大幅進化!接続方法や変更点を徹底解説!無料Androidアプリ | オクトバ
    thyme56
    thyme56 2013/05/10
  • フラットだけじゃない、最近のチェックしておきたい良質ウェブデザインのまとめ

    最近のウェブデザインのトレンドといえば、フラット、サークル、ブラー、ブラックなどがありますが、一番大切なのはコンテンツありきのコンテンツファーストではないでしょうか。 ここではコンテンツを魅力的に見せているウェブデザインをCSS Awardsから紹介します。

  • 日経BP

    株式会社 日経BP 〒105-8308 東京都港区虎ノ門4丁目3番12号 →GoogleMapでみる <最寄り駅> 東京メトロ日比谷線「神谷町駅」4b出口より徒歩5分 東京メトロ南北線 「六木一丁目駅」泉ガーデン出口より徒歩7分

    日経BP
    thyme56
    thyme56 2013/05/09
    これだけで叩きに終わってしまうのはよくないと思うけど、多くの現場である光景。
  • オレオレGoogleリーダーを作ったので、ベータテスターを募集します - WebOS Goodies

    WebOS Goodies へようこそ! WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 Google リーダー、全 Web アプリケーション中でダントツ No.1 の使用率だったんですよ。デスクトップと合わせても、たぶん Web ブラウザ、 Emacs に次ぐ 3 位くらいなんですよ。購読フィードの数が多い上に iPhone や Nexus 7 でも読むから、他のリーダーじゃダメなんですよ。それなのに・・・猶予期間たった 4 ヶ月で終了とかどういうこ

    thyme56
    thyme56 2013/05/09
  • SugarSync

    Automatically access and share your photos, videos, and files in any folder.Sync and securely access your files from the cloud in secondsSave, view, and edit your documents across multiple devicesManage and share your files the way you want

    thyme56
    thyme56 2013/05/09
  • 死ぬほど簡単にローカルにWordPress環境を構築できる「BitNami」の導入方法!(Mac編)

    どうも。生まれて初めて当たり付き自動販売機で当たりが出た@OZPA です。 さて、かねてより和洋風◎の@isloop くんより 「ブログのデザイン、テンプレートじゃなくて自分で作ったほうがいいよ」 とのアドバイスをうけていたのですが、phpcssどころかhtmlすらろくに理解していなかった私。 プロフィールページを作るのに戸惑ったり、はたまたサーバを移転するのにしこたま苦労したりと当に手のかかるお子様だったわけです。そんな私がWordPressのテーマですって・・・?汚らわしいっ! [blackbirdpie url=http://twitter.com/#!/OZPA/statuses/64271506724757504] ですが今年の4月の終わりに上のようなつぶやきをしていることをふと思い出し、新しいことを覚える良いチャンスだなということで、WordPressのテーマを作るためにB

    死ぬほど簡単にローカルにWordPress環境を構築できる「BitNami」の導入方法!(Mac編)
  • 3flab inc.

    フジテレビ / めざましテレビ 2013-2015 Logo Type, Corner Logo & Telop Design SUZUKI / Tokyo Motor Show 2011 Monitor Motion Graphics Design Cybozu / kintone 2012 Logo, Web Application UI Design 株式会社三階ラボ 3flab inc. 沿革 2008/4 株式会社スリーフローを設立 2012/4 株式会社三階ラボに社名変更 資金 3,000,000円(2014/8現在) 取引銀行 東京三菱UFJ銀行 〒151-0073 東京都渋谷区笹塚2-2-3 エヴァーグリーン笹塚503 Evergreen Sasazuka #503, 2-2-3 Sasazuka, Shibuya-ku, Tokyo 151-0073, Japan

    3flab inc.
    thyme56
    thyme56 2013/05/09
  • はてブ整理

    はてブ整理 一括ブクマ削除 一括タグ追加 一括タグ削除 読み込み中・・・ ↑page top Copyright (C) sandai All rights reserved

    thyme56
    thyme56 2013/05/09
  • はてブのタグを一括編集・一括削除の方法がやっとわかった - 計算機と戯れる日々

    はてブの削除がめんどくさいというかつくり込みが甘すぎる - 計算機と戯れる日々のブクマコメントで以下を教えていただいた。 2008年02月14日 toby toby はてブ 「タグ名が陳腐化して変えたくなったり、同義語を統合したりしたい」←タグのページでふつーにできますよ。問題はタグのページたどりつくのが大変なことだ!!いつも行き方忘れるorz 探した…ひたすら探した…ま、まさか http://b.hatena.ne.jp/ユーザ名/キーワード で表示される「えんぴつアイコン」だとは! 気がつきませんでした。 そしてやっとのこと以下のページへ 1時間ぐらい探しましたよ。なんてことだ…バックアップとったのをアップしなおそうか…いや、いや、折角きれいなからだになったので忘れることにしよう。 # 2008年02月13日 gabari gabari はてブ 「タグの振り直し」って置換の事かなぁ.「

    はてブのタグを一括編集・一括削除の方法がやっとわかった - 計算機と戯れる日々
    thyme56
    thyme56 2013/05/09
  • https://jp.techcrunch.com/2013/05/08/20130504barley-launch/

    https://jp.techcrunch.com/2013/05/08/20130504barley-launch/
    thyme56
    thyme56 2013/05/08
  • あなたがgmailアカウントを作成したのはいつの日?

    When Did You Create Your Gmail Account? を読んでへーっと思ったので勝手に内容紹介。 方法 1. 一番シンプルな方法下記URLを踏む。 https://mail.google.com/mail/#all/p1000000 自動的にリダイレクトされて、最古のメール(が含まれるページ)に飛びます。 2. Google+に加入してた場合使える方法 Google TakeoutのGoogle+の下あたりにちっちゃくある「Google+ サークル転送ツール」をクリックして 左を見てみよう。 なにが嬉しいの?Googleアカウントの復元がちょっと捗るかもしれません http://www.ajaxtower.jp/googleaccount/new/index5.html によれば、googleアカウントを削除しちゃったけどやっぱり復旧したい、 そんな時に行うGoo

    あなたがgmailアカウントを作成したのはいつの日?
    thyme56
    thyme56 2013/05/08
  • Chromeで拡張が多すぎるならグループごとに用途で切り替えて使おう | 教えて君.net

    Chromeを愛用しているなら、拡張を導入してバリバリ改造しているはず。しかし、拡張を入れすぎると、右クリックメニューやツールバーが肥大するし、ブラウザ自体も重くなりがち。用途によって必要な拡張だけを有効にできる拡張機能を利用しよう。 Chrome拡張機能を追加すぎると、右上のツールバーにどんどんアイコンが追加されて、アドレスバーの領域が狭くなってしまう。また、右クリックメニューの項目も増え続け、必要な機能を見つけ出すのが大変だ。 Chromeに大量の拡張を導入しているなら、必要な拡張を必要なときだけ有効にできるように「SimpleExtManager」を利用しよう。この拡張は、メニューバーから拡張を個別に無効にできるほか、複数の拡張をまとめてグループ化し、一括で有効/無効を切り替えることができる。仕事用、プライベート用など用途別にグループ分けして、その都度、利用する拡張のセットを有効に

  • 保存版!カラーの勉強に役立つインフォグラフィックのまとめ

    ウェブや印刷のカラーセオリー、ウェブやロゴで人気のカラー、カラーがもつ意味や心理的にどのような影響を与えるか、女子・男子っぽい配色など、カラーの勉強に役立つインフォグラフィックを紹介します。 各リンク先に、保存用の大きいインフォグラフィックがあります。

    thyme56
    thyme56 2013/05/08
  • 『かわいいアプリデザインの法則*GIRLS UP*』

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

    『かわいいアプリデザインの法則*GIRLS UP*』
    thyme56
    thyme56 2013/05/08
  • ロゴデザインの参考になるギャラリーサイトまとめ【2024】 | 株式会社LIG

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

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