和筆の繊細な線、面をつかった大胆な線、ぼかしの濃淡で明るさや暗さを表現できる、イラストレーター・絵師さん向けのIllustrator用ブラシ素材を紹介します。 今回もコリス限定ライセンスで、商用利用無料でダウンロードできます。すぐに使わなくても、今のうちにダウンロードしておくのがオススメです。 ※通常は個人利用のみ無料です。 商用無料の期間は終了しました、現在は個人利用のみ無料です。 Japan ProBrush™ Free プロ仕様の和筆ブラシ ブラシのダウンロードとインストール プロ仕様の和筆ブラシ Japan ProBrush™はコリスとのコラボを重ねて、日本人のユーザーのためのブラシをということで制作されたプロのイラストレーター・絵師さんの使用を意図した高品質なブラシセットです。

CSS3 が主要ブラウザに対応したことから、これまではむずかしかったアイデアやコンセプトも、手軽にスタイリングできるようになってきています。今回は、背景デザインにスパイスを加えるエフェクト用コードスニペットを、コード共有サイト CodePen からピックアップしまとめています。 コピペで利用できる手軽なものから、これってどう表現するんだろうという面白スタリングまで、注目をあつめるテクニックを中心に揃えています。デザイン制作に悩んだときに活用してみてはいかがでしょう。 詳細は以下から。 背景デザインを楽しくする、参考にしたい HTML/CSS スニペットまとめ ※　デモが動かないときは、「RETURN」ボタンをクリックすることで、再読み込みされます。 ※　ページの読み込みに多少時間がかかります、すこし待ってからスクロールするとスムーズに表示されます。 Pure CSS Cinema Effe

ブラウザごとに異なるHTMLの各要素のスタイルの相違を吸収し、各要素のデフォルトのスタイルが定義されたCSSリセット用のスタイルシートを紹介します。 normalize.cssを最近のWeb制作にあうようカスタマイズされたもので、対応ブラウザはすべてのモダンブラウザ、IEは8+対応です。 ress -GitHub 参考: normalize.cssの特徴とコード 2015年、Web制作者が押さえておきたいCSSの各種リセット ressの特徴 ress: html, グローバルセレクタの定義 ress: 一般的な要素の定義 ress: フォーム要素の定義 ress: メディア要素の定義 ress: アクセシビリティ用の定義 ress: ::selectionの定義 ressの特徴 ressは「normalize.css」をカスタマイズしたもので、スタイルシートを始める時のしっかりしたベースな

How to watch NASA's first Boeing Starliner crewed flight launch today (scrubbed)

How to watch Polaris Dawn astronauts attempt the first commercial spacewalk

Macで新規のファイルを保存するとき、いつもどこに保存していますか？私は大概の場合、デスクトップに保存してしまいます。 保存したファイルはとりあえず全てデスクトップに保存して、そこから各種フォルダに振り分ける。ファイルの整理はこんな感じ。 そして「Clean」というアプリを使って、デスクトップに残った無駄ファイルを一日一回、自動的に削除するように設定しています。

「Tweetbot」は、Twitter アプリの中でも人気のあるクライアントですが、記事執筆時点でiOS版とMac版の両方が定価1,200円→600円に値下げされています。 「Tweetbot」は、複数のリストを並べて表示させてタイムラインをチェックできるほか、アクティビティの表示、Twitter・Instagram・Vine動画の再生にも対応。 iOS版の最新バージョンでは、Twitterに導入されたタイムラインフィルタ機能や、YouTube動画をブラウザで再生する際に動画の隅に「www」を表示させる機能も追加されていますよ！ あとがき @torizoさんをフォロー僕は現在、Mac・iPhone・iPadのすべてのデバイスで「Tweetbot」を利用していますが、全デバイス間の同期もシームレスに利用でき、快適にTwitterを楽しむことができています。 現在、期間限定での半額セールとなっ

▼ちなみにブラウザの拡張機能からウェブページをキャプチャーするには、ツールバーのアイコンをクリックします。 ▼こんな感じの画面が出るので、左上にあるボタンをクリックするとウェブページキャプチャー、右上のボタンをクリックするとウェブページ内の画像を一括インポートすることができます。 ブラウザの拡張機能は「Safari「Chrome」に対応し、 Pixave の公式サイトのトップページ最下段にあるリンクからダウンロードできます。 余談ですが、Mac画像管理アプリとして有名だった「Ember」は今後の開発をほぼ断念しており、今後も安心して使えるアプリは「Pixave」ぐらいしかないと思っています。 以前、フリー素材で有名なマックスさんに、「Pixave」にはiCloud同期機能はないよーとツイートしたところ、「Pixave」の公式アカウントからすぐに「iCloud同期できるよー」とお返事がありま

