ECzine Day(イーシージン・デイ)とは、ECzineが主催するカンファレンス型のイベントです。変化の激しいEC業界、この日にリアルな場にお越しいただくことで、トレンドやトピックスを効率的に短時間で網羅する機会としていただければ幸いです。
こんにちは!はじめまして! カヤックHTMLファイ部に来年度新卒で入社予定のもときです。 現在はインターンとしてカヤックに来ています。 今回はtumblrについての記事です。 tumblrに関する記事はググればいくらでも出てきますが、 このデザイナーズブログではまだ扱っていないようなので、 tumblrの魅力と、tumblrサイトのカスタマイズのはじめかたを、 僕なりに紹介してみたいと思います! ・tumblrってなんとなくは知ってるけど、一体どんないいことがあるの?という方 ・いまtumblrを使ってて、もうちょっとカスタマイズしてみたい方 ・これからtumblrでサイトを作ってみようと思ってる方 そんな方に向けた記事です。 tumblrの魅力 tumblrとは このブログを見ているような方々なら、今や知らない人のほうが少ないのではないでしょうか。 それほどにすでに有名なサービスですね。
こういの記事を定期的に書いていますが、以前のものは古くなっているので書いてみます。ウェブサイト、ブックマークレット、拡張機能(Chrome)から本当によく使っているものを無理やり数を増やすことなく厳選して紹介します。 実際にウェブサイトを作成する時にお世話になるであろう順番で紹介します。ウェブサイト、ブックマークレット、拡張機能(Chrome)ごとで分けていませんのでご注意ください。 I/O 3000 | Webデザインギャラリー 【ウェブサイト】 ギャラリーサイトって同じサイトが紹介されていることも多いので、あまり色々を見ません。最近はこちらをよく見ます。更新頻度も高く、カテゴリやタグ分けも使いやすくなっています。 とはいうものの、もっと色々見たいというときもあるので、そんなときは以下のサイトもよくみます。どれもきれいで見やすいサイトです。やっぱり無限スクロールがいいですね。 【S5-S
Effect -LetterFx LetterFXの使い方 Step 1: 外部ファイル 当スタイルシート・スクリプトとjquery.jsを外部ファイルとして記述します。 <head> ... <link href="jquery-letterfx.css" rel="stylesheet" type="text/css" /> </head> <body> ... <script src="http://code.jquery.com/jquery.min.js"></script> <script src="tuxsudo.min.js"></script> <script src="jquery-letterfx.js"></script> </body> Step 2: HTML アニメーションを適用するテキストはp要素などで実装し、classやidなどを付与しておきます。 <p
Google Web Designerの基本からアニメーションの作成までを学ぶ連載。第3回では、Google Web Designerを使って実際の業務を想定したクリエイティブバナーを作成します。 基本操作については前回の記事で解説しましたので、今回は主にアニメーションモードの詳しい使い方を中心に学びましょう。 Google Web Designerで実際にクリエイティブバナーを作成しよう 今回作成するのは、次の2つのバナーです。 1つ目は、「クイック」アニメーションモードで制作した不動産会社のバナーで、夜景の写真が横にスライドするシンプルなものです。2つ目は、「詳細」アニメーションモードで制作したカフェのバナーで、スライドとフェードを組み合わせて、複数ページを切り替えます。 「クイック」アニメーションモードで作る不動産会社のバナー 最初に、背景が横方向に流れるような動きのバナーを作りまし
作成:2014/06/9 Web制作 > トレンド感のある動きや、洗練された見え方を実現するために、知っておきたいことや方法など。Web制作の現場で知っておくべきことをまとめました。全部取り入れるのは無理ですが、押さえておくことで今以上に見栄えのするサイトを作れると思います。ここ最近のトレンドをおさらいしたいときに。 エンジニア速報は Twitter の@commteで配信しています。 もくじ ファーストビューで使いたいエフェクト 1.ロングシャドウ 2.ポリゴン 3.ラージフォトスタイル 4.ブラーエフェクト 5.フルスクリーン動画 6.画像シーケンス 脱ビットマップ画像 7.SVG 8.Webフォントを円で囲む 配色・フォント 9.配色(フラットデザイン) 10.タイポグラフィ(フラットデザイン) 11.フォント(フラットデザイン) 効果 12.Infinite Scroll(無限スク
こんにちは、エンジニアのひろゆきです。 さて、SP、PCの表示切り替えにはいろいろな実装方法がありますが、スマホで見ているときによくある「PC表示」ボタンを実装するのに、「Multi Device Switcher」というプラグインが使いやすかったので、今回はそれをご紹介します。 特徴 Multi Device Switcherには以下のような特徴があります。 スマホ、PC、ガラケーなど表示の切り替えが簡単! スマホページなどで良く見かける「PCで表示」ボタンの実装が楽! 余計な機能がついておらず開発にも向いてる!(と思う) このように、ユーザーエージェントによる表示切り替えをご検討の方にオススメです。 まず、プラグインファイルをダウンロードし、pluginフォルダに入れます ダウンロード:Multi Device Switcher https://wordpress.org/plugin
UXのプロが岡目八目で切り込むのが快感今回、「UXデザインパッケージ」のサービスを体験してみたわけですが、結論から言うと、「さすがUXのプロ」という面と、「まさに岡目八目、外部に頼む価値」という面とがありました。 アドバイスは、現状のWeb担の見せ方をかなり大幅に変えるというものでした。つまり、現状をある意味で否定された形なのですが、それに対して違和感は抱きませんでした。というのも、そうするべきだとして示されている理由が理路整然としていた納得できるものであり、さらに自分でも薄々は感じていた「そうだよね」という部分をえぐられていた内容も多かったからです。 たとえば、アドバイスでは、「移動中などにスマホで友人のフィードで見かけた記事などが気になり、でもそのときは読まずにあとから読む」といった行動にうまく対応できるようにと指摘されています。 これは、言われなくてもわかっているはずのことです(実際
UD新ゴ M Webフォントは新たな 表現力を提供する 文字が伝えるものは言葉の意味だけではなく、用いられる書体によりその印象は大きく異なります。 ウェブデザインにおいて、さまざまな書体の中から目的に合った Webフォントを選び出し、的確に使うことが必要になります。 リュウミン R-KL Webフォントは新たな 表現力を提供する 文字が伝えるものは言葉の意味だけではなく、用いられる書体によりその印象は大きく異なります。 ウェブデザインにおいて、さまざまな書体の中から目的に合った Webフォントを選び出し、的確に使うことが必要になります。 A1ゴシック M Webフォントは新たな 表現力を提供する 文字が伝えるものは言葉の意味だけではなく、用いられる書体によりその印象は大きく異なります。 ウェブデザインにおいて、さまざまな書体の中から目的に合った Webフォントを選び出し、的確に使うことが必
ABOUT CHOICELY マーケティングに関わる全ての人に 効率良く、最適な情報を届ける Choicelyはマーケターの業務に役立つ、様々な情報を集めているデータベースです。 マーケティングは日々新しい手法や考え方が生まれ、複雑になっています。 そんなマーケティングに関わる全ての人が、必要な情報を効率良く集められることで、 マーケターに大切な「考える時間」を増やすことに少しでも貢献したいと思っています。 今知りたい情報が、最も必要としている情報が、最短で見つかるデータベースを目指します。 DATABASE 集めている情報一覧 Choicelyでは現役のマーケターが厳選した情報を集めています。 マーケティングの専門家が一つひとつの情報をチェックして掲載しています。
sichoru.net このドメインを購入する。 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
このブログは、Stinger3というテーマをもとにゴニョゴニョ…カスタマイズしているのですが、見出しデザインにとても迷っていたところとてもよいものがあるらしいと教えてもらい作成しました。 使い方 使い方というほどでもありませんが、見出しの種類は 吹き出しリボン普通(枠上) 普通(枠下)普通(枠上下) 5種類の中から選ぶことが出来ます。 他にも、枠の色や影をつけたり文字色などなど様々に変更することができ、1番下にあるジェネレートというボタンを押すと結果がすぐさま反映されて見ることができます。 結果がその場で見れるのはとても嬉しいですよね。何度でも作り直すことができるので、気に入るものができるまでひたすらジェネレート!! 見出しデザインが決まったら これでよしっ!と思うモノが出来たら、CSSを変更していきます。 Stinger3の見出しタグ Stinger3では、h2とh3を見出しタグとし
記事単体に別のcssを加えられる ようにする為のメモ。プラグインは 使いたくないよ、という方向けの カスタマイズ方法になります。 記事単体に別のcssを加えられるようにする為のメモ。プラグインは使いたくないよ、という方向けのカスタマイズ方法になります。functions.phpで投稿画面にcssの追加用boxを作成します。 ※追記・プラグインにしました 記事ごとにスタイルを追加出来るように、投稿画面にcss追加用のboxを加える為のカスタマイズ。add-css-jsなら簡単ですが、カスタムフィールドが個人的に面倒だったのでfunctions.phpを使いました。 方法 ↑ こんな感じでcss追加用のboxを作成します。お使いのテーマファイルのfunctions.phpを開いて以下のコードを追加するだけ。 add_action('admin_menu', 'custom_css_hooks'
今日は、以前『WEB制作者になりたいと言う人が見ると良さ気な、様々なことを学べるサイト15選!』という記事を書かせて頂きましたが、そのリバイス版の記事になります!あの記事書いてからもう一年かぁ。一年もあればビギナー向けのサイトや記事もどんどんどんどん変わって新しい物もどんどん出てきますね! 特に前回もそうでしたが春先はそういった内容の記事も凄く多いので、流れに乗って今日は僕が今日まで見たなかで、これはクオリティたけぇ!と僕が独断と偏見で感じたビギナーズガイドの数々をご紹介させて頂きましょう!(Evernoteにそういうネタが溜まったのでアウトプットしよーってノリも大きいですが・・・w) そいえば、この前バンクーバーにある美大の社会人向けWEBデザイナーコースに行ってきたのですが、やっぱこっちはあり得ない位授業の進みが早いんですよね。その話は別でするとして、HTMLって何?ってレベルから経っ
これは便利!レスポンシブで変化するエレメントを一元管理できるワイヤーフレーム作成ツール -RWD Wireframes
GroundworkCSSは多様なガジェットがサポートされたレスポンシブWebデザインのフレームワークです。 レスポンシブWebデザインがもてはやされていますが、テクニックはなかなか一般化しづらいものがあります。そこでフレームワークをベースにしてみるのはいかがでしょう。今回紹介するのはGroundworkCSSです。 スライダーやタブメニューなど様々なウィジェットが提供されています。 タブレット版。 スマートフォン向け。 横向き表示もサポート。 サイドメニューを使った表示。 幅が狭くなるとメニューは縦に並びます。 ボタン、タイポグラフィ。 フォーム。 アラートやナビゲーション。 テーブル。ソーシャルアイコンも多数用意されています。 サイズも様々。使い分けが可能です。 たくさんのアイコンも用意されています。 モーダルウィンドウ。 幅が狭い場合のボタン。 タブの端がちょっと気になるかも…。 ス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く