coemiのブックマーク (96)

  • 紙おむつを洗濯機で洗ってしまった!悲劇【画像】と対処法 - 時短勤務で働くママ VS 3人育児とちょいぽちゃ旦那

    またやってしまいました( ̄◇ ̄;) 雪が降らないわたしの地域ですが、 ただいまベランダ大雪警報です。 旦那と2人で夜から洗濯物をバタバタ。 降り注ぐジェル状の雪に なんとも言えない切なさが込み上げてきます。 そう、その正体は... 紙おむつ、洗濯したらどうなる?!赤ちゃんのいる家庭なら一度は経験したことないですか?間違って紙おむつまで一緒に洗濯機にいれて洗ってしまうこと( ̄◇ ̄;) 知る人ぞ知るこの悲劇! 洗濯機の蓋を開けた瞬間から 絶望的な気持ちになります。 衣類に大量のジェルが付着 ベチャっと衣類にこびりつく大量のジェル!(厳密にはポリマーという)しかも濡れている衣類じゃ簡単に落ちません。 黒モノ服だとさらに毛羽立ちが目立ちすごいことに( ̄◇ ̄;) 洗濯機の中にもジェル 洗濯槽だってジェルだらけ、洗剤をいれる所までジェルでふさがっています。 ベランダにもジェル 一応、このままにするわけ

    紙おむつを洗濯機で洗ってしまった!悲劇【画像】と対処法 - 時短勤務で働くママ VS 3人育児とちょいぽちゃ旦那
    coemi
    coemi 2015/11/27
  • localife.jp - このウェブサイトは販売用です! - 有機野菜 リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

    localife.jp - このウェブサイトは販売用です! - 有機野菜 リソースおよび情報
    coemi
    coemi 2015/10/20
    ハチミツはビタミン、ミネラルが豊富。発酵食品は身体を冷やさない。
  • 文章が苦手でも、ビジネスシーンで「わかりやすいドキュメント」を作成する方法 - リクナビNEXTジャーナル

    Photo by Sebastien Wiertz みなさんの提案書や報告書、メールなどのドキュメントはわかりやすいでしょうか。ビジネスではさまざまなシーンでドキュメントが使用されますが、日人にとって日語で文章を書くことはあまりに自然すぎて、クオリティや効果といった要素はあまり意識されていないように思います。 ここでドキュメントを作成するそもそもの目的に立ち返ってみましょう。数千万円の予算が動くプロジェクトの提案書であれ、社内で発生したトラブルの経緯報告書であれ、進行している案件についてのクライアントとのメールであれ、すべてのドキュメントには共通した目的があります。 それは「文章によって人を動かす」ことです。予算の承認も、トラブルの解決も、スムーズな案件の進行も、それを媒介しているのは文章のクオリティであり、効果です。したがって、ビジネスにおいて使用されるドキュメントは、徹底してわかり

    文章が苦手でも、ビジネスシーンで「わかりやすいドキュメント」を作成する方法 - リクナビNEXTジャーナル
  • Evernoteを一度あきらめた人のための簡単ガイド | ライフハッカー・ジャパン

    Evernoteのすばらしさについてよく聞きます。なんでも保存できること、どこからでも使えること、これなしでは生きていけない人がどれほど多いかについてなどです。しかし、私自身何度も試してみたのですが、その良さがわかりませんでした。何を見落としていたのでしょう。話題にすると、何人もの人が「Evernoteにトライしたが、結局しっくりこなかった」と言いました。どうやら私だけではなかったようです。 ただ、Evernoteを絶賛する記事やコメントを読むうちに、もう一度だけ試してみようと思いました。もしあなたもEvernoteの良さがわからないと思っているのなら、ぜひ以下を参考にしてみてください。 保存すればするほど、Evernoteは便利になる 一番重要なことから始めましょう。Evernoteが愛されている理由を知りたいなら、まずフルに活用することです。ただのノートツールとして使っているだけでは何

    Evernoteを一度あきらめた人のための簡単ガイド | ライフハッカー・ジャパン
    coemi
    coemi 2015/10/20
  • これがスマートフォン向けサイトを作るときの viewport 設定3パターンだ

    スマートフォン向けの Web サイトを作るとき、viewport の設定次第で使い勝手が大幅に変わる。 最近はレスポンシブ Web デザインが流行してるけども、その大前提として viewport の設定パターンを抑えておくのは重要だろう。 この記事では、viewport の設定によって、見た目・使い勝手がどう変わるかを解説する。 パターン1: 何も考えずに HTML を書く まずは、viewport を指定せずに、単純な HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>色んな素材がごった煮になった様子をお椀で表現しています。 湯気が<strong>「てっく」</strong>に見えるのが隠し味になっていま

    これがスマートフォン向けサイトを作るときの viewport 設定3パターンだ
  • localife.jp - このウェブサイトは販売用です! - 有機野菜 リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

    coemi
    coemi 2015/07/28
  • CSS3を使ってできる画像まわりのエフェクトやスタイリング18

    CSS3を使った画像のエフェクトやスタイリングについて、思いつく限り一挙にまとめてみました。 たくさん画像を扱うサイトなどを作る際に、CSSでできる表現のカタログとして使ってもらえたらと思います。 ※ 2/24 「2. めくれた風」を書き忘れていたので追記しました 目次 1. シャドウ 2. めくれた風 3. トイカメラ風トンネル効果 4. カラー調整 5. 回転 6. 角丸 7. 楕円のフレーム 8. 円のフレーム 9. 三角形フレーム 10. 重なった風 11. ぼかし 12. フェード(シャドウ編) 13. フェード(グラデーション編) 14. 反射 15. リボン 16. 差し込んだ風 17. フレームだけを傾ける 18. 半透明フレーム まとめ ※ 実際の表示はこちらから確認できます。 ※ この記事で掲載しているCSSは、シンプルにするためにベンダープリフィックスを付けていません

    CSS3を使ってできる画像まわりのエフェクトやスタイリング18
    coemi
    coemi 2015/07/23
  • iemo[イエモ]|インテリア&リフォームから100均グッズまで。住まいの情報サイト

    coemi
    coemi 2015/06/22
  • ライティングのプロに学ぶ!文章力UPに役立つ良記事&良書30選

    「ライティングスキルを向上させたい」と思っているはいるものの、何をすればいいか分からないという人、多いのではないでしょうか?「文章力」は一朝一夕で身につくものではありませんが、プロの技術や考えから、すぐに使えるノウハウやエッセンスは学び取ることができます。 そこで今回は、「ライティングスキルを磨きたい!」と思っているWeb編集者に向けて、確実に読んでおくべきライティングのノウハウが学べる記事とを30個まとめました。 これだけは読んでおきたいライティング系の記事 1.ライティングでは書き始める前の考えの整理や視点の確認が大切editor’snaut(※2020年8月現在ブログ閉鎖中) THE BRIDGEやマチノコトといった複数の媒体でエディター/ライターとして活動するモリジュンヤ氏が、文章を書き始める前に頭の中を整理することの重要性を説いた記事。思考の整理に役立つオススメの書籍も紹介され

    ライティングのプロに学ぶ!文章力UPに役立つ良記事&良書30選
  • ≡ ←ハンバーガーメニューのデザインでクリック率は違う(2014年のA/Bテストの結果から)

    スマートフォン対応サイトで右上や左上にある「≡」こんな形の三線のメニューはいわゆるハンバーガーメニューと言いますが、ハンバーガーメニューのデザインに関してA/Bテストを行っていた記事があったので紹介します。 ●ハンバーガーメニューのデザインパターンハンバーガーメニューは色々なデザインがあって、例えば以下の様なパターンがあります。(サイトイメージは「グラシン工房」から) まずはBootstrapの標準に近い形式。三の線があるだけのパターン。 次に三の線のしたにメニューという文字を配置して、アイコンの意味を説明するパターン。 三線を線(border)で囲い、ボタンらしく見せるデザインのパターン。 他にもいくつかデザイン・表現方法がありますが、それは前に書いた「【Web制作】スマートフォンサイトのメニューのアイコンデザイン・表示を比べてみた」の記事をご覧ください。 ●アイコンだけ・文字付

    ≡ ←ハンバーガーメニューのデザインでクリック率は違う(2014年のA/Bテストの結果から)
  • スマホサイト構築に便利なドロワーメニュー・スワイプのjQueryプラグインまとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは。デザイナーのはるえです。 もうほとんどの案件でPC+スマホ制作がセットになってきましたね。 LIGに入社したての1年前まではスマホの制作経験を聞かれてうつむき気味だった私も、おかげさまで今じゃスマホサイトを喜んで作るようになりました。 ありがとうございます!! そこで今回は、スマホサイトで使われやすいドロワーメニューやスワイプ実装の際に必要となるプラグインをご紹介させていただきます。 【こちらもおすすめ】 ☞ 高機能なJavaScriptの人気スライダープラグイン4つを実際に使ってレビューしてみた Facebookでもおなじみのドロワーメニュー3選 今じゃ基中の基となっているドロワーメニュー。 Facebookなどで使われている、横からぬるっと出てぬるっと引っ込むあれです。動きが気持ちよくて、実装も簡単にできるものを中心にまとめてみました。 jQuery slimMenu

    スマホサイト構築に便利なドロワーメニュー・スワイプのjQueryプラグインまとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • GoogleMapの簡単な埋め込み方法。アイコンやデザインのカスタマイズも! | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    どうもです、はやちです(◞‸◟) いきなりですがみなさん、せっかくデザインされたWebサイトの中にデフォルトのGoogleマップがあるとなんだかもったいなく感じませんか?(◞‸◟) どーにかこれをうまくデザインできないだろうか(◞‸◟) ということで、今回は簡単にGoogleマップのデザインをカスタマイズできる方法をご紹介したいと思います٩( ᐛ )و Googleマップを表示させよう まずはじめに基から。Googleマップを設置しましょう( ˘ω˘)☝ Googleマップの設置 <script src="http://maps.google.com/maps/api/js?key=ここにAPIキーを入れます&language=ja"> </script> headerタグAPIを取得するスクリプトをつけます。 APIの取得はこちらをご参照ください <div id="js-map-tae

    GoogleMapの簡単な埋め込み方法。アイコンやデザインのカスタマイズも! | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 【Photoshop】背景と線画を分けるアクション。by eamilia の紹介!

    https://cgchips.com คาสิโนเว็บตรง แจกชิพเล่นฟรีทุกวัน คาสิโนระบบชิพ แลกของรางวัล ไม่มีขั้นต่ำฝาก ถอนได้ไม่อั้น 24 ชม. โบนัสจัดเต็มcgchips สล็อตเว็บตรงเว็บไหนดี สล็อตเว็บตรง PunPro777.com 9 August 22 เว็บพนันออนไลน์เว็บตรง ด้วยเหตุว่าคนนิยมเล่นปั่นโปร777 สล็อตออนไลน์ เครดิตฟรี เว็บไซต์สล็อตที่มาแรงปัจจุบันนี้ ที่ดีไม่เหมือนใคร คุ้มสุดๆ เว็บไซต์เกมสล็อตออนไลน์ สล็อตเว็บตรง ที่มาแรงที่สุดเดี๋ยวนี้ มี

    【Photoshop】背景と線画を分けるアクション。by eamilia の紹介!
    coemi
    coemi 2015/05/14
  • Welcart対応テーマ(無料)がWordPress公式ディレクトリに登録されました - Welcart カスタマイズ

    ツイート B! ブックマーク Google+ Pocket Facebook (3/12更新)WordPress4.1対応版がダウンロード出来るようになりました。ゼロから作り直したメジャーバージョンアップになります。WordPress4.1で追加された新しいコードを使っているため、WordPress4.0.xではエラーが出ます。ご注意下さい。 Welcartでオンラインショップを運営してきた経験から、多くの機能を詰め込みつつ、軽さを重視した作りになっています。 Googleの「PageSpeedInsignts」では、デモサイトのトップページはPC向けで「90」・モバイルは「77」という、まずまず?のハイスコアです。※ブラウザのキャッシュの利用・画像の最適化・圧縮を有効にする対策も行っています(これらはテーマとは全く別の設定となります)。 ライセンス・ご利用条件 Welcart用テーマ「B

    Welcart対応テーマ(無料)がWordPress公式ディレクトリに登録されました - Welcart カスタマイズ
  • googleマップAPIを設置した時にマウスホイールでズームするのを無効化する方法

    googlemapAPIでマウスホイールによるズームの動きが邪魔? googleマップをWebサイトに設置した時、マウスホイールでズームさせたりすると、コントローラーでいちいち動かさなくても楽ちんです。 ですが、ブラウザをマウスホイールでスクロールしていった時にマップにあたると、ブラウザのスクロールが止まってしまいマップがズームされてしまうなんて事があります。 ホイールでのズームは楽ですが、デフォルトの表示を大きめにしておけばさほどホイールで動かく事も少ないのではないでしょうか。 zoom:1;くらいから引いた表示で見る事なんてほぼ必要ないでしょうし、ホイールをグリグリしまくる程ズームする事も現実あまりありません。 ですので、マウルホイールによるズームが不要の場合は動きを無効化しちゃいましょう。

    googleマップAPIを設置した時にマウスホイールでズームするのを無効化する方法
  • google maps api で地図を作った時にスマホでみるとスワイプ時のスクロールがmapに取られちゃうのを解決する : 森のコーディング

    8月28 google maps api で地図を作った時にスマホでみるとスワイプ時のスクロールがmapに取られちゃうのを解決する カテゴリ:javascriptiphone/ipadサイト Tweet googlemapiphoneandroid用のスマホページに設置したときに、 でかい地図をおくと、サイトをスクロールしたいのにマップ内がスクロールしちゃって困るみたいなことあるじゃないですか。 google maps apiで指で動かしても動かないようにする設定ないの? ぐぐっても出て来ないよ! で、調べてみたらあった。 draggableという設定。 マウスで地図をドラッグして移動する昨日を有効にするか無効にするか、というのを選べる。 無効にすると、スマホでみたときに、スワイプでのスクロールがmapにとられちゃうことがない。 書き方は以下の感じ var opts = { zoom:

    google maps api で地図を作った時にスマホでみるとスワイプ時のスクロールがmapに取られちゃうのを解決する : 森のコーディング
  • 「副業や起業前」に知ると便利なツール・知識まとめ | コムテブログ

    作成:2013/03/25 更新:2013/06/02 Tool > Webサービス ※2013/05/22: 「開業」の前に読んでおくと得するまとめを追加しました。 副業起業時にお金の管理はどうすればよいのか? 個人事業と会社設立 どちらでいけばいいのか 会計や計画書、GoogleAppsから起業の心得まで 今回は副業起業に使えるツールやサービスの使い方などをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 1.会計 2.確定申告 3.見積書 / 請求書 4.事業計画書 5.会社設立 6.個人事業 7.起業の心得 8.GoogleApps活用法 9.HP立ち上げ 10.名刺を自作 11.マーケティング 12.利用規約の作り方 1.会計 僕の周りには起業家が沢山いますが、お金の流れや税金、管理方法などに関する内容が一番多い。しかし、起業して会

    「副業や起業前」に知ると便利なツール・知識まとめ | コムテブログ
    coemi
    coemi 2015/03/23
  • 企画・提案・見積・納品・契約などのテンプレ・知識まとめ23 | コムテブログ

    TL;DR クライアントさんとの打ち合わせや会議の後は、必ず議事録を書いて社内共有します。座った位置や発言なども、思い出しながら簡潔に書きます。おかげで「何を話したっけ?」「言った、言わない」を防げてます。フリーランスの人は、見積書、請求書、契約書、法律などのテンプレや知識があると、スムーズに先へ進めます。その他、ヒアリングシート、契約書など Web 制作業でリアルで必要だった書類系テンプレや知識をまとめました。 企画/提案 1.企画書 企画書はどれくらいのコストで効果(売上)を得るかというのが一番大切。とはいえ、上司を説得できる企画書も大切。以下は企画書の作り方と資料作成サービスなどのまとめです。 [保存版] 最強の企画書の作り方と資料作成サービス完全まとめ | 世界ろぐ “通る企画書”作りの基上司を説得できる企画資料の作り方講座#1 | Web 担当者 Forum 2.提案書 提案

    企画・提案・見積・納品・契約などのテンプレ・知識まとめ23 | コムテブログ
    coemi
    coemi 2015/03/23
  • Web制作フローが「完璧」にわかる資料や流れのまとめ | コムテブログ

    TL;DR 受注前、制作フロー、安定収益源の保守方法まで「作って終わりにしない」Web 制作の一連の流れを記載しておきます。社内だけじゃなく、これから独立する人、フリーランスの方も必見です。 オリエンテーション/受注前 1.書類テンプレート一式 オリエンテーションにおけるヒアリングでは、後に作成する提案・見積書に必要となる質問を用意しておきます。自社の説明をする時は、せっかちなクライアントさんもいるので、だらだら話さず、ポイントを抑えてわかりやすく説明します。ヒアリングした後は、議事録にメモし社内共有。必要な書類(ヒアリングシート/企画書/提案書/業務委託書/見積書/契約書)など一式まとめてますので、書類系のテンプレートは以下で。 企画・提案・見積・納品・契約などのテンプレ・知識まとめ23 2.見積もりの目安と計算方法 例えば項目を作るとき1.項目/2.内容/3.設計(人日)/4.製造(人

    Web制作フローが「完璧」にわかる資料や流れのまとめ | コムテブログ
    coemi
    coemi 2015/03/23
  • Web制作者はおさらいしたい!CSSの勉強になる実用的な基本テクニックまとめ | コムテブログ

    TL;DR 実務で意外と使う基的なものやトリッキーな小技。少ない記述で済む CSS テクニックなどをまとめました。今回は Web 制作に関わるなら、必ずおさえておきたいものや今後使っていきたいテクニック中心です。 画像 1.画像の下にできる隙間をなくす 画像の下に色などを配置すると、わずかに隙間が出来ることがあります。そんな時は親ブロックにline-height: 0;で OK。他には画像に直接vertical-align: bottom;かdisplay:block;を使えます。 css 画像の下にできる隙間をなくす方法 2.画像の下にテキストが回り込まないようにする 回り込み解除は親要素か以下の例だとテキストにoverflow: hidden;かoverflow: auto;を指定します。IE 対策で zoom 属性 zoom:1;も同時に設定します。 css 3.float を使わ

    Web制作者はおさらいしたい!CSSの勉強になる実用的な基本テクニックまとめ | コムテブログ
    coemi
    coemi 2015/03/23