タグ

2016年8月31日のブックマーク (7件)

  • Getting Started With CSS calc () — Smashing Magazine

    Have you used calc()? It’s a function that should work as a value in all places where a number value — with or without specified units — works. However, while basic support is really good, you might run into trouble depending on where you use it. In this article, Ana Tudor will look at a few examples of how to use calc() including what support problems they have (if any) and whether they’re ultima

    Getting Started With CSS calc () — Smashing Magazine
  • 20 Free Serif Fonts For Every Designers To Have | Naldz Graphics

    Every graphic and web designers uses various fonts and typefaces to add certain visual punch to their texts. A specific design theme may require a different font style than the other. With this, having a wide arsenal of quality fonts is important for a designer to have if he wants to deliver a great finish. There are a lot of font styles and typeface designs that designers can use to help them ach

    20 Free Serif Fonts For Every Designers To Have | Naldz Graphics
  • Flexboxを使うなら知っておきたい「flexアイテム」の幅の計算方法

    Flexboxを使っていて「なんでこの幅になるんだろう?」と疑問に思ったことはありませんか? 僕はFlexboxを使い始めたころ「flexアイテム」の幅がどうやって計算されるのかわからなくて、レイアウトにはまってしまいました。調べて整理したのでシェアします。 仕組みをしっかり理解しておくと、問題が起こったときに対処しやすくなります。ということで、flexアイテムの幅の計算方法、行ってみましょ〜! まずは結論から — flexアイテムの幅の計算方法 結論からざっくり言ってしまいます。 display: flexを指定した親要素を「flexコンテナ」、その中にある子要素を「flexアイテム」と呼びます。 上図のようにスペースが余っている場合、この「flexアイテム」にはflex-growの指定にしたがって余ったスペースが分配される仕組みになっています。 下図のようにflex-grow(またはf

    Flexboxを使うなら知っておきたい「flexアイテム」の幅の計算方法
  • Alfredの使い方とおすすめワークフロー

    Alfred 」は一度使い方を覚えてしまうと超便利なんですが、使いこなすのはなかなか難しかったりしますよね? ということで、この記事ではAlfredの基的な使い方を詳しく説明しています。「基的」といっても、作業効率を上げられるめちゃくちゃ便利なものです。使いこなして快適なMacライフをおくりましょうw ※この記事は有料版のPowerpack の機能を前提に書いています。Powerpackは34ポンドで購入できます。僕は生涯アップグレード無料の永久ライセンス(59ポンド)で使っています。(金額は2022年5月17日現在のもの)

    Alfredの使い方とおすすめワークフロー
  • 社内で Web アクセシビリティ勉強会を開催した

    アクセシビリティの社内啓蒙 8月9日、Web Initiative Center による社内啓蒙活動の一環として、社内勉強会を開催しました。個人的なレポートです。会社のブログは誰かが書いてくれると言っていた気がするんだが...だが...。 ゲストスピーカーとして @bakera さんと @magi1125 さんにお越しいただきました。みなさんもご存じなアクセシビリティのピンクの著者でもあるお二人です。 このお二人に直接お話を伺えるのは、うちの社員にとって貴重な機会だったと思います。懇親会でもたっぷりとアクセシビリティに関する意見交換やら社内事情を踏まえた相談やらをさせていただきました。お二人とも当にありがとうございました。 参加者としては大半が Web フロントエンド従事者でしたが、デザイナーやサーバーサイドエンジニア、ディレクターの参加もちらほらありました。ありがたいことです。 スピ

    社内で Web アクセシビリティ勉強会を開催した
  • ケーススタディ:ヴァージンアメリカ航空を上場に導いたUXデザイン

    今やWebデザイン業界のスタンダードとなっているレスポンシブデザインですが少し前は違いました。 今日は2014年に航空業界初のレスポンシブデザインを取り入れたVirgin AmericaのWebサイトについて、デザインからローンチに至るまでを詳しく見ていきたいと思います。 過去数年で最も影響力のあるWebプロジェクトのひとつとなったこのプロジェクトの、成功までの軌跡を細かく見ていきましょう。 Virgin Americaはプロジェクトのパートナーとして当時、従業員わずか10人にも満たない新しい会社だったWork & Coを起用しました。彼らとのコラボレーションは、果たしてどのような結果となったのでしょうか? 結果的には、航空業界初のレスポンシブWebサイトとして、Work & Coの急激な成長へと導きました。今やVirgin Americaの案件には、100人以上の人々が関わっています。

    ケーススタディ:ヴァージンアメリカ航空を上場に導いたUXデザイン
  • 歳を取ってもエンジニアを続けられるのか

    エンジニアが年を取るとはどんなことだろう。年を取ることのデメリットとメリット、加齢に対する心構えを筆者自身の経験を基に語ってくれた。 ← 前回 連載 INDEX 次回 → 今回は割と語り尽くされた感のある話題であるが、歳を取ってもエンジニアが続けられるのかという話をしてみたい。最初に結論から言ってしまえば、歳を取ってもエンジニアは「もちろん続けられる」なのだが、そうはいっても老化というのは否応なしに全ての人の身に降りかかってくる(将来は遺伝子研究が進んで老化というものがなくなるのかもしれないが)。 30半ば過ぎの方は、最近物忘れが段々と増えてきたり、あるいはもともと視力の良い方であれば近くが見えづらくなってきたりと、このままエンジニアという職を続けてよいのだろうかと不安を抱えているかもしれない。今回は、老化への対処について具体的に取り上げたい。また、老化には負の側面だけでなく、プラスとなる