無料素材：太いアウトラインがドット絵風な可愛いベクターアイコン80個セット：SwitchBox
今回紹介するのは、太いアウトラインと直角のフォルムでデザインされた無料のベクターアイコン素材セット。昔のドット絵のような雰囲気がシンプルで可愛いです。アイコンノ種類も豊富で使いやすいですよ。 素材の利用について ダウンロードしたアイコン素材は、個人・商用問わず無料で使ってOKとのことです。詳しくは、同梱されている「Readme.txt」に書いてあるので、確認してから使ってみてくださいね。 紹介した無料アイコン素材：Freebie: Pixelvicon Icon Set (80 Icons) on Behance …というわけで今回は、ドット絵風にデザインされた無料のベクターアイコン素材セットです。これ以上ないってくらいにシンプルなので、他の要素を邪魔することなく幅広く使えそうです。
イラレのアピアランスで作れたアイコンが凄かったので、HTMLとCSSで模写した。 - kojika17
数カ月前に@suzukisan__が投稿された「Illustrator Unlimited Appearance - suzuki | JAYPEG」は、Illustratorのアピアランスを駆使して、1つのオブジェクトからカメラのアイコンを作るという、面白い試みをされていました。 アピアランスの可能性を示す、インパクトのある内容であったため、記憶に残っている方もいることでしょう。 このアイコンが投稿されてから時間がたっていますが、HTMLとCSSに分解されるイメージが自然に湧いてきたので、少しばかりのHTMLとCSSでアイコンを模写してみました。 HTML と CSS で作ったカメラアイコン 模写したカメラアイコンは、Internet Explorer 10以上 や、最新のChrome, Firefoxなどであれば表示されるはずです。 こちらがHTMLとCSSで書いたものになります。 ソ
The Design Office: Modern Pictograms
Modern Pictograms is a set of 260+ icons that work at most any size and in any context. Install the OpenType file for Photoshop mockups or Keynote presentations and drop in the @font-face code into your CSS to embed them right in your Web page. Buy single SVGs or typeface at modernpictograms.com. Designed to work on web sites at sizes down to 18 pixels, but best at higher than 24 pixels. p" data-c
パララックスサイトの作り方の初歩
最近パララックス（視差効果）を取り入れたサイトが増えてきました。 仕組みや簡単なものを作れるようにしておきたかったのでいろいろ試してみました。 ちなみにもっと効率良く作れる方法とかもあるかもしれませんので、一例ということで御覧ください。プラグインはまだ試したことがないので そちらを使ったほうが楽かもしれません。 パララックス効果のjQueryプラグインまとめ あと動作はこの記事時点でのFirefoxの最新版でしか確認はしていません。 スクロール量を取得する まずはスクロールすると動くので、スクロール量を取得します。ちなみにjQueryを使ってます。 $(function(){ $(window).scroll(function(){ var y = $(this).scrollTop(); $("#num").text("スクロール量：" + y);//表示用 }); }); サンプルペー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Squarespace
商用利用も無料！トラベル・旅行関係のかわいいアイコン素材 -Free Travel Icon Pack
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
