WHAT'S ICOOON MONO 商用利用可能なアイコン素材をフリー(無料)ダウンロードできる素材配布サイトです。 WEBデザインやDTPのほか、ビジネスシーンで活用できるアイコン素材をストックしています。 TopeconHeroesが作成したこのサイトに掲載している素材は、どなたでも使用条件に違反しない限りクレジット表記や許可なしで、 自由にご利用いただけます。

僕は非デザイナーですが、こちらの考えにとっても共感します。 ブログにしても、アプリにしても、イベントにしても、良いコンテンツは世の中にもういっぱい溢れていて。 本気度を示し、他ではなく私たちのコンテンツを選んでもらうために、デザインにこだわるって大事だなって考えています。 おしゃれなものを作らなければいけない、と言うわけではないと思います。 使ってもらいたい・届けたい人たちに寄り添い、作りたい世界観を伝えるためのデザインにすること。 相手視点を持った思考が大事なんじゃないかなって思います。 『わかる!だけど実際難しいんだよ!』 という非デザイナーの方々に向けて、同じく非デザイナーの僕がお気に入り登録して愛用しているツールをシェアします。 有名どころも多いですが、もしご存知ないものもあったら触ってみてください。
We were asked if we could build an overview of all the free website templates that are featured in the Free CSS website, with the latest templates shown first, here it is. Please note: once inside the main template section the system hasn't changed, so if any confusion arises please let us know, this is an experimental function and will only stay if feedback is good.
Easy to Install Simply download a CSS file and replace the one in Bootstrap. No messing around with hex values. Customizable Changes are contained in just two SASS files, enabling further customization and ensuring forward compatibility. Tuned for 5.3.3 Themes are built for the latest version of Bootstrap. Version 4, version 3, version 2, and other releases are also available to download.
話題のレスポンシブWebデザインも簡単にできる、CSSフレームワーク「Bootstrap」の概要と基本的な使い方をサンプルとコードを交えて紹介します。 最近はやりのHTML5、JavaScriptライブラリ、CSS3、APIの紹介、またそれらを組み合わせたサンプルアプリケーションの紹介と解説を厳選して紹介、解説していく本連載「HTML5アプリ作ろうぜ!」。今回紹介するフレームワークは「Bootstrap」です。 話題のレスポンシブWebデザインも簡単にできる、CSSフレームワーク「Bootstrap」とは 現在のWeb制作、開発では、ともにスピードが重視されています。「Bootstrap」を使用すると、既に用意されているスタイルを適用するだけで、格段に速く見栄えを整えられます。事実、Webシステムの管理画面などでBootstrapを使用するケースも増えてきました。 Bootstrapは最近
無料でダウンロードでき、商用利用も可能な210種類のミニアイコンセットが「Minicons」。ファイルはEPS形式とAI形式の2種類です。 Minicons: Icon Pack Giveaway | Unmatched Style http://unmatchedstyle.com/news/minicons-icon-pack-giveaway.php シンプルかつ使い勝手の良さそうなミニアイコン210種類はこんな感じ。 ダウンロードは画像の下にある「Download the 210 icons here」をクリックすれば始まります。 なお、アイコンは商用利用ができるだけでなく、改変や配布なども可能。アイコンをどのように利用したかをコメントとして残すと、その中から毎週抽選で通常有料のMinicons750個セット(37ドル、約3000円)や1500個セット(59ドル、約4800円)が無
X Terms Updated We’d like to inform you that we have updated our Terms of Use. The most substantive changes are: This platform was acquired by a joint venture in Israel. changes have been made to the relevant jurisdiction for disputes which may arise out of your use of the platform. Changes made to the monetization of users’ creations and the ability to opt out from your account settings. Please v
では、HTMLから解説していきます。 HTML <ul id="dropmenu"> <li><a href="#">メニュー</a> <ul> <li><a href="#">サブメニュー</a></li> <li><a href="#">サブメニュー</a></li> <li><a href="#">サブメニュー</a></li> <li><a href="#">サブメニュー</a></li> </ul> </li> <li><a href="#">メニュー</a> <ul> <li><a href="#">サブメニュー</a></li> <li><a href="#">サブメニュー</a></li> <li><a href="#">サブメニュー</a></li> <li><a href="#">サブメニュー</a></li> </ul> </li> <li><a href="#">メ
jQueryなどのJavaScriptライブラリでは定番のLightBoxやThickBoxといった、ポップアップ型モーダルウィンドウプラグインが様々あります。 ギャラリー要素などコンテンツの見せ方としてモーダルウィンドウは定着しつつありますが、そんなモーダルウィンドウをJavaScriptなどのSCRIPTを使用せずに、CSS(CSS3)のみで実装するサンプルを実験的に作ってみたので紹介してみます。 まずは動作サンプルから。 ※動作環境は基本的にはWebkitブラウザのSafariやChromeのみですが、今回はWebkit以外のブラウザFirefoxなどでもアニメーション以外の動作は実行されます。 CSS3 MODAL WINDOW【SAMPLE01】 ≫サンプル【01】画面はこちらから。(別枠で開きます。) リンクをクリック後に表示される、 ————————————————– ≫モー
学び続けるweb制作者の独り言 html・css・photoshop・illustorator・fireworks・php・wordpress・javascript・jquery WEB制作者は技術を学び続ける必要があり、(私の場合)覚えても使わなければ忘れてしまいます。 そんな時に思い出せるようにブログに書き留めたいと思います。自分のモチベーションアップと備忘録用のブログです。 2012年08月07日 かてごり:jQuery, つくってみたもの jQueryを使うと、隠しておきたい部分を非表示にして、クリックすると表示するようなアコーディオンと呼ばれるものが簡単に作れるということで作ってみました。開いた時と閉じた時の画像を変えています。デモはページの一番下にあります。 ソースコード <dl> <dt class="tasu">クリックします</dt> <dd> テキスト1<br>
デモページ CSS3を使った8つのテクニック デモページの8つの実装方法を個別に見てみましょう。 HTML HTMLは全デモ共通で、hr要素にclass名を付与するだけのシンプルな実装です。 <hr class="style-one"> [ad#ad-2] CSS スタイルシートは各デモのキャプチャとともにご紹介。 繊細なグラデーションを使ったデザインです。 hr.style-one { border: 0; height: 1px; background: #333; background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); background-image: -ms-linear-gr
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く