こんにちは。オモコロ編集部です。 今日は…… 僕たちのお母さんが カードゲームになります。 そういう記事です。よろしくお願いします。 子どもの頃はいつまでも一緒にいるものだと思っていましたが、大人になった今、親と会う機会もめっきり減ってしまいました。 昔は母の日にもなれば、クレヨンで似顔絵を描いてプレゼントしたりもしたものです。 あの頃のお母さんは、僕たちの拙い似顔絵でも喜んでくれましたよね（もしかしたら今でもそうなのかも）。 しかし、我々はこう思いました。 大人になった今、手段を選ばなければより最高の似顔絵をプレゼントすることができるはず！ ということで、今回は神絵師にお願いしてお母さんの似顔絵を描いてもらおうと思います！ プロの手にかかればお母さんが最高潮に喜ぶ似顔絵が作れることでしょう。 さっそく、お母さんにお世話になっているWEBライター3名に集まってもらいました。 これは偶然とし

2017年ですね。 今年からゆるくブログを始めようと思います。 動画制作の発見やカメラ機材の話などが大半でしょうが、気になりましたらフォローの程よろしくお願いします。 30も半ばを過ぎると「お正月だひゃっほー」なんて騒ぐ気力もなく、あんなにワクワクしていた年末年始のイベント興奮度が年々薄れていくのが悲しいものです。 そんな私も「出初式」はニュースで見る程度だけれど、今年は行って見る事にしました。 「はしご乗り」の動画も撮れるし、息子くんも「消防車」が大好きのようだし。 撮影機材は、LUMIX DMC G8にOLYMPUS ZUIKO DIGITAL 14-54mm F2.8-3.5をマウントアダプターを介して装着。最近気に入っていてこのレンズばかり使っています。しかしNDフィルターを家に忘れる失態をやらかす。 youtu.be 赤い！ 消防車がこんなにもあると圧巻ですね。最後にはヘリまで飛

多くのMacユーザーはOS X Yosemiteへとアップデートした後、Wi-Fiとネットワークの問題に直面している。これらの問題は、Wi-Fiネットワーク上にあるにも関わらず、低速接続となり頻繁に接続が切断されるといったものである。 このような問題に直面した場合に役立つかもしれない修正方法をiPhoneHacksで紹介されていたのでここでも紹介しておく。 ネットワーク設定ファイルの削除 多くのユーザーはネットワーク構成関連のplistファイルを削除した後問題が解決したという報告をしている。これを行うには以下の手順となる。 メニューバーからWi-Fiをオフにする。 Shift + Command(⌘) + G を押し、「/Library/Preferences/SystemConfiguration/」へと移動する。コピーペースで可能。 以下のファイルを選択する。 com.apple.ai

このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.

この記事では、現代において誰もがブログやSNSを通じて意見や考えを発信できる時代にあって、読まれる文章とそうでない文章の差が明確になってきていることを指摘しています。良い文章を書くための方法論やポイントが紹介されており、プロの知恵や知識が集約された文章力向上のコツが提供されています。また、文章力の定義や読みやすい文章の構成法、効果的な文章テンプレートなどが解説されており、あらゆるジャンルの文章作成に応用できる基本的な考え方を学ぶことができます。 そもそも、文章力とは そもそも、文章力とはなんなのかを考えてみましょう。 結論からいうと、「だれが読んでもわかりやすく、読みやすい文章を書く力」のことをいいます。 ただし、文章力の定義は「その文章が誰に対して書かれたものなのか」や「文章を書いている場所（ブログやSNSなど）」によって違います。 例えば、オピニオン記事（特定の事象に対して個人の意見を

ラーメン好きのデザイナー必見のセリフフォント『Times New Ramen』 欧文フォントのセリフ書体として代表的な「Times New Roman」。 それをモジって公開されているのが『Times New Ramen』というフリーフォント。 およそラーメン好きのWebデザイナーにしかウケなさそうなニッチなダジャレ感が堪りません。

チョークやインクやドライブラシや水彩など、さまざまなタッチのイラストを描けるブラシ、草や木や花を描くブラシ、幾何学的なかっこいいオブジェクトを描くブラシなど、イラストやお絵描きに使えるPhotoshopの高品質で無料のブラシ素材を紹介します。

制作時に欠かせないリセット用のCSS、ページのグリッドやレイアウト・コンポーネントが用意されたフレームワーク、クリック・タップやホバーやスクロールを楽しませるアニメーション、モバイルにもフレンドリーなCSSでつくられたアイコンなど、ゼロから用意するのはかなり大変なCSSの便利なフレームワークを紹介します。 リセット用のCSSはこの3種類 レスポンシブ対応の定番フレームワーク Material Designに対応したフレームワーク さまざまなアニメーションが簡単に実装できるCSS かわいいアニメーションを使ったローダー 使いやすいアイコンフォント・Pure CSSのアイコン リセット用のCSSはこの3種類 HTMLの各要素のブラウザごとに異なる差異をなくし、意図した通りに実装できるようスタイルをリセットするスタイルシート。 Reset CSS 2.0 HTMLの各要素のmarginやpadd