WordPress4.4から実装された、画像に指定されている「srcset」属性を削除して無効にする方法 WordPress4.4から実装されたsrcset属性は、閲覧する端末(retinaなど)によって読み込む画像を変更する(レスポンシブイメージと呼ばれている)ための属性、という認識を私はしています。 ところで、srcset属性の是非についてはいろいろな意見があると思うので置いておくとして、この属性を削除して無効にする方法があります。 「何らかの理由で有効・無効の設定をしたいこともあるかも」と思ったので、メモっておくことにしました。コードは「functions.php」に追記すればOKです。 //画像に指定されているscrset属性を削除 add_filter( 'wp_calculate_image_srcset', '__return_false' ); 参考リンクwp_calcul

昔からよく見かける動きですが、下のように「複数の小さな画像（サムネイル）をクリック（タップ）すると、メインの大きな画像が切り替わる」という機能を実装する機会がありました。 小さな画像をクリック（タップ）するとメインの大きな画像が切り替わる この実装って、最近ではlabel,input要素を使って、JavaScriptを使わずに似たようなことができる方法もありますね。 私は通常はlabel,input要素を使って実装していますが、コードの書き方、見せ方によってはJavaScriptを使う必要もありました。 いろんなパターンで実装できることを覚えておくと、今後使える選択肢が増えるので、この機会にやりかたをメモ書きました。 クリック（タップ）で画像を切り替えるサンプルcodepenにサンプルを書きましたので「似たようなことがしたい」という場合は、ご参考ください。 html<div id="con

TL;DR リニューアルを行った時に、CSS3 で気づいたことや次回もまた使いそうなものなどを備忘録として書いておきます。基本的なものから見慣れないものまで。 CSS3 オートフィルの背景色を解除 chrome にて、テキストボックスのオートコンプリートした際、背景色が黄色になります。これを消したかったので を追記。色指定の箇所に任意の色を指定できますが、とりあえず白色で。 無事消えました。 Coderwall | Change background color for autocompleted inputs in Google Chromeでinputがオートフィルされてると背景色が黄色になるのを回避 – CSS | ごろつきめも backface-visibility で Chrome のチラつきを解決 fadeIn などのアニメーションを取り入れると Chrome でヘッダーやサイ

JQuery LinedTextAreaはtextareaに行数を自動付与するスクリプトです。jQueryに依存します。textareaに新たに書き込んでも行数は表示されます。用途は多くはなさそうですが個人的に必要になりそうなので備忘録。ライセンスはMIT。 JQuery LinedTextArea

デザインという単語は主にかっこいいものをセンスで作ると認識されがちです。 ですが、デザインは本来「設計する」と訳され、意図を伝わりやすくするために情報構成を考えることを指します。中にはセンスや感覚でこなせる人もいますが、法則さえ抑えればある程度のデザインなら誰でも理解し実践できます。 今日は自分にはデザインセンスがない、と落ち込んでいる方に、この記事では役立つ10サイトを厳選して紹介します。 デザインの原則・理論 １.  デザイナーに言われた「非デザイナーが気をつけるべきデザインの「４原則」 ハズさないデザインの4原則（近接・整列・反復・コントラスト）が分かりやすく解説されています。実際に具体例を比較しているので感覚的にも理解することができます。 ２.  感覚派デザイナーも知っておいて損はない「デザインの要素と原則」 デザインの前提・デザインの要素・ゲシュタルト原則・デザインの原則の4つの

Kalau anda teringin nak fasih English, boleh belajar Bahasa Inggeris online dengan kami. Kelas dijalankan menggunakan Zoom / Google Meet. Kelas Bahasa Inggeris Online Ini Khas Untuk Orang Dewasa Yang Faham English, Tapi Bila Speaking: Ayat Berterabur, Grammar Hancur Dalam proses nak fluent English, kenapa mesti malu? Kami di JomEnglish Academy faham, anda nak sangat cakap smooth dan rasa confident

