Icons - Material DesignMaterial Symbols are our newest icons consolidating over 2,500 glyphs in a single font file with a wide range of design variants.
iOS版Safariにホーム画面アイコンを簡単に追加できるPWACompat
[レベル: 上級] PWAをサポートしていないブラウザでもホーム画面アイコンを追加できる仕組みとして、PWACompat を Google は公開しました。 PWACompat を構成すると、Web App Manifest を解釈しないブラウザために、関連する meta タグや link 要素を自動的に挿入してくれます。 PWACompat で iOS 版 Safari にもホーム画面アイコンを追加 iOS 版 Safari は Service Worker のサポートに着手しましたが、完成にはまだほど遠い状態です。 たとえば、Web App Manifest（マニフェスト ファイル）によるホーム画面アイコン追加の機能をまだサポートできていません。 iOS にホーム画面アイコンを追加させようとしたら、link rel="apple-touch-icon" のようなタグを別途追加する必要が
iOSアプリのアイコン作成手順 - Qiita
iOSアプリアイコンを1024x1024pxで作成すれば、Spotlight用や設定用アイコン、iTunesConnect向けのアイコンが自動で生成されるシェルスクリプト。 シェルスクリプトの作成 mkdir appiconset convert $1 -resize 58x58 appiconset/iphone_ios_5_6_spotlight_and_settings_ios5_8@2x.png convert $1 -resize 87x87 appiconset/iphone_ios_5_6_spotlight_and_settings_ios5_8@3x.png convert $1 -resize 80x80 appiconset/iphone_ios_7_8_spotlight@2x.png convert $1 -resize 120x120 appiconset/ip
iconmonstr - Free simple icons for your next project
To use this icon, you must first accept the license agreement.
フリーWEB素材サイト「DOTS DESIGN(ドッツ・デザイン)」
総数10000超！商用・非商用フリー！ 無料で使える素材サイト DOTS・DESIGN（ドッツ・デザイン） ドット・デザインは、商用・非商用フリーのWEBデザイン素材サイトです。 この手のサイトはいろいろ規約がうるさいですが、このサイトはここにあるアイコンをあたかも自分の作った素材のように配布・販売しない限り、商用であろうが、非商用であろうが無料で使用できます。 WEBデザインをはじめて早5,6年経ちますが、毎度一からドットアイコンを作成することが多かったので、よく使うドット素材をここらで自分のためと誰かのために一から作ってまとめておいておこうと思ってます。 気に入ったらWEB製作や、あなたのBLOG、ホームページに使ってやってください。 クリスマス素材まとめ ドッツデザイン (2009年11月14日 09:59) | コメント(0) | トラックバック(0) ここのところクリスマスの素材
リンク文字の直後にアイコンを加える - ［ホームページ作成］All About
リンク文字の直後にアイコンを加える ホームページ上では、PDFファイルへのリンクや、Microsoft Wordファイルへのリンクなど、HTMLではないファイルへリンクされることがあります。 気づかないでクリックすると、突然ソフトウェアが起動したりして、驚いたりいらだったりします。 そのようなことを防ぐために、HTMLではないファイルへリンクする際には、 「 アクセス解析結果（PDF） 」のようにカッコを使ってファイルの種類を記しておくと親切です。 「ただテキストで種類を書いておくだけでは芸がない…」と思う場合は、アイコンでリンク先の種類を示してみてはいかがでしょうか。 もちろん、「リンクの末尾に毎回画像を記述する」…などといった面倒なことは必要ありません。 スタイルシートを使って楽に実現してみましょう。 以下は、今回ご紹介する方法を使った例です。リンクの後に、種類を示す
別ウインドウで開くリンクにアイコンを付加 [ホームページ作成] All About
そこで、「新規ウインドウで開くように記述されたリンク」にだけ、新規ウインドウが開かれるという意味を表すアイコン「」が表示されるようにしてみましょう。 とはいえ、対象のリンク1つ1つに対して画像を表示するよう追記するのは面倒です。 そこで、HTML側を修正することなくスタイルシートだけの記述で、新規ウインドウを開くリンクすべてにアイコンを一括表示させる簡単な方法をご紹介いたします。 この方法だと、1つスタイルシートを記述するだけで、すべての「新規ウインドウを開くリンク」に対して装飾できるので楽です。 「属性セレクタ」で装飾対象を限定、 「after疑似要素」でアイコンを付加 『新規ウインドウで開くように記述されたリンク』にだけアイコンが付加されるようにスタイルシートを記述するには、 「属性セレクタ」と「after疑似要素」の2つを使います。 それぞれの意味は以下の通りです。（詳しくは次のペー
![別ウインドウで開くリンクにアイコンを付加 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP