Site is undergoing maintenanceSite will be available soon. Thank you for your patience!
最近気になったウェブ制作に関するキーワードを振り返ってみる | バニデザノート
最近気になったウェブサイト制作に関するキーワードを振り返ってみます。 キーワードが出現した時期は様々で、古いものもありますし、新しいものもあります。 現在、ウェブサイト制作に関して様々なデバイスの出現と、表現方法の変化でグラグラ揺れている印象です。今まで「セオリー」だったものも、崩れつつあります。 時代の波を良い感じに乗りこなしていきたいですね。 シャドウや、加工のほとんどのムダを取り除き、特定のカラースキームで構成するデザイン方法です。フラットデザインっぽくなるphotoshopのパレットなども配布されていたりします。 「フラットデザイン」という形式に関しては、海外の方はポジティブな印象の発言をしている方が多い気がします。 なぜかというと、これは考察なのですが、「着飾ったもの」よりも「シンプル」なものの方が、よりデザイン性が高く、表現が求められ、きちんとした目的と技術が必要なため、非常に
レスポンシブデザイン対応のlightbox系プラグイン＋コンテンツスライダー系プラグイン | バニデザノート
・シンプルイメージlightbox ・ギャラリーlightbox ・videoやmapのポップアップ ・Ajaxポップアップ など、使い勝手がよい基本機能が揃っています。 →Unslider 関連記事 きっと初心者でもわかる、HTMLの書き方の考え方。 2014/12/14 読んでもらえる、ファンになってもらえる、ブログの書き方とデザイン。 2014/11/20 web制作で気疲れしないようにする方法を考えてみました。 2014/10/17 最近気になったウェブ制作に関するキーワードを振り返ってみる 2013/06/30 レスポンシブデザイン対応のlightbox系プラグイン＋コンテンツスライダー系プラグイン 2013/05/31 自分でできる！Facebookページの活用方法 2013/04/11 Webで発信するすべてのWEBビギナーさんへ。突然犯罪や裁判に巻き込まれないようにするため
ウェブデザインのインスピレーションを受けられそうなギャラリーサイト | バニデザノート
最近のウェブサイトのデザインってどんなの？と気になったり アイデアやインスピレーションを受けたいときに見たいサイトをいくつか紹介します。 ■日本語サイト S5-Style 検索したときに的確に抽出できる印象。キレイめからシンプルまで。RSSも読みやすい。 Web Design Clip 大手系、キレイ系が多い感じ。 WONDER BOOKMARKS シンプル系、かわいい系、工夫凝らし系がおおい感じ。 ■海外サイト Web Creme シンプルで、おしゃれなサイトが多いです。 Web Design File いわゆる「ザ☆海外サイト」なデザインをクリップ。 日本サイトではあまり見ないようなシンプルでダイナミックな工夫を凝らしたサイトがたくさんあります。 ■Pinterest Pinterest search results for web design Pinterestでweb+desig
フラットデザインの参考になりそうなフリーアイコンやUI Kit、イラスト | バニデザノート
フラットデザインを作成する際に参考になりそうなフリーアイコンやUIキット。「フラットデザイン＝手抜き」というのでは、クオリティが保てません。ディテールを確認し、フラットデザインの特徴を捉えていきましょう。
photoshopでのウェブデザインの勘どころ | バニデザノート
Photoshopで複数ページのカンプデザインを展開するとき、ファイルは一括にするのか、それとも１ページごとに作成するのか、その際共通オブジェクトをどう扱うかといったデータ・ファイル管理についてまとめてみました。また、Photoshopでのウェブデザインの際に便利そうなツールや「やり方」も合わせて考えてみました。
IEのCSS対策総まとめ 小さなズレ・フロートの不具合・PNGの透過など - /dev/null - タバヤシデザイン
ウェブサイトをつくるうえで避けて通れないのがIEのバグとの戦いです。特にCSSのバグは凄まじく、何も知らずにIE6で表示確認なんかすると、その崩壊したサマにしこたま絶望感を味わうことになります。 IEと対峙するためにまず必要なのは、各バージョンごとの大まかな特徴を理解し、その付き合いかたに慣れることです。IE9以降は別としても「なんとなくやったけど何も問題なかった」なんてことは十中八九ありません。今回はその付き合いかたをまとめようと思います。 1. doctype宣言 IE6以降、doctype宣言の書き方によってCSSの解釈モードを変更するDOCTYPEスイッチという機能があります。解釈モードは次のふたつです。 標準準拠モード：CSSの解釈を、W3Cが定めた仕様にあわせるモード 後方互換モード：CSSの解釈を、バージョン6未満のIEにあわせるモード これらの最大の違いはボックスモデルの解
デザインネタはここで探せ！Webデザインに関する情報が集められる 参考サイト・参考ブログまとめ | たねっぱ！
参考サイト・参考ブログを集めてみたよ。暇な時に眺めるもよし、ブログネタを探しに行くもよし、最新のデザイン動向を勉強するもよしです。 Webデザイン業界はまさに光陰矢のごとし Webデザインに関する情報は日々刻々と移り変わっていきます。そんな流れの早いデザインに関するネタを探すときに役立つサイトをご紹介します。暇な時に眺めるもよし、ブログネタを探しに行くもよし、最新のデザイン動向を勉強するもよしです。 DesignDevelop 姉妹ブログとして、Design Worksというブログも運営されています。 Designdevelopの姉妹ブログ、毎日のインスピレーションに！をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中 CBCNET アートから商業デザインまで、幅広い話題が特徴。クリエイティブ系の求人
見出しデザインに迷ったらどうする…？参考サイトさんをまとめてみました | たねっぱ！
Web上ではよく使用する見出しデザイン。 「CSSで作る？それとも画像を使う？」と、デザインに迷ったときに参考になるサイトや、 新たな見出しの作り方を学んでみたいときに役立ちそうなサイトをまとめてみました。 Webサイト、ブログ作成時に必要となる見出しのデザイン装飾。 シンプルだったりしっかり目を引くデザインだったり、さまざまです。 今日はそんな見出しをデザインする際に参考になるサイトをまとめてみました。 まずは見出しデザインのバリエーションを知ろう 見出しデザインを取り扱っているデザインギャラリーサイトさんです 見出しデザイン.com http://midashi-design.com/ 100%見出しデザイン！デザイン別にカテゴリわけされています。 実際に見出しが使用されているサイトへジャンプして、 全体のデザインを見ることもできます。 ブブンデザインアーカイブ(見出しページ) htt
jarallax.jsの使い方解説
こんにちは、デザイナーのサリーです。 JSを書けない私が、いろいろとパララックスのJSを漁ってみて、一番書き方がシンプルでわかりやすそうだったのが「jarallax.js」でした。 使ってみたら簡単でいい感じでしたが、ところどころクセがあって悩んだ箇所があったので、覚え書きの意味も兼ねて、今回はjarallax.jsの使い方を解説します。 （注：スマホやタブレットでは上手く動きませんので、PCでご覧ください。詳しくはこちら「パララックスサイトをつくるときにディレクターが気をつけるべき4つのこと」をどうぞ。） jarallax.jsとは？ パララックスの動きが実装できるJSです。その名の通りjQueryを使用します。 公式ページはこちら： http://www.jarallax.com/ HTML <!DOCTYPE html> <html lang="ja" dir="ltr"> <hea
Flat design casts a long shadow
Whilst many designers embrace flat design wholeheartedly, it seems a growing number have already tired of its charms and are casting around for the next big thing. One contender, being championed by some, is "long shadow" design. Long shadow design produces an effect like looking at an object late on a Winter's day, when the shadows lengthen to dramatic proportions. The effect adds a great deal of
フラットの後にじわじわきてるデザインのトレンド -long shadow design
フラットが最初にきた時ほど大きな波ではないと思いますが、単調なフラットなデザインのアクセントにつかえそうなじわじわきてる新しいデザイントレンド「long shadow design」を紹介します。 long shadow design 「long shadow design」は文字通り「長いシャドウを使ったデザイン」で、フラットなスタイルに奥行きを与えることができます。 dribbbleなどのアイコン作品でも最近よく見かけますね。
もういい加減飽きてるかもしれないけどパララックスサイト集めてみた | たねっぱ！
パララックスサイトについてまとめてみたよ！ もうみんな飽きてない？大丈夫？ パララックスの波に乗り遅れた人も、「パララックス」とは？というところから紹介しているのでぜひどうぞ。 もうみんな飽きた？まだ大丈夫？ どうも。katoppa!です。 パララックスサイト、流行っていますねー。ん？ご存知ないですか？ご存知ない方のために調べましたよ、パララックス！ パララックスサイトとは パララックス【parallax】 視差(しさ)。 -パララックス【parallax】の意味 – 国語辞書 – goo辞書より引用 視差らしいですよ視差。 …で、視差ってつまりどういうことなんだぜ？ し‐さ【視差】 １ 目と対象物との相対的位置の移動または差違による、網膜上の結像の位置の変化。対象物に対して、両眼の視線の挟む角度で表される、両眼視差によって対象物の遠近を知覚する。 -しさ【視差】の意味 – 国語辞書 –
Stronghold - ぼくらの本拠地
AWSWordpress April 5th 2016 Amazon EC2でWordPress – Amazon S3にメディア画像等の静的ファイルを設置する方法 AWSWordpress April 5th 2016 Amazon EC2でWordPress – パーマリンクがうまく動作しない場合 AWSWordpress April 5th 2016 Amazon EC2でWordPress – SSH接続からWordPressのインストールまで AWSWordpress April 4th 2016 AWS Amazon EC2上でWordPressを動作させる方法 – EC2のインスタンス作成からMySQLの設定まで AfterEffects May 25th 2015 After Effects 埋め込み動画/静止画から指定色を透過させ、背景透過のPNG画像（連番）で書き出す方
This site has been disabled - Dunked
You must enable JavaScript to use Dunked If you're seeing this message, then either your browser does not support JavaScript, or JavaScript has been disabled. Please enable JavaScript in your browser settings to continue.
2013年この半年によく見かけたウェブデザインのトレンドをまとめたインフォグラフィック
2013年のウェブデザインのトレンドは、2012年のトレンドを伴いつつ、新しいエッセンスが加わりました。スマフォの普及、Windows8の登場に大きな影響を受けたトレンドもあります。 2013年も半分過ぎ、この半年によく見かけたトレンドをまとめたインフォグラフィックを紹介します。
Sass - CSS HappyLife
もう完全にただのお知らせや告知ブログ...！ 初版の発売から4年経ち、ありがたいことに改訂のお話を頂いたので、6月～8月辺りに森田 壮さんと執筆を行い、2017年9月15日に改訂2版が発売しました。 かなり頑張って加筆・修正などを行ったので思ってたより大変な執筆でした。 初版と改訂2版の詳しい違いに関しては、サポートサイト に載せておいたのでそちらを見て頂けるとありがたいです！ 初版と改訂2版の違い | Web制作者のためのSassの教科書 改訂2版 - 公式サポートサイト せっかく久しぶりにブログを書くので、サポートサイトには書いてないことにでも触れて行ければと。 いよいよ明日発売の「Web制作者のためのSassの教科書」ですが、今回は、8章有る中でも特に読んでもらいたい章に関して、書きたいなーと思います。 今回の執筆はわりと気合い入ってるので、宣伝エントリーが多くてすみません＞＜ ちな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
HTMLエンティティ化 | Web制作小物ツール - dounokouno.com
SEO Cardiff
