2015年3月18日 CSS 2011年に「少しのコードで実装可能な20のjQuery小技集」という記事で数々の便利な制作技を紹介したのですが、時は流れ、今ではCSSのみで表現できるものが多くなってきました。という事で今回はその記事内で紹介した技を中心に、かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる小技を紹介します。 ↑私が10年以上利用している会計ソフト！ 目次 Div全体をクリックできるようにする テーブルの偶数・奇数の行の色を変える フォームにテキストを入れておき、フォーカスで消す（文字色も変更） ラジオボタンとチェックボックスを装飾する スライドパネル アコーディオン ツールチップ 言語によってスタイルを変更 横並びのdivの高さ揃える ボックスを上下左右中央に配置する それでは実際にどんな事ができるのか見てみましょう！サンプルも作ったのでコードと

【PR】当サイトは、グーグル・アドセンスやアマゾンアソシエイトプログラム、アフィリエイト広告を利用しています。 明度表の書き方です。 試行錯誤を繰り返し、この形に落ち着きました。覚えるのは、8番色相の数字といくつかのルールだけ。暗記は苦手だけど法則を覚えるのは得意な方におすすめの書き方です。ポイントになる部分はこの画像に書き込みました。

WEBやDTP、ビジネス資料などで使える背景素材を商用可でフリー（無料）ダウンロードできる『Bg-Pattrens』。 色や形、サイズも自由にカスタマイズして自分のオリジナルの背景を作ろう。

世の中にはこんなに便利なアプリがあったのかと驚きを隠せない霙(@xxmiz0rexx)です。なぜ今まで知らなかったのか！！なんて非効率な日常を送っていたのか！！悔やんでも悔やみきれないです本当に。。 というわけで、今日は存在を知って以来 毎日使ってしまっている超絶神アプリをご紹介させて頂きます:) スマートフォンサイトやアプリデザインに最適なのでマカーなあなたは是非チェックしてみてください！！ 『Skala Preview』とは Photoshopで開いているキャンバスをスマートフォンでリアルタイムプレビュー出来るアプリです！ 今までスマートフォン向けのデザインをする時は、Dropboxにpngを保存し、同期させ、実機で確認していた私。 同期にいちいち時間がかかり かなりストレスだったので、このアプリを知って大歓喜なのでございます♡ 公式サイト：Skala Preview, a Mac a

画像の色調補正する時、何を使いますか？ 私の場合、基本的な画像補正はトーンカーブ1つでほとんど済ませてしまいます。 トーンカーブは使い方が分かれば、簡易的に明度、色調、コントラストなどを補正できる強力なツールになります。 Photoshopベースで紹介しますが、FireworksやGIMPでもトーンカーブを扱えますので、参考になれば幸いです。 トーンカーブのデモで使用する画像は、フリーで配布されているPAKUTASOさんから写真をお借りして、説明します。 トーンカーブ基本 縦軸と横軸は、0から255まで階調を表しています。 画像モードがRGBの場合、縦軸は上から下に向かって暗くなり、横軸は左から右に明るくなります。 横軸が入力、縦軸が出力を表します。もっと噛み砕くと、横軸が元画像の階調、縦軸が補正後の階調です。 斜めに走っている線にはいくつも点が打て、曲線や直角にしたりできます。 階調の出

今年のお盆休みは友人と旅行に行ったり、ボルダリングの体験をさせてもらったりしていて、ブログの更新が疎かになっていました。...

2/23 に行った講演の資料です。スタートアップの初期ユーザー獲得の方法としてのセールスならびにサポートについて解説した内容になります。 マーケティングを捨てよ、とは言ってますが、もちろんマーケティングは大事です。ただ初期ユーザー獲得においてはマーケティングよりもセールスやサポートに力を入れたほうが、その活動を通してプロダクトも良くなるのでそっちのほうが良いのでは、というご提案になります。タイトルは寺山修司「書を捨てよ、町へ出よう」からです。Read less

