WordPressで作る世界遺産サイト｜Instagram API を使って現地フォト取得WordPressでInstagramを活用することで、現地のリアルタイムなフォトがサイトに掲載できるようになります。 ★Instagram（インスタグラム） について 2014年の最終統計では、毎月3億人。なので、10倍になっている。 写真の総数は300億枚を超える。 Instagramはカメラアプリで初めて豊富なフィルタを持っていたと記憶している。 そして、最近はショートムービーも投稿できる。 スマホの初期のころから、TwitterやFacebookへ写真が投稿できた。 Read less
新人Web担当者必見！ホームページ立ち上げ時にチェックするべき基本15項目
ホームページ立ち上げの際におさえるべきポイント ホームページは立ち上げたあとも修正を行うことができます。ただ中には修正しづらいものもありますので、今回は立ち上げ時にしっかりとチェックするべき15項目をまとめました。新米Web担当者でもわかりやすいように、最低限でかつ実務に則した項目を広くピックアップしています。 SEO対策やデザインのチェック項目 1.タイトルタグは適切か 全ページをチェックを行い、初期設定のままだったり「名称未設定」だったりするようなタイトルタグになっていないか、確認しましょう。 2.ディスクリプションは設定済みか Google検索においてタイトルタグの下に紹介文が表示されます。ここは全角文字でだいたい100文字程度です。タイトルタグや想定する検索キーワードとマッチしているか、確認しましょう。 3.リンク切れはないか Googleがあなたのホームページをインデックスすると
2013年に開いて直感的に素敵だな、すげーとおもったWebサイト大賞
というわけで本年度、すごいなとおもったWebサイトをご紹介。 先に15サイトを紹介したのち、最後に大賞5つを紹介します（大賞が5つもあることに関しては気にしないでください） αブログならぬ、αサイト！レッツスタート！ ※サイトデザインは旬ものなので、時期を過ぎるとリンク切れ、デザインの変更があります。今すぐ楽しんでください。 ノミネート15作品 ゲスの極み乙女。 official website サイドバーから各種ページに移動した時に、地味に動くのがなんかむかつく（いい意味で）。とくにMEDIAページね。 そんなわけで、このサイト、デザインというよりインパクトで受賞。 胸やけ・吞酸劇場〜胸屋家の酸っぱい１日 このFlashの死んだ時代に、あえてオールFLASHに挑むその度胸。 さらにそれぞれのコンテンツが微妙に面白くてやばい。やばいというかヤヴァイ。FLASHヤヴァイ賞。 STAGEWOR
大きな画像を効果的に使った印象に残るWebデザインの作例20
Webサイトをデザインする時に大きな写真を使うとサイトの雰囲気を統一させたり、ブランドのイメージを全面に押し出せたりしますが、大きさゆえに失敗すると大変なことになってしまいます。そこで、実際に大きな背景画像を使っていて参考になるサイトを集めたのが「20 Inspiring Examples of Big Backgrounds in Web Design」。メインコンテンツや写真の使い方は様々ですが、どれも印象的なWebサイトに仕上がっています。 20 Inspiring Examples of Big Backgrounds in Web Design | Inspiration http://webdesignledger.com/inspiration/20-inspiring-examples-of-big-backgrounds-in-web-design ◆01:Casey B
illustratorで修正が簡単な文字枠を作る方法 Be Creative Be Happy/// ナナメウエBlog
2012年10月25日 投稿者: suzuki こんにちは、デザイナーの鈴木(@suzukisan__)です。 今回は入稿間際に修正が一気にきて死にそうになるDTPデザイナーの方などに役立つ内容です。 illustratorでデザインをしている時に頻繁に使う、文字枠の中に文字があるというこの形。 長方形ツールでオブジェクトを作成して、その上に文字を重ねるというやり方の人が多いんですが、これだと文字数が増えた時に下の長方形オブジェクトのサイズまで変えて、さらに中央揃えしたり…とけっこう手間がかかります。 今回はもっと簡単で、さらに文字数が増えた時にも簡単に対応できる方法をご紹介します。 まずは文字を入力します。 今回はFutura Mediumにしました。 次にテキストオブジェクトを選択した状態で、[アピアランス]の[新規塗りを追加]を2回クリックして、塗りを2つ追加します。 こ
新しくWebサイトを作る際に疑いたい制作側の常識
ここ最近クライアントの受託制作や自社のWebサービスでユーザー様の声を見ていて気がついたことがあるので書いてみます。 iPadやスマートフォンの普及でWebサイトがより身近になってきて、今までPCを起動するのが面倒だった方まで気軽にインターネットを使うようになってきています。 その分、Webサイトを作るにもいろいろなことを配慮しないといけなくなってきています。 デザイン、インターフェイス的に各媒体に最適化されていることも大事ですが、Webサイトを見慣れている人の常識というのを少しづつ疑って、見直していく必要があると思うのです。 制作側の常識が通じないとネットリテラシーが低い、などとまとめてしまうような風潮もありますが、そのリテラシー自体見直すべきなんじゃないかな？なんて思ったりもします。 実際にWeb制作業界ではない色々な方のご意見をうかがったうえで、Web制作をする際に、自分たちが割と「
JavaScriptオブジェクト用問い合わせ言語·SpahQL MOONGIFT
SpahQLはJavaScriptオブジェクトのデータ抽出に使えるクエリライブラリです。 WebアプリケーションではデータをJSONで利用するのが一般的です。データが大量にあるのであれば、そこから欲しいデータだけを抽出する仕組みが必要になるでしょう。JavaScriptでそれを可能にするのがSpahQLです。 例です。hash1というキーに対応したデータを取り出しています。 ネストして調べられます。 配列、ハッシュどちらにも使えます。 配列の場合は0などとキー指定もできます。 配列でサイズが1以上のものをピックアップしています。 データは抽出するだけでなく、プロパティを使ってサイズやデータの種別を調べることもできます。さらに正規表現を絡めてマッチするか否かをチェックするといった機能もあります。node.js、Webブラウザどちらでも使えるライブラリになっています。 SpahQLはJavaS
JSXよりHaxeがイケてる3つの理由 - みずぴー日記
Javascriptを生成できる言語『JSX』がリリースされました。めでたいですねー。 ただ同じくJavascriptを生成きるHaXeのことが忘れられている気がするので、宣伝します。 ステマじゃないよ! 型推論がイケてる 現時点でJSXには型推論が実装されてないので、関数を定義するには全ての型を書く必要があります。 // JSXだよ! function add(x : number, y : number) : number { return x + y; } これだけなら特に問題ないように見えますが、これが高階関数を定義しようとするとどんどん複雑になっていきます。 // JSXだよ! function f(g: function(:number):number): function(:number):number { return function(x: number): number
Webデザイン修正の伝え方ってどういうのが良いんでしょう？ | モノづくりブログ 株式会社8bitのスタッフブログです
株式会社8bitのスタッフブログです。デザインをしてもらって自分のイメージしていたものとは違う。 修正してもらいたい時、なんて伝えると一番良いのでしょうか？ 最近そんなことをずっと考えています。 プログラムだったら「エラーが出ている」「動かない」など明らかなミスなので伝え方はあると思うのですが、デザインはセンスだったり頭の中のイメージだったりするのでなかなかに伝わりにくかったりします。 現場ではこういったデザイン修正作業はディレクターがデザイナーに伝えて修正してもらうことが多いわけですが、うまく伝わらなかったりコンビネーションが悪いとデザインが迷走します。 伝え方によってはデザイナーのプライドに触れてしまい、やる気だけを削いでしまい兼ねません。 具体的なイメージがあれば話は別ですが、例えば既存のサイトにはイメージがないものだったり、該当するイメージの参考デザインが見つからなかっ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
prasm
Webデザイナーなら押さえておきたい、今月の優れたWebデザイン（2012年9月）