今年の3月に東京で開催されたDESGIN for Innovation 2016の海外ゲストスピーカーの4人の中で、1名”日本マニア”がいた。今回のイベントの為にドイツから来日したStorymakerのビョルン・アイヒシュテットである。ドイツ人の彼は、母を尋ねて三千里を読んで育ち、ちあきなおみを愛聴している。 そして、彼の息子の名前はケンジ。日本人とのハーフではない。父親があまりにも日本が好きすぎて、息子にまで日本人の名前を付けてしまったのだ。そして、イベント登壇の2週間後には再来日し、家族を連れて沖縄旅行にも行っている。 彼がマネージングパートナーを務めるStorymakerはドイツに本拠地を構えるPRファーム。ストーリーデザインを主な戦略に、スタートアップから大手テクノロジー企業のPR・デジタルコミュニケーション、海外マーケットの参入支援も行っている。 ビョルン氏は先日のイベントにて、

なんとなくゆる〜い感じに仕上げたい、脱力感がほしい、そんなときにお役立ちの商用可能なゆるふわな日本語フォント10選をご紹介します。 まじぱねぇ ゆるさでは、No.１かもしれません。すこし丸字気味のギャル文字風手書きフォントです。文字が入れ替わっているのが特徴で、たとえば「ね」→「Ne」、「し」→「U」、「ん」→「ω」のようになっています。ひらがな、カタカナ、英数字が入っています。 モフ字 名前のとおり、モフモフとした曲線のみでつくられたフォントです。半角英数・半角カナ・ひらがな・カタカナ・アルファベット・ギリシャ文字・ロシア文字・ 第一水準漢字が収録されています。 ふんわりラウンド 名前のとおり、ふんわり、ふっくら膨らんだようなフォントです。ひらがな、カタカナ、数字、アルファベット、記号の一部が入っています。ゆる~くやさしい雰囲気を出したい時などに使えそうですね。 にくまるフォント まんま

1本の毛糸でできたキャラクター「ヤーニー」を操り、北欧北部の絶景に着想を得たという美麗な大自然を踏破していく横スクロールアクションパズルゲームが「Unravel」です。ヤーニーには糸ならではの「能力」が備わっており、それを駆使してターザンのように木々を飛び回ったり、消防隊員のようにロープ降下を行ったりとダイナミックなアクションが行えるのですが、一方で糸ならではの「制約」もあるので、ステージをクリアするには巧みな操作と柔軟な発想を求められます。実写と見まがうくらいに美麗なグラフィックと歩く糸・ヤーニーのアンバランスさにも独特の魅力を感じたので、実際にUnravelをプレイしてみました。 Unravel - 公式サイト http://www.unravelgame.com/ 「Unravel」の特徴のひとつは、毛糸のキャラクター・ヤーニーによる自由自在なアクションです。例えば、ヤーニーは体から

インクが通過する穴と通過しない部分を作ることで印刷するという、孔版画の技法の一種が「シルクスクリーン」です。手刷りが可能なので必要な道具を揃えるのが比較的容易で、版さえあれば何度でも同じものを印刷できるということもあり、自作のTシャツやバッグなどを作るのに用いられることも多いシルクスクリーンですが、その弱点と言っても過言でないのが「印刷時に使用する枠」でした。小さな版を使って印刷するならば小さな枠を使用すれば良いのですが、それでは「大きなものを印刷したい」となった際に新しい枠を購入する羽目となり、逆に「あらゆるサイズの版で印刷できるように」と大きなサイズの枠を購入してしまうと、小さな印刷物でも大きな版を使用する必要が出てくるという面倒なことになります。 そんな、版によって異なるサイズの枠を使用しなければいけない、というシルクスクリーンの常識を覆すようなシルクスクリーンキットが「SURIMA

2016年6月10日から7月10日までの約1か月に渡って開催されている、ヨーロッパ最強のナショナルチームを決める戦い「UEFA EURO 2016」や、2016年8月5日から8月21日までの17日間に渡ってブラジル・リオデジャネイロで開催されるリオ・オリンピックなど、2016年の夏はサッカーのビッグイベントが目白押しです。もちろんただ観ているだけでも十分にエキサイトできるサッカーですが、観戦時に開いているだけでより多くの気づきを与えてくれそうな無料アプリが「Squawka」で、試合に関するあらゆる統計データをリアルタイムで表示してくれます。 The Squawka Football Appを App Store で https://itunes.apple.com/jp/app/id702770635 Squawka Football App - Google Play の Android

