Webページやプレゼンの資料やお店のフライヤーなど、法人でも個人でもWebサイト・ブログ・映像・アプリ・ゲーム・紙で無料利用できるフリーのアイコン素材を紹介します。 WebページにはアイコンフォントやSVGアイコン、紙にはPNGアイコン、デザインもベーシックなものからちょっと変わった面白いものまで、見ているだけで楽しめるアイコンばかりです。 Fontello Font Awesome, Entypo, Typicons, Iconicなど、メジャーサイトのアイコンを自由に組み合わせて、自分用のアイコンセットを作成してダウンロードできます。 Webサイトで使うベーシックでシンプルなものなら、ここだけで足りるでしょう。 ライセンスは各アイコンごとに異なりますが、SIL, BSD, MITのオープンソースのものが主です。
デザイン制作の大半をPhotoshopで作業する人も多くいらっしゃいます。 そんなPhotoshopですから、自分仕様に環境を整えておくことで作業の快適具合も大きく変わってきます。 今回は、Photoshopでの作業を効率化する使い勝手の良いプラグインを28個に絞りご紹介します。 フォトショッププラグインとは、標準機能を拡張するファイルのことです。必要に応じてインストールすることで作業効率を飛躍的にアップさせることが可能です。 全てインストールする必要はありませんが、気になるものがあれば是非一度使ってみてください。 便利すぎるPhotoshopのプラグイン23選 1.Velositey わずか数回のクリックであっという間にホームページのレイアウトを作るプラグインです。 ヘッダからコンテンツ、フッターなどがそれぞれ10種類以上収録されており、Photoshopを起動後4回選択すればレイアウト
HOME > 制作 > Webサービス > jQuery入門者必見！jQueryを無料で学べるサイト9選！ > jquery-studyjquery-study 2015/03/07 jQuery入門者必見！jQueryを無料で学べるサイト9選！この記事を読んだ人はこんな記事も読んでいますよ
The Rivet Press therivetpress.com Journey Group journeygroup.com Bhav Mistry bhavmistry.net Adaptive Path adaptivepath.com ColorPlan colorplanpapers.com Hello Monday hellomonday.com Melanie F. melanie-f.com BX Swiss bxswiss.com Media Temple Web Hosting mediatemple.net Appear Here appearhere.co.uk Peak usepeak.com Huge Inc. hugeinc.com
ページナビゲーションプラグイン 10 Best Free Wordpress Pagination Plugin - Smashfreakzをご紹介。SSは元記事だとどんなものか全くわからなかったので、あとで自分でパッと見てわかるように撮り直しました。 ちなみにページネーションをプラグインで実装する方法もありますが、 WordPress：プラグインを使わずにページネーションを実装する方法のように、プラグインを使わない方法もあります。お好きな方を。 WP-PageNavi おそらく相当数の日本人が利用しているページングナビゲーション。日本語対応してますし。 WP-PAGINATE 各種設定項目も少なく、シンプルで人気。 SIMPLE PAGINATION この質感が好きっていう人もいるかもしれませんが、これならWP-PageNaviは日本語ですし、英語を見るのも嫌だという人はそっちがいいかも
個人ポートフォリオサイト用WordPressテーマ25 25+ Personal Resume & Portfolio Wordpress Themes - Tutorial Zone プレミアムテンプレート集。クオリティ高い。 あとあまり見かけないのも多くまとめられていたので、ブクマ行き。 オンラインマガジンの為のWordPressテーマ11 11 Best Responsive WordPress Magazine Themes | iBrandStudio いいと思います。 今は個人でもオンラインマガジンを運営する時代ですから、覚えておいて損はないんじゃないでしょうか。 各種カテゴリ理由による違いや、ブロックの使い方、1トップ記事の見せ方など、どれもオリジナリティの高いものです。 クオリティの高い無料＆有料テーマ35個 35+ One Page Bootstrap WordPress
In the ever-evolving world of design, staying ahead means constantly keeping an eye on emerging trends. PNG images, known for their lossless compression and ability to handle transparency, have become a staple in the designer's toolkit. This article delves into the upcoming design trends that not only redefine visual aesthetics but also emphasize the strategic use of free PNG images to elevate pro
ボリュームがあり、かつクオリティの高いHTML5Webサイトテンプレートが25個紹介されていたのでシェア。 眺めているだけでも参考になりそうなテンプレート集 実際に見ているだけでも素晴らしい。とくに最初に紹介されているFlatfyはあっちではかなり利用されている黄金パターンを採用し、かつ使いやすいのが特徴的。 1. Flatfy WordPressプレミアムでもよく見かける形のもはや海外オーソドックススタイル。 この25個の中でも最も美しいデザインとして紹介されています。テンプレートはBootstrapフレームワーク、HTML5、CSS3、そしてjQueryを駆使して作られています。 2. Yebo – Flat HTML5 CSS3 Template 彼、ピーターは無料でダウンロードできるいくつかの美しいHTML5のWebテンプレートを開発しています。これはモダンかつエレガントに見える、
お疲れさまです、デザイナーのモモコです。 以前こちらの記事「入力フォームをユーザーフレンドリーにする便利なJSプラグイン」でもいくつか紹介させていただきましたが、今回また新たに制作された入力フォームが更に便利になるプラグインを5つほど紹介したいと思います。 flexselect http://rmm5t.github.io/jquery-flexselect/ セレクトボックスの各項目をフレキシブルに表示できるjQueryプラグイン。 選択だけでなく、フォームに文字を入力させることでソートも行えるようになっています。項目数が多い場合に有効活用できそうです。 Multi-Column-Dropdown http://djsmithme.github.io/Multi-Column-Select/ セレクトボックスのUIをボタンで選択する形式に変更し使いやすくするjQueryプラグイン。 一項
お疲れさまです、デザイナーのモモコです。 今回はAdobe Illustratorを使って可愛らしいイラストが描けるチュートリアル記事をご紹介します。 これからイラレをどんどん使っていきたい！という初心者の方にも優しい記事を中心に集めてみました。 Adobe Illustratorを使って可愛いイラストが描けるチュートリアル6つ Create a Gentle Flat Oriental Pattern in Adobe Illustrator https://design.tutsplus.com/tutorials/create-a-gentle-flat-oriental-pattern-in-adobe-illustator–cms-20952 オリエンタルなパターンが作れるチュートリアル。 提灯や扇子など、あしらいを変えれば夏にも正月にも活躍しそうな要素がそろっています。 Cre
電書ちゃん はぁい元気？ みんなEPUBチェックしてる？ ろす おーいえー、ちぇけらー。 電書ちゃん あ、あたしが聞きたいのは「EPUBを作った時に、それが仕様に沿って正しく作られているか、検証ツールを使って確認していますか？」って意味だからね。勘違いしないでよね。 ろす あーはー? 電書ちゃん あんたのリアクションうざい。罰として解説よろしくね。 ろす ﾌｧｯ!? EPUB 検証ツールの紹介 ろす EPUBを検証（チェック）してくれる EpubCheck というツールがあります。これはコマンドラインで動作するツールで、こんなふうにして使います。 java -jar epubcheck-3.0.jar mybook.epub とはいえコマンドラインの操作は慣れない人にはハードルが高いです。EpubCheck を組み込んだアプリがあるのでそちらを使うとよいです。 EPUB Validator
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
tableやtr、tdなどのテーブル関連のタグのdsiplayプロパティを変更することでデザインを変更します。 tableタグのdisplayの値はデフォルトではtable、tdやthタグはtable-cellといった具合ですが、この値をblockやlist-itemなど他の値に変えます。 @media only screen and (max-width:420px){ tbody tr{ display: block; margin-bottom: 1.5em; } tbody th, tbody td{ display: list-item; border: none; } ..... } Chrome、Safari、Firefox対応。 IEではTableのdisplayを変更しても表示は変わらないようなので非対応です。 条件分岐コメントを使ってIEにはメディアクエリを読ませないよ
こんにちは。ライターの内藤です。 恥ずかしながら、最近になって「フラットデザイン」を意識しはじめました。 装飾を最小限におさえることによって、特定のメッセージや製品、アイデアを直球勝負で伝えるデザイン。 フラットデザインは、もともとスマートフォンの小さな画面でシンプルに見せるものから派生したのだと思われますが、Windows8やGoogleの新デザインがきっかけとなって一躍注目を浴びるようになったようです。 もう知っている方も、まだ知らない方もいらっしゃると思いますので、目次のお好きなところから読んでください。 最初から全部読まなくても大丈夫です！ フラットデザインとは まずはどんなものか、百聞は一見にしかず、サンプルを見てみましょう。 フラットデザインの例 http://builtbybuffalo.com/ http://www.squarespace.com/templates/ ※
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
【Sidr】Facebookアプリのようなメニュ... / 【jPanelMenu】横から出てくるサイドメニ... / 【Snap.js】フリック動作で出し入れが可能な...他...全4件
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
