TOP  >  Flexbox

Tag : Flexbox

2016年11月22日

写真加工に使える!CSSで実現するイメージフェクト「20 Image Effects With CSS」

写真を利用する時、撮影されたまま利用するという事はソフトウェアが発達してきた現在まずありませんが、今日紹介するのはレタッチソフトでは無く、CSSで実現するイメージフェクト「20 Image Effects With CSS」です。

cssimage

水彩風から、黒板に書いた風のエッジを検出したものエアブラシで書いたものなどなど、全部で20ものエフェクトがCSSで指定するだけで簡単にエフェクトを利用することが可能です。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:40  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2016年06月06日

CSS3 Flexbox UIパターン集「Flexbox Patterns」

CSS3で利用できるようになったFlexbox。WEBアプリやレスポンシブを想定して開発されたものですが、まだまだ現場ではそれほど普及していないのが現状です。今日紹介するのはそんなFlexboxを理解・利用するための様々なUIを簡単に利用できるCSSのFlexbox UIパターン集「Flexbox Patterns」です。

flex02

「Flexbox Patterns」は利用しやすくなるようにそれぞれのユーザーインターフェイス毎に、簡単な解説と、CSSとHTMLがセットでコピーできるようになっており、コピー&ペーストで利用できるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:55  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加

過去の記事からランダムで表示

2007年10月20日

WordPressの投稿を便利にするプラグイン「WP-AddQuicktag」

今回紹介する「WP-AddQuicktag」はWordPressで記事を書くときにかなり便利なプラグイン。このプラグインを使うと投稿画面に任意のQuicktagを追加できるようになり、よく使う処理や、定型文を登録しておけば間違いなく記事を書く労力は削減されます。

インストール方法

1.「WP-AddQuicktag 」からプラグインをダウンロード(.txtになっているのでリネームしてください)

2.「wp-addquicktag.php」を「wp-content/plugins/」へアップロード

3.管理画面からプラグインを有効化

導入方法

AddQuicktagタグの設定タグは以下の通り

Buttontext:ボタンに表示するテキスト
Start tag(s):開始タグの中身
End tag(s):終了タグの中身(空要素タグの場合は空白)

タグセットを作るもよし、定型文を作っておくも良しと色々な使い方ができるプラグインだと思いますので、頻繁に更新する方は押さえておいても損は無いかと思います。

WP-AddQuicktag , plugin for adding quicktags – RMNL

続きを読む
posted 11:46  |  
Category: plugin , WordPress   
2012年06月09日

【商用可】無料で利用できるシンプルなアイコン350個セット「350 pixel Perfect Icons」

WEBのデザインには欠かせないアイコン。シンプルなものでも、いざ制作となるとそれなりに時間を取られてしまいます。今日紹介するのは、無料で利用できるシンプルなアイコン350個セット「350 pixel Perfect Icons」。

上位のように350個ものアイコンがセットとなっており、あらゆる用途が想定されており、cスタンダードなものから、使いどころあるの?といったマニアックなものまで、様々なアイコンが収録されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:58  |  
Category: Design , Photoshop , WebDesign   
2015年04月19日

10種のレスポンシブフリーwordpressテーマ「10 Free Responsive WordPress Themes From 2015」

いろいろなwebサイトで採用されているwordpress。フリーで使用できるテーマは非常にたくさん配布されており、便利に利用できるようになっています。そんな中今回は、10種のレスポンシブフリーwordpressテーマ「10 Free Responsive WordPress Themes From 2015」を紹介したいと思います。

wordpress0418_2
WordPress › Constructzine Lite « Free WordPress Themes

パソコンはもちろん、スマートフォンやタブレットにも対応することが当たり前の現代に必須のレスポンシブ対応テーマが紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: WordPress   
2009年04月20日

IE6をこの世から無くすプロジェクト「IE6 Update」

そろそろie8の自動アップデートが迫ってきて、そろそろIE6のサポートも打ち切ろうかなと思っているWEBデザイナーも多いはずです。ただ根強いファンもいるみたいで、依然として様々なブラウザが争っている中でもie6のシェアは無いとは言いがたいのが現状です。

ieupload01

そこで今回紹介する「IE6 Update」はIE6からブラウザーのアップデートを促す為のコードをみんなで貼ってIE6ユーザーにアップデートを進めようとするプロジェクトです。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:13  |  
Category: WebDesign   
tag: webdesign
2009年03月26日