「deepart.io」は、用意されているスタイルを選ぶだけで、好きな写真を自動的に加工してくれるネットサービスです。加工には相当なマシンパワーを必要とするとのことで、完成までには数分から数十分ほど必要ですが、自分でやるべきことはアップロードだけなのでとても手軽に使えます。 deepart.io - become a digital artist https://deepart.io/ どんな写真が作れるのかは以下のページを見ると分かります。 Selected latest deeparts https://deepart.io/latest/ 実際に画像を作るために、まずは以下のページにアクセス。 Create a new artwork https://deepart.io/hire/ まず画面左側にある点線の枠内にアップロードしたい画像をドラッグ＆ドロップするか、枠内をクリック。 枠

水不足に悩まされている人々にきれいな水を供給する非営利組織「Omaze」が、寄付してくれた人の中から1人だけに、マット・デイモンと一緒に映画「ジェイソン・ボーン」のワールドプレミアに参加できるというチャリティ企画を実施しています。この企画のプロモーションとして、マット・デイモンが道行く人たちにスパイのミッションを与えるというドッキリを行いました。 Matt Damon Pranks People with Surprise Bourne Spy Mission // Omaze - YouTube ジェイソン・ボーンを演じるマット・デイモンが登場。今からドッキリを敢行するということで楽しそうです。 ドッキリのターゲットとなるのは道行く一般人たち。 スパイの2人は仕掛け人です。 監視カメラの映像の中から…… マット・デイモンがターゲットを選んでいよいよドッキリの開始。 ターゲットとなった画面

By Clara Jordan 2002年に公開された映画「スパイダーマン」が、2012年に映画「アメイジング・スパイダーマン」としてリメイクされるなど、人気の高い作品がリメイク・リブートされることは多いものです。そんな「特定の映画が何度もリメイクされる理由」が、童話「赤ずきん」を使った最新の研究で解明されようとしています。 The structure and evolution of story networks | Open Science http://rsos.royalsocietypublishing.org/content/3/6/160071 New study could explain why we remake certain movies over and over again | Ars Technica http://arstechnica.com/the-mu

By eltpics アメリカの新聞大手であるWashington Postで30年にわたって新聞記者として務めたレオン・ダッシュ氏は、1977年のアンゴラ南北戦争で7カ月半以上ゲリラに潜入取材した経験を持ち、1995年にピューリッツァー賞を受賞しています。現在は72歳という年齢ながらイリノイ大学で寄付基金教授として講義を持っており、2冊の本の著者でもあります。人生において多くの成功を残し、十二分に快適な老後を送れるはずのダッシュ氏には定年退職する考えはなく、「私が退職する時は死ぬ時だ」と明言しています。いくつかの研究が「定年退職すると不健康になる」というデータを示しているのですが、働き続けるダッシュ氏は医者も認めるほど心身ともに健康な状態を保っています。 ‘I’ll Retire When I’m Dead’: Why Continuing to Work Is Good for a M

2015年6月にKickstarterに現れた「空気を抜いて荷物をぺたんこに収納できる究極の旅行バックパック『GOBAG』が資金を集めて製品化に成功、そのバッグの実物が手元に届いたので、実際にあれこれ触ってみました。 Pack Small. Think Big. | GOBAG http://www.wearegobag.com/ ◆開封・外観 「OPEN HERE」と書かれたデザインの段ボールで到着。手前に置いたのはiPhone 6s Plus。 中からは箱と一体化したようなGOBAGが出現。 ガワを取り外します。大きさは高さ50cm・幅35cm・奥行き20cmで、容量は35リットル。 背負う面はこんな感じで、肩ストラップなどはあとで自分で取り付ける必要があります。 側面右側(背負ったときに体の右側に来る面)はこんな感じ、写真左が底面側、写真右が天面側。側面をぐるっと一周するようにファス

How to watch Polaris Dawn astronauts attempt the first commercial spacewalk

How to watch Polaris Dawn astronauts attempt the first commercial spacewalk

How to watch Polaris Dawn astronauts attempt the first commercial spacewalk

Parrots in captivity seem to enjoy video-chatting with their friends on Messenger