In mid-2011, Twitter rolled out the ability to natively tweet photos. 2013 brought media-forward timelines with inline photos. 2014 ushered in multi-photo tweets and animated GIF support. We've just announced Twitter Video to help you capture the moment and tweet video from within the iOS and Android apps. I'm proud of the level of fit and finish we were able to capture in this release. It's the r

ブログを移転しました。新しいページに自動で切り替わります。3秒お待ち下さい。 ---- 突然ですが、Holacracy（ホラクラシー）という言葉を耳にしたことはありますでしょうか？ 日本ではまだ参考文献が少ないためご存知の方は少ないかもしれませんが、サービスデザインないしは組織デザインのための学習の一環として調査し、まとめてみました。 Wikipedia によると、ホラクラシーとは従来のようにトップダウンのヒエラルキーによって意思決定がなされるのではなく、組織全体に権限を分散させ意思決定させることで、自走する組織を保つための社会技術または組織のガバナンス・マネジメント方法*1と定義されています。 (c) All Rights Reserved. 企業、NPO問わず今ではアメリカを始めフランスやドイツ、オーストラリア、イギリスで導入実績があるとのことですが、有名なところでは Airbnb、Z

2017年5月25日 CSS FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。前々からあった技術ですが、ブラウザーによって書き方が違ったり、仕様がころころ変わったりと、イマイチ一歩踏み出せない感があったFlexbox。しかしようやくモダンブラウザーでの利用に難がなくなり、実務にも充分使えるようになりました。今回はそんなFlexboxの魅力と使いドコロを、デモ付きで紹介していこうと思います！ ↑私が10年以上利用している会計ソフト！ 対応ブラウザー Can I use…で紹介されているように、現行のモダンブラウザーでは問題なく利用できます。ただし、Safari用に -webkit- のベンダープレフィックスが必要です。IEについては11から正式に対応。IE10にも対応していますが、書き方が

「1人につき、たった1つの仕事しかしてはならない」–Paypal創業者ピーター・ティールの教え Lecture 14 - How to Operate #3/5 Paypal創業当初の幹部としても名高い、Squareの元COO・Keith Rabois（キース・ラボイス）氏が起業家育成講義に登場。本講義では、キース氏がPaypal創業者ピーター・ティール氏から学んだという生産性を高める方法を紹介します。 人にも会社にもそれぞれの成長速度がある キース・ラボイス氏（以下、キース）：人についてみんなが聞く質問は、いつ誰かの上司として人を雇うべきか、いつ人を昇進させるか、あるいはいつ入れ替えればいいのか、というものです。これは、すべての企業が独自の成長率を持っているということと、ひとりひとりの個人も独自の成長率を持っている、と考えることができます。 非常に成功している会社、例えばLinkedIn

2015年2月14日、バレンタインの日。東京・京橋のイベント会場には、Macファンが100人以上詰めかけた。昨年2014年は、アップルのMacintosh誕生から30周年にあたる年。これを記念して、「Macintosh 30 Years Meeting TOKYO」が開催されたのだ。 特徴的なのは、このイベントを主催したのはアップルではないこと。アップルユーザー、Macintoshユーザーたちが自発的に企画し、ネットで告知したところ3800円のチケットがすぐに売り切れた。 当日の会場には、Macintosh誕生20周年記念で発売された機種やiBookなどの数多くのMacintoshやポスター、広告などが並べられた（写真1、写真2）。いずれも、ユーザーが長年大事に所蔵してきたものである。参加したファンたちは、Macintoshを懐かしそうに見ながら、最初のMacとの出会いや当時の状況などを実

デザイナーがチームで取り入れるべき、効果的なスキルアップ方法をご紹介した記事社内にデザイナーが複数人在籍する場合、チーム内でのデザインクオリティの担保やスキルアップはどのように行われていますでしょうか？VASILYでは、デザインレビューや、インプット、セミナー参加など、チームでも個人レベルでも常に積極的に行いながら制作しています。 デザインレビューやインプットの仕方などは、デザイナー間でもよくあがる話題の一つだと思いますが、今回は弊社デザイナーチームがスキルアップのために実際に行っている効果的な方法を3つご紹介したいと思います。 1. デザイナー全員でのデザインレビュー ■チームとしての課題 スタートアップでは、制作と開発を速いサイクルで回していきながらも、デザインの質と量はどちらも担保していかないといけません。 これまでは、エンジニアへ依頼までの細かい確認と、実装後の確認をデザ

口頭で話したことを文字に起こすことについての続編のような記事です。 消え行く知見や、消え行く情報を文字にすることで永続化させ、密室の議論を無くす。その為に以下のような活動が重要という話を書きました。 口頭で相談したことをesaやqiita:teamにまとめる 口頭でコードレビューしたことをgithubやgitlabのコードレビューのコメントにも書き残す 口頭で話したことをチャットにも書き残す チャットで話しかけた後に口頭で済んだ場合、チャットに解決済と流す 情報共有すると何がいいのか？ 何がいいか。 暗黙知を減らすことが出来る 当事者に なろうと思えばなれる なろうと思えばなれるというのは、どういうことかというと、共有化された情報は、その情報をどう捉えてどう向き合うか情報を得た側が選択してこそ価値が出る。 共有された情報に対して当事者意識を持つかどうかは情報と向き合った人に委ねられるという

影やテクスチャなど余計な装飾を排除したフラットデザインは、ウェブ上で使用するとユーザーがページのどこをクリックしていいかわからなくなるという欠点を持ちつつも、現在では色んな場所で使われています。なぜフラットデザインが優れているのか、そしてどうしたらフラットデザインをコンテンツに使うことができるのか、LGの公開しているムービーを見ると、非常によく分かるようになっています。 LG G3 : Graphic User Interface - YouTube これまでLGは影や光が当たったときのツヤ・テクスチャなどを使った、どちらかというと写実的なアイコンを使ってきました。 ユーザーの注意を引きやすいように、ということでさまざまな素材を追加していったわけです。しかし、レンズをつけたり…… より本格的なカメラに近づけても、ユーザーエクスペリエンスは真の意味で向上しないことに気づきます。 ガシャン、と

プログラミング教育や社員の健康をサポートする「CHO室」の取り組みなど、DeNAのCSRに関する情報を発信するブログ

Solomono は、2003年11月にオープンした、東京のモダンなティーバー兼ティーショップです。高品質のお茶のみを提供し、季節によって様々なお茶を提供しています。お茶の健康と静寂は、生活の質を向上させる働きをします。また、お茶には免疫力を高める抗酸化物質がたくさん含まれているので、がん治療中にも最適です。 ドリンクメニューには、35種類以上の紅茶やお茶の他にも、コーヒー、ベルギー産ホットチョコレート、アイスドリンクなど、誰もが楽しめるメニューが揃っています。 マフィン、ワッフル、ペストリー、パイ、ケーキ、キャンディー、サンドイッチ、フルーツタルト、キッシュ、ベーグル、サラダなどの食べ物もご用意しております。 当メニューは、朝食とランチメニューがあり、その季節に合わせたメニューが提供されています。また、甘いものをお求めの方には、午後のひとときを彩るオルタナティヴメニューからオーダーくださ

『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

子連れでも安心して入れるお店探しに苦労していませんか？ 気兼ねなく過ごせることを重視するあまり、 いつも同じお店に通っているママ・パパも多いのではないでしょうか。 子連れでも話題の美味しいランチが食べたいですよね。 本日は、1000人以上のRettyユーザーさんが「行きたい！」と熱望する人気店から、 子供と楽しく過ごせそうなお店をピックアップ！ お子様と一緒に美味しいランチを楽しんでみませんか。 ガストンアンドギャスパー 六本木店 「ガストンアンドギャスパー 六本木店」は、カジュアルでオシャレなイタリアン。 気軽で居心地の良い開放感あふれるお店です。 お子様連れでくつろげるボックスシートや、ペット同伴可能なテラス席もあります。 自慢の生パスタは全15種類で、ソースも選べるクリエーションシステム。 家族でオリジナルパスタランチを楽しんでみませんか。 ガストンアンドギャスパー 六本木店 六本木