スタイルシートをオンラインで整形してくれる「Stylenea」

CSSの書き方は人によって様々だと思いますが、普段自分が使っている書き方でない書き方だと解読に手間取ってしまうときもあるかと思います。今日紹介するオンラインサービス「Stylenea」は自分の指定した形式にCSSファイルを整形してくれるものです。

cssdesignloads01

CSSをコピーするかもしくはファイルをアップロード、もしくはアップされているURLを指定することでCSSを読み込ませる事ができます。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:38  |  
Category: WebDesign   
tag: CSS webdesign
2010年12月02日

ハイクオリティなpsd素材を集めた「42 Free High-Quality Photoshop PSD Files For Web Designer – Part II」

何かと便利なpsd素材。さまざまなデザインの素材が配布されていますが、今回紹介するのはハイクオリティなpsd素材を集めた「42 Free High-Quality Photoshop PSD Files For Web Designer – Part II」です。


3 Billboard Templates | FREE PSD FILES

アイコンからモチーフ、デザインパーツなど、豊富な種類が収録されており、お気に入りの素材を見つけることができそうです。気になった素材をピックアップしていますので、下記よりご覧ください。

(続きを読む…)

続きを読む
posted 05:20  |  
Category: Design , Photoshop   
2018年01月26日

2018年にリリースされた良質なWordPressテーマ「10 of the Best WordPress Themes for 2018」

Webサイトを構築する上でWordPressは、サイト作成や更新が今までのツールよりも簡単にできる点でもとても魅力的なツールです。今回紹介するのは、2018年にリリースされた良質なWordpressテーマ「10 of the Best WordPress Themes for 2018」です。

wordpress-themes_01
TheGem – Creative Multi-Purpose High-Performance WordPress Theme by CodexThemes

様々なシーンで活用できるWordpressテーマが数多く紹介されているまとめです。

詳しくは以下

(続きを読む…)

続きを読む
2014年01月05日

デザイン性のあるカレンダーアイコンセット「45 Stunning Calendar Icon Sets For Free Download」

日にちを表現するデザイン部分に利用できるカレンダーアイコンは、使用頻度はそれほど高くないかもしれませんが、持っているといざという時に非常に便利なもの。今回はそんなカレンダーアイコンセット「45 Stunning Calendar Icon Sets For Free Download」です。

calendar1
Calendar Icon by thiago-silva on deviantART

デザイン性のあるさまざまな種類のアイコンがまとめられています。気になったものをピックアップしましたので下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:17  |  
Category: Design   
2010年01月28日

シンプルでユニークなWordPressテーマ「25 Fresh, Clean and Unique WordPress Themes」

豊富なテーマで国内外で人気のCMS、Wordpress。様々なテーマが日々発表されていますが、今回紹介するのはシンプルでユニークなWordpressテーマを集めたエントリー「25 Fresh, Clean and Unique WordPress Themes」です。

wptheme01
Get Some Aparatus – Free Theme for WordPress | Fearless Flyer Web Design

すっきりしていながらも、オーソドックスなテーマとは少し違う。そんなWordpressのテーマを集めています。今回はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:58  |  
Category: WordPress   
2007年10月28日

画像からベクターデータを生成できるオンラインサービス「VectorMagic」

ベクターデータとは線の起終点の座標(位置)、曲線であればその曲がり方、太さ、色、それら線に囲まれた面の色、それらの変化のしかたなどを、数値で表すことにより、コンピュータで扱うデータとしたもので、数値なので、引き延ばしたり、変化を加えてもそれに合わせて劣化無く変形できるのが特徴です。

VectorMagic

デザインする上で自由が効くため基本ベクターデータでデザインするのは当たり前ですが、仕事によっては素材のベクターデータが無く、JPGやGIF等できたりします。画像で来るととても不便で、ペンツールで下記起こしたりしていましたが、IllustratorCS2以降ライブトレースと言う画像をベクターデータ化してくれる機能が付きました。今回はそのライブトレースをオンラインで可能にしてくれるサービスVectorMagic」を紹介したいと思います。

こちらのサービスを使えばオンラインで画像から簡単にベクターデータを作成する事が可能です。

詳しくは以下

(続きを読む…)

続きを読む
posted 01:49  |  
Category: WebService   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る