LayoutIt! helps you make your frontend coding easier without needing to be an expert in JavaScript, HTML5 or CSS3 Bootstrap Builder Drag-and-drop the same Bootstrap components to your own design. Easy to integrate with any programming language, you just download the HTML and start coding the design into it. Grid Generator Start creating your own CSS Grid Layouts simply and easily with this magic t

CSSでできる事がどんどん増えてます。JavaScriptを使って実装するようなレイアウトやUIも、CSSだけで作れちゃうほど、便利なプロパティがじゃんじゃか増えましたね。ここでは、要素にアニメーション効果をつけるためのCSSを使ったエフェクトについて、まとめてゆこうと思います:)。 CSSで動かす 「動く」といっても、自由自在にぐにゃぐにゃ動かせるわけではなくて、CSSアニメーションでは、プロパティの数値をスムーズに増減させることで、要素のスタイルを滑らかに変化させます。 例えば、下のサンプルでは、p要素にカーソルを合わせた時に、font-sizeの値を、1emから2emに、スムーズに変化するように指定しています。 p { transition: font-size 1s; } 動かすためのマストプロパティ CSSでアニメーションさせるために必要不可欠なのがtransitionプロパティ

Webマーケティングを行うの上で、マーケティング界でスタンダードとなっている基本的な戦略を理解しておいたほうがいいでしょう。 マーケティング自体、まだ歴史が浅いものではありますが、コトラーやランチェスターらが提唱した戦略や理論はもはや古典の域に入っており、確実に踏襲するべき部分です。 今回は、彼らが提唱したマーケティング戦略の中でも特に基本的なものをまとめました。 1.マーケティングの基本である市場分析とポジション https://ferret-plus.com/209 経営学者であるコトラーが1980年に提唱した競争地位戦略は、業界内でどういうポジションを狙って戦略を進めていくのかを定義したもので現代でも広く伝わっている概念です。 コトラーはポジションをリーダー、チャレンジャー、ニッチャー、フォロワーと4つに分類し、ビジネスの質やリソースを考慮し、自社にあったポジションをとっていくように

ボタンやパネル、レイアウトなど、最近はWebのユーザインターフェイスでさまざまなアニメーションが利用されています。WebページのUIに使用しているアニメーションを今よりもっと魅力的に動かせるようになるチュートリアルを紹介します。 アニメーションを魅力的に動かすテクニックを段階的に解説しているので、それぞれの効果がよく分かります。 Giving Animations Life 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 Step 1: まずはシンプルに動かしてみよう Step 2: バウンドを加える Step 3: バウンドを自然な動きにする Step 4: ディズニー®の12の基本原則を取り入れる Step 5: アニメーションを誇張する Step 6: アニメーションに命を吹き込む キーフレームを簡単に設定できるスクリプト St

自分用にひと通りの動きを一覧化したものが欲しくて作ったのでシェアします。 リンクやボタンのホバー時にエフェクトを付けるのと同じように、画像にもホバー時に何かエフェクトを付けたいというときに使えそうなエフェクトのサンプルです。 CSS3を多用しているので全ブラウザで実装できるわけではありませんが、いずれもCSSのみを使用して実装したもので、拡大縮小・スライド・白黒・ブラー・フラッシュなど全15種類です。 共通のHTML・CSS サンプルはいずれも下記のようなHTMLを使用しており、CSSについても共通スタイルとしてそれぞれに指定しています。 CSSでは幅や高さを指定している部分もあるので、参考にされる際はこれらを自身の環境に合わせて調整してください。

こんにちは、ひろゆきです。 僕はWebサービスをつくりたくてエンジニアになったのですが、プログラミング言語は数が多く仕様もさまざま。「プログラミングには興味があるけど、どの言語から手をつけるべきか分からない」という方も、多いのではないでしょうか？ 今回プログラミング言語の中でもPHPをご紹介するのは、初心者でも比較的とっつきやすく、前知識がほとんどなくてもブラウザ上で動かすことができるので、エンジニア入門に適しているからです。 プログラミングでモノ作りをしたいと考えている方は、PHPから始めることをおすすめします。 今回は「無料PHPスクール」を運営している「株式会社ドリーム・シアター」の中田さんの情報提供の元、LIGブログでのif文やwhile文の事例など、PHPを勉強する前に知っておきたい基礎知識をまとめてみました。 中田斉道（なかた せいどう）さん PHP／Javaを中心としたWeb

ホームおすすめ・お役たち貯金もまともに出来ないダメ人間な僕が会社辞めて独立する前に「これはやっておいてよかった」と思うことと、ちょっと後悔していること 貯金もまともに出来ないダメ人間な僕が会社辞めて独立する前に「これはやっておいてよかった」と思うことと、ちょっと後悔していること 2015 4/04 どうも、Qtaro（@Daisuke_9taro）です。 気がつけば「てへ♡やめちった(・ω<)☆」っと会社を辞めてフリーになってから早いものでちょうど1年くらい。僕は残念ながら昔から貯金なんて全然するタイプでもなく、もちろん計画的に独立資金を寄せるなんてこともなく 「やれるなら、やってみようぜ、独立を」 とふと思い、その4ヶ月後くらいには会社を辞めました。 まぁーそんな感じで、勢いで辞めたもんでとにかく当時（一年前）は お金がなかった ホントなかった。いや今もそんなにないけど。 さすがにそこそ