Annotating Your (Critical) CSS | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! The following is a guest post by Wladston Ferreira Filho. We’ve covered critical CSS before, but the technique covered was specific to SCSS. Here Wladston covers the basics and introduces another way to do it, through PostCSS, and shows an example (with data) of the result. Critical CSS is a
20代で資産10億、「アイデア不要論」を語る
15歳で起業、一度は一文無しになりながらも、20代で10億稼いだ日本人アントレプレナーの「強烈」経営論（２） 「アイデアや戦略は重要ではない」 高校卒業後、年商2億円の会社を売却し、詐欺師に騙されたり、ホテル暮らしで散財したりしながらも、改めて経営について勉強し始めた正田圭氏。「業界の慣習を打ち破るようなアイデアが起業には一番大事だと言われたりしますが、本当にそうでしょうか」と語る真意はどこにあるのか da-kuk-iStock. このところ、まだ起業家マインドが足りないとされる日本でも、10代の起業家が増えている。彼ら若き起業家たちの活躍は、多くの面で参考になるだろう。だが、もしも彼らが、30代や40代、あるいはそれ以上の年齢の社会人に向けて「経営論」を振りかざしたらどうだろう。どれだけの人が素直に聞く耳を持つだろうか。 何も"振りかざしている"わけではないだろうが、この人物の言葉は傾聴
もう手放せない！Illustratorスクリプトを使ったデザインスピードアップ術！
みなさん、Illustratorのスクリプトって使っていますか？ 社内のデザイナーに聞いたところ、日常的に使っている人は9人中1人！そもそも存在さえ知らないよ、なんて人もいます。おいおい(；・∀・) 使わないともったいないぜ！！・・・と思いつつ、ぼくも使っていませんでしたｗ ということで使っていない人からすると、なかなか敷居が高いIllustratorスクリプト。実際の使い方・導入方法、どんな場面で使うといいのか？などなどまとめてみました。 この機会にぼくといっしょに始めてみませんか？ そもそもどんな時にIllustratorスクリプトを使うの？ Illustratorで作業する際、キーボードショートカットやアクションを使って効率化・スピードアップをしていると思います。スクリプトはその延長と考えてもいいと思います。 少しでも早く作業をするため、単純作業を減らすため、よく使う作業を自動化する
さりげなく使える、Webデザインの参考になるサイト集
作成：2016/04/11 更新：2016/06/29 Webデザイン > ありふれた当たり障り無いレイアウトではなくて、ほんの少しでも印象に残るレイアウトを作りたい。デザイン考えるとき、提案前に一度は見ておきたいまとめ。 エンジニア速報は Twitter の@commteで配信しています。 一部にグラデーションを使って視線をフックさせる 複数の色相を組み合わせたグラデーション。オーロラや紅葉など自然界によく見られる配色ですが、ページ全体に入れると少々キツく感じるときがあります。 そんなときは、上図のように色相差のあるグラデーションをワンポイントだけ使うことによって適度に視線をフックさせることができます。 INUPATHY こちらは被写体の気持ちを代弁するかのように、目立たせたい箇所にグラデーションが使われています。目立つけど、色ベタよりもキツイ感じはしません。 株式会社ジェイ・シー・エス
僕が予期的UXにフォーカスする理由
この記事は専門用語がいくつか出てくるためわかりにくい場合もあると思います。そんな方のために一般的な用語に限ったバージョンも書きましたので、よろしければお読みください。 モノづくりの4つのゴールひと目見れば誰でもわかることですが、サイクルであるということは、「循環」していることと「等価」であることを示しています。 そして、まったく当たり前のことですが、4つのゴールの考え方としては、「ユーザーの行動」を生み出すものは、「ユーザーの体験」です。 （僕自身は必ずしもこの「ユーザーの体験」がいわゆる「UX」と同じものであるかどうかは判断していません。） それを前提として考えを深めた結果、僕はまず予期的UXにフォーカスするという考え方に至ったので、その理由としての経緯を書き留めておこうと思います。 ユーザー体験の時間区分そのいわゆるUXには、「Time spans of user USERexperi
シンプルなカラーで作る失敗知らずのウェブデザイン
ウェブデザインにおいて、サイトイメージに大きな影響を与える「カラーパターン」は重要です。ついつい色にこだわって色数を増やして全体のバランスを崩してしまいがちなカラーデザインを、極力少ない色だけで、バランスの整った見た目に美しい仕上がりにする方法論がウェブデザイナーによって解説されています。 A Simple Web Developer's Guide To Color – Smashing Magazine https://www.smashingmagazine.com/2016/04/web-developer-guide-color/ Design Academyを主催するウェブデザイナーのローラ・エリザベスさんは、シンプルなカラーデザインで失敗しないデザイン論「simple color workflow」を提唱しています。エリザベスさんは多くの色を複雑に使いこなすよりも、サイトのカ
CSS Shapesでテキストを回り込ませるレイアウトを表現 | Webクリエイターボックス
2019年5月16日 CSS Webでのデザインはどうしても四角形のボックス型になりがち。印刷物だとテキストの配置ももっと自由にできますよね。今回はテキストを画像などの形にあわせて回りこませたり流しこんだりできちゃう CSS Shapes について紹介します！ ↑私が10年以上利用している会計ソフト！ CSS Shapesとは CSS Shapesを使えば、円形や多角形、画像に合わせて、そのまわりに float で横並びにしているテキストを回り込ませて配置できます。雑誌や印刷物の広告などでみかけるレイアウトのひとつですね！これがWebでも表現できるようになれば、デザインの幅がグンと広がるのではないでしょうか？ 通常、テキストと円形の要素を横に並べると、この図のように四角形をベースとした配置になり、円の右上・左上・左下・右下には空白ができます。そのスペースを shape-outside プロ
iOS ヒューマンインターフェースの原則 — Medium
iOS のヒューマンインターフェースを理解するためにはまず UI 設計の原則を定めた聖典 iOS Human Interface Guidelines を読むことから始めなければなりません。ここにはプラットフォームの特徴から情報設計の原則、それぞれ何のための部品なのか、という解説がされています。なぜこうなったのか、なぜこれが良くてあれが駄目なのか、Apple の UI デザイナーは何を考えてこのような設計にしたのか、HIG ではそのようなところまでは説明されていないことがあります。いくら内容を丸暗記したとしても「 なぜ 」がわからなければ本質から理解したとは言えません。 よくある UI デザインにおける誤り、『磨りガラス効果がかっこいい』『アニメーションしておくとかっこいい』『ボタンは右配置の方が押しやすい』『色が綺麗』『流行っているから優れている』…などがありますが、そういうことではない
他人の・自分の「ありのまま」を受け入れる、自己肯定感の低さへの対処法 - 斗比主閲子の姑日記
日本人の中学校2年生は数学の平均点が高いのに、数学が得意だと思っている割合が少ないという話が話題になっていました。 中学2年男女の数学得意率は日本がダントツに低いが、数学平均点は日本がダントツで高い負の相関にある。これはどういうことなのか。 - Togetterまとめ これを自分は自己肯定感に絡むものかなと考えました。日本の子ども（ひいては日本人）は自己評価が低いという話の一環かなと。 日本人の高校生は自己肯定感が低い 自己肯定感が低いとうつになりやすい 親・教師との関係の良さと自己肯定感の関係 大人になってからも自己肯定感が低い人はいる 自己肯定感を持つには他人をありのままに受け入れること 締め 関連記事 関連記事 日本人の高校生は自己肯定感が低い 日本人の子どもの自己肯定感の低さは他の調査でも確認できます。国立青少年教育振興機構が2014年に日米中韓の高校生に対して行った『高校生の生活
本当に“リベラル”な経済政策とは？――消費増税の議論から考える / 片岡剛士×松尾匡×荻上チキ | SYNODOS -シノドス- | ページ 2
日本のリベラルはねじれている？本当にリベラルな経済政策とは――。景気の先行きに懸念が高まる中、野党はどのような政策を打ち出していくべきなのか。三菱ＵＦＪリサーチ＆コンサルティング主任研究員・片岡剛士氏と立命館大学教授・松尾匡氏が解説する。2016年03月24日放送TBSラジオ荻上チキ・Session-22「消費増税の議論から考える。本当に“リベラル”な経済政策とは？」より抄録。（構成／大谷佳名） ■ 荻上チキ・Session22とは TBSラジオほか各局で平日22時〜生放送の番組。様々な形でのリスナーの皆さんとコラボレーションしながら、ポジティブな提案につなげる「ポジ出し」の精神を大事に、テーマやニュースに合わせて「探究モード」、「バトルモード」、「わいわいモード」などなど柔軟に形式を変化させながら、番組を作って行きます。あなたもぜひこのセッションに参加してください。番組ホームページはこち
You Don't Need jQuery - Qiita
注意とお願い この記事の内容はもはや古いです。ここに書いている方法では動かないものをいくつか見つけました。参考にする際は動作をよく確認してから使ってください。 ひとつお願いがあります。「あれ、動かないぞ」というコードを見つけたら是非コメントか編集リクエストで教えてください。解決方法までなくても結構です。「これはもう動かないよ」という印をつけたいのです。 この記事はYou Don't Need jQueryの日本語訳と同じ内容です。 先日ひょんなことからYou Don't Need jQueryの日本語訳をさせていただきました。著者のCam Songさんからも快諾をいただけたので1、Qiitaでも公開させていただきます。 なお、本家の英語の説明は継続的にメンテされているので、この記事の情報は古くなっている可能性があります。 追記 この記事は当初は「もうjQueryは必要ない」というタイトルで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Sketch 3.7 and New Symbols — Sketch Stories
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
メディアのロゴに特化したウェブフォント『Font Famous』 | 100SHIKI
ウェブ制作あるある ―― ウェブ制作会社管理の失敗あるあるとその予防策 | ウェブ制作あるある
What’s new for designers, April 2016
Is it possible to get a page link from its slug?
Helpshift