![【インプレッション】トヨタ「86(ハチロク)」(アルミテープ装着テスト) /](https://cdn-ak-scissors.b.st-hatena.com/image/square/e918dd881b47ab0099078fcc7338e38060bb6622/height=288;version=1;width=512/http%3A%2F%2Fcar.watch.impress.co.jp%2Fimg%2Fcar%2Flist%2F1021%2F904%2F37.jpg)
ゆらく @kisarazuki これはいいなあ、すべての仕事の基本になればいいのに。そしたら、「そのラインまでは全力で客の為に動く」「それを超えたら客と見做さず努力しないでいい」、販売業だけじゃなくて公務員とかにも広まるといいのに。 2016-09-21 23:18:06 ゆらく @kisarazuki どこまでいっても下手に出なきゃいけないって風潮だと、「ここまでは客(公務員だったら市民、とか)が客として要求できる」ラインがないから、解決策を考えるのもおざなりになりかねないよね…って、やる気なさげな窓口とか見てると思うわー。線引きは、接客する側にもされる側にも良いことだと思う。 2016-09-21 23:20:44
CSSの相対的な単位(em, rem)を使って、Webページで使われるUIコンポーネントのさまざまなサイズを変化させるスタイルシートのテクニックを紹介します。 em, remは文字の大きさだけでなく、画像やアイコンのサイズ、背景、フォーム、ボタン、配置など、さまざまな指定に利用できます。 Building Resizeable Components with Relative CSS Units 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 フォントのサイズを変化 縦と横の比率を維持したボタン 縦と横の比率を維持した画像 box-shadowを使ったボーダーの幅と高さ アイコンの幅と高さ、そして間隔も キャプション付き画像 装飾された背景 アイコン付き検索フォーム チェックボックスで実装されたトグル ブロックの一行の長さ ボタ
ゲーム制作会社 サイバーコネクトツー 松山洋の「絶望禁止」ブログ福岡に本社を置くゲーム制作会社 サイバーコネクトツー 代表取締役 松山洋の公式ブログです。 定期的に最新の“思っていること”や弊社で刊行した書籍に掲載したコラムのアーカイブを掲載していきます。 盛況でしたねー!東京ゲームショウ2016! また、過去最高の来場者! VR含めて大いに盛り上がるのは非常に嬉しいことです。 いや、本当に、嬉しいこと。 の。 はずなのですが。 ……なんでもいいってわけじゃない。 今回は、そんなお話。 私自身も今回の東京ゲームショウはビジネスデイ含めて計4日間 ずっと会場にいて、いっぱいお仕事してたわけですが。 いや、今回だけじゃなくて。 ここ数年の東京ゲームショウを振り返ってみても。 年々エスカレートしてきているように感じるので。 どうしてもここでひとつ。 ゲーム業界の皆々様にお伝えしたいことがありまし
完璧な写真を撮影する方程式はありません。 しかし、これから紹介する20個のガイドラインを利用すれば、つまらない写真の構図を魅力的に改善することができるでしょう。 このチュートリアルでは、写真の仕上がりがグッと良くなる、20個の構図テクニックを参考サンプル例と一緒に見ていきましょう。もっとも基本的なガイドラインにはじまり、より複雑で高度なテクニックまでまとめています。 コンテンツ目次 0. 構図ってなんだろう。 1. 三分割法 2. 中央揃えと左右対称 3. 前景シーンと奥行き感 4. 枠のなかの枠 5. リーディング・ライン 6. 対角線と三角形 7. パターンと質感 8. 奇数の法則 9. フレームを覆いつくそう。 10. 余白スペースを利用しよう。 11. シンプルさとミニマリズム 12. 被写体のみ切り抜こう。 13. 視点を変えてみよう。 14. 配色の組み合わせを考えよう。 15
海外サイトTutorialzineで公開された「20 Protips For Writing Modern CSS」の著者 Danny Markov より許可をもらい、翻訳転載しています。 この記事では、CSSスタイリングで実践したい、便利な20種類のテクニックをご紹介しています。CSSをはじめたばかりの初心者のひとにも合った内容も多く、あまり知られていない少しだけ高度で、より実践的なCSSテクニックまで学ぶことできます。これらのテクニックを利用することで、今後のウェブ制作をよりスムーズに、快適に行うことができるでしょう。 コンテンツ目次 1. 縦方向のマージン幅に気をつけよう。 2. レイアウトに Flexbox を利用しよう。 3. CSS リセットをしよう。 4. Border-box をすべてに適用しよう。 5. イメージファイルは背景に適用しよう。 6. リストテーブル用ボーダー
ボックス要素の横並びをCSSで行う場合は、CSSの「Flexboxフレックスボックス」 が便利です。Flexboxを使用することで、簡潔なコードで豊富なボックスのレイアウトが可能です。本記事ではウェブページの作成を通してFlexboxの特徴と使い方について解説します。 この記事で学べること Flexboxの使い方 スマートフォンへのレスポンシブ対応 Flexboxはボックスレイアウト用のCSS Flexboxとは、ボックスのレイアウト方法を定めるCSSの機能です。ボックスとは、HTML上の各要素が生成する領域のことです。下図のHTMLコードのウェブページでは、div要素・h1要素・p要素がそれぞれボックスを生成します。 Flexboxでは、ボックスを横ならびにしたり、右寄せ・中央寄せ・左寄せをしたりと、さまざまなレイアウトを少量のコードで実現できます。 サンプルの紹介 今回はレスポンシブな
24 HOURS OF LE MANS 2016 TOYOTA, THE FUTURE OF CARS REPORT 23時間57分 サーキット上で止まった時計の針 24 HOURS OF LE MANS 2016 TOYOTA, THE FUTURE OF CARS INTERVIEW 掴みかけた栄冠、幕を開けたドラマ
ほとんどのデザイナーやイラストレーターは長い経験を通じて、画像をどのようなフォーマットで保存すべきが知っているでしょう。写真ならJPEGで、色数の少ないイラストならGIFなどを使用していると思います。 JPEGとGIFとPNGなどの画像フォーマットがどのような種類の画像に適し、どのように機能しているのか。そして次世代のフォーマットと言われているWEBP, JPEG-XRがどのようなもので、今どのように利用すればいいのかを紹介します。 How to select the perfect image format 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 JPEG GIF PNG 画像フォーマットの次の世代(WEBP, JPEG-XR) WEBP, JPEG-XRを今使う方法 JPEG JPEGの別名でも知られるISO 109
誰もが知っている国民的アニメ『サザエさん』ですが、その絵柄は独特すぎ。他にこういう絵柄の漫画もアニメもないもん! そんな『サザエさん』タッチは何を描いても『サザエさん』にしかならず、時々ゲスト出演してくる芸能人の似顔絵は、ことごとく似ていない! あの絵柄で似顔絵を描こうということ自体がムチャなんじゃないか……。ということで『サザエさん』風○○にチャレンジしてみました。 ※この記事はとくべつ企画「むりやり○○」のうちの1本です。ライターがいろいろなことにむりやり挑戦します。 1975年群馬生まれ。ライター&イラストレーター。 犯罪者からアイドルちゃんまで興味の幅は広範囲。仕事のジャンルも幅が広過ぎて、他人に何の仕事をしている人なのか説明するのが非常に苦痛です。変なスポット、変なおっちゃんなど、どーしてこんなことに……というようなものに関する記事をよく書きます。(動画インタビュー) 前の記事:
CSSプロパティの1つである display は、CSSレイアウトに用いるプロパティの中でも極めて重要なものです。よく使われているのは、 block や inline 、 none あたりでしょう。 table や inline-block も、今ではかなり一般的になってきたと言えます。一方、 flex は新たに登場したものです。きっとユーザに気に入られるでしょう。これはレイアウト用に特別に作られたdisplayプロパティです。さらには、この先、 grid がまもなく私たちの秘密兵器となるでしょう(現在、盛んに取り組まれています)。これもまた、レイアウトに特化したプロパティです。 本記事は、当初予定していたよりもずっと長くなりました。ご希望に応じて、自由にサブセクションに飛んでお読みいただければと思います。もし、お時間を割いて全体を読んでいただけるのでしたら、大変嬉しく思います???? 目
xyzzy はカスタマイズ可能で軽快な Windows 用のテキストエディタのようなものです。 作者も使ったことのないような機能を満載しています。 xyzzy は 亀井哲弥氏 よって開発された Emacs ライクなテキストエディタです。 Common Lisp にほぼ準拠した言語で拡張可能であり、多くの機能が Lisp によって実装されています。 他にも以下のような特徴があります。 使いやすい 2 画面ファイラー 複素数や「人生、宇宙、すべての答え」を計算できる 電卓 COM・FFI (Foreign Function Interface; DLL 呼び出し) による他の Windows プログラムの制御 Twitter クライアント、2ch クライアント、五目並べなどの暇つぶしツール 軽快な動作 その他いろいろ 初めて利用する場合は xyzzy Wiki の QuickTour をご覧下
980円で読み放題 月額980円で本が読み放題になるサービス「Kindle Unlimited」が始まりましたね。 ラインナップを見たところ、意外なことに技術書も豊富でしたので早速契約してしまいました。 しかし、amazonではコンピューター/ITとざっくりしたカテゴライズでしたので、なかなか全ての本を見るのは大変です。 そこで、今回はジャンル別に良さそうな本をまとめました。 本の選定の基準 まとめた基準としては ・評価が良い ・新しい ・値段が高い このいずれかの条件を満たすものをまとめました。 注意 「読んだ本」ではなく、「良さそう・読みたい本」ですので、それぞれの本の良し悪しはわかりません。 8/3時点の情報です。kindle Unlimitedの対象ではなくなる可能性もありますのでご了承ください。 980円で読み放題 本の選定の基準 注意 プログラミング全般 Web開発 Web制作
※2017/08/30追記 続編の記事をアップしましたのでそちらも合わせてどうぞ スマホサイトのローカルメニューを集めました(その2) ページ数が少ないサイトであれば、ハンバーガーメニューで何も不自由はありませんが、深い階層を持つ大規模サイトの場合、シンプルなハンバーガーメニューだけでは足りず、各サイトいろいろな方法で対応をしています。 そんなわけで、深い階層のメニュー「ローカルメニュー」について集めてみました。 ハンバーガーメニュー内で開閉するタイプ IMJさんのWebサイトです。 ハンバーガーメニュー内がアコーディオン形式のメニューになっており、そこに下階層ページへのリンクがあります。 レスポンシブ対応サイトとして設計しやすく、よく見かける構成です。 ページ遷移に関することはハンバーガーメニューに集約されており、理解しやすい作りになっています。 ハンバーガーメニュー内で横遷移するタイプ
秘密結社THE GUILDも仲間が15人近くになり、僕の直轄チームも3人に増えた今日この頃。直轄チームのみんなには、できれば幹部になって欲しい。でも、翼を折って囲い込むのではなく、いつ独立しても恥ずかしくないように育てていきたい。っていうか、ここに書いたのできるまで、独立なんぞ許さんよ的メモ。新入社員は各自マスターしておくこと。 1: 収入の一定パーセントを貯蓄しなさい 収入の10%〜20%を、お給料日に自動振り込みで貯蓄しなさい。お金持ちになる唯一の方程式は「消費<収入」。この方程式が強制的に維持される仕組みを作る。これが人生を安定させるために一番重要なことです。 2: 生活資金を半年分ためなさい まず無収入状態でも3〜6ヶ月生存できる貯金を作りなさい。生活費の安全バッファは大型案件や、お金にならないチャンス案件を手に入れる最低条件です。安全バッファがなければ、常に生活費のために自分を切
2016年07月29日22:30 なぜ日本人がデザインするとグチャグチャになるの? Tweet 1: 以下、\(^o^)/でVIPがお送りします 2016/07/28(木) 23:59:25.564 ID:o0MJ4gQd0 転載元:http://viper.2ch.sc/test/read.cgi/news4vip/1469717965/ ワイ将、「リゾートバイト」を読み戦慄 http://blog.livedoor.jp/nwknews/archives/5076530.html 日本 外国 こういうのまじでくそ 2: 以下、\(^o^)/でVIPがお送りします 2016/07/29(金) 00:01:16.499 ID:jMk65bEv0 それが日本らしさでもある いつまで経っても埋まらない電柱のある景色も日本らしさの一つ 3: 以下、\(^o^)/でVIPがお送りします 2016/
Button is an ordinary, every-day element of interaction design. Although button looks like a very simple UI element, its design has changed a lot over the past decades. But still button UX design is always about recognition and clarity. In this article we’ll overview the evolution of the button design and figure out what is the most important best practices you should follow in order to create eff
フリー写真素材として使える無料風景画像を3000枚ダウンロードできます。著作権フリー画像に相当し、あらゆる用途に自由に利用できます。 3000枚のフリー写真素材集 ようこそ 日本・海外旅行などでデジカメ撮影された写真素材をフリー(無料)で3000枚配布しています。 風景の写真がメインで、「外国の観光名所(世界遺産都市)、日本の街中の風景、自然風景」などの高解像度画像があります。 著作権フリーに相当し、無料で「デスクトップ壁紙、Web・ホームページ、背景・イメージ、印刷(年賀状)、商用」等に使えます。 ダウンロードできる種類 A.未加工写真:高解像度、中解像度、サムネイルの3種類があります。 B.デスクトップ壁紙:ご使用中のディスプレイ用に自動サイズ変更されたフォトを生成できます。 C.のべ30万枚以上の画像素材:「フレーム追加、イラスト化、バナー変換」等、100種類以上に1クリック編集でき
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く