[CSS]実はかなり便利！意外と見落とされがちなスタイルシートのテクニックのまとめ
Webはその進化が早いと言われ、中でもCSSは日々、新しいテクニックや驚くべき実装方法が発表されています。新しいものに目を向けることはもちろん大切です。しかし、すでに利用可能なもので見落としている有用なテクニックがあるかもしれません。 有用なのに、意外と見落とされがちなCSSのテクニックを紹介します。 9 Underutilized Features in CSS 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1. レスポンシブ対応に便利な「calc()」 2. 目からウロコの「@media」の使い方 3. カラー指定を変数でおこなえる「currentColor」 4. フォームにかなり便利「:valid, :invalid, :empty」 5. ナンバリングするためにol要素は必要ない「counter」 6. 中身が不明な
![[CSS]実はかなり便利！意外と見落とされがちなスタイルシートのテクニックのまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/11d487ffaa0d8f97196e7f7cedd83ea94e889a64/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201604%2F2016102601.png)
JavaScript不要、HTML/CSSコピペで実現するすごいスタイル10個まとめ - PhotoshopVIP
JavaScript不要、HTML/CSSコピペで実現するスタイル10個まとめ YOU MIGHT NOT NEED JAVASCRIPT JavaScriptはとても便利で、Webページを構成する機能的なUIコンポーネントを自由に作成できます。ほんの数行のコードを加えることで、ブラウザにさまざまな機能を追加できます。 今回は、JavaScript を使わずにHTMLとCSSのみで実現できる、ウェブサイトでもよく利用するコンポーネントを10個まとめてご紹介します。 参照元@ : YOU MIGHT NOT NEED JAVASCRIPT - youmightnotneedjs.com
現役デザイナーが教える、ロゴを5分以内に無料で作成するテクニック
この記事を読み終わったとき、デザイナーを雇わずにおよそ５分ほどでロゴを作成できるようになります。Nike や Apple ほどのロゴは作成できませんが、プロジェクトを進めるのに十分なロゴは作成できるでしょう。 ではデザインをはじめる前に、Sketch または Figma、 Illustartor（どれも無料トライアルを提供しています。）などのプログラムからひとつをダウンロードしましょう。テキストとシェイプツールのみを利用するので、怖がることはありません。 準備はできましたか？今回はサンプル例として、ミレニアル世代を対象にダンスの動きやトリックを投稿するアプリ、Dancygram のロゴを参考に作成していきましょう。 ステップ1: クラシックフォントのひとつを選ぼう. 以下にリストアップしたフォントは、すでに試行錯誤を繰り返した信頼できるデザインばかりです。多くのデザイナーはショートカットと
無料で使える1億枚オーバーの高品質写真を30以上の画像共有サービスから串刺し検索できる「Mediachain Attribution Engine」
約30の画像共有プラットフォームに登録されている1億2500万枚に及ぶ写真を単語や画像で串刺し検索して、欲しい写真を見つけることができるウェブサイト「Mediachain Attribution Engine」が公開されました。画像の検索結果には機械学習が利用されていて、よいものから順に表示されるようになっています。 Mediachain Attribution Engine http://images.mediachain.io/ Mediachain Attribution Engineのトップページはこんな感じ。 まずはトップページ真ん中にある検索欄に「girl」という単語を入力して検索してみます。 すると以下のように、少女や女性が写った高品質な画像がずらりと表示されました。 各写真の下には、写真の投稿者、写真の投稿先サイト、ライセンスの種類が表示されています。なお、以下の画像に写っ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
