簡単に作れる!みんな大好き可変グリッド 先日話題になっていた「なんだこれ!!「NHKスタジオパーク」のレスポンシブ・ウェブデザインが凄まじくレスポンシブ!!」で紹介されていたNHKスタジオパークのレスポンシブデザイン。 こちらのサイト、プラグインを使ってとてもシンプルに作られています。キレイ。このシンプルさを伝えたくてうずうずしてきました。せっかくうずうずしたのでどんな作り方をしているのかサンプルを交えて紹介します。 まずはこちらのデモを御覧ください。 凄まじくレスポンシブデザインなサイトデモ 使われているのはjQuery Masonryというプラグインだ! @planetofgoriさんのブログで紹介されているように、jQuery Masonryというプラグインが使われています。このプラグインたった数行でNHKのサイトのような可変グリッドレイアウトが作れてしまいます。可変グリッドのレイア
2012年09月11日22:30 by tkfire85 スタバ難民必見!ドリンクを劇的においしくするカスタマイズの方法。 カテゴリ tkfire85 Starbucksと言えば、おしゃれなカフェの一員ですよね。コーヒーの香りを楽しむために全面的に禁煙だったり、コーヒーに対する拘りも多いです。先日もスタバに言った際に、本日のコーヒーを頼んだところ「豆は2種類ございます。どちらの豆にいたしますか?」と聞かれて焦った僕がいました。スタバは定番メニュー(例えば、コーヒーと氷を砕いて上に生クリームを載せたフラペチーノ)だったり、僕の好きな「キャラメルマキアート」だったり、横文字がやたらと長いです。定番メニューでさえ長いのに、その上、スタバではプラス50円でカスタマイズを行う事ができます。これによってほぼ無数に自分の好みのメニューが作れます。これが通にとっては楽しみだったりするわけですが… そんなの
産経新聞を応援する会庶民万民を宝とされ「おほみたから」と呼ばれた皇室は日本のみ 陛下のもとに全ての国民は対等 法の下に対等です 人権は尊重されて当然ですが利権ではありません 産経新聞の応援を通して日本を普通の国にしよう 外交評論家、加瀬英明氏が世話役となり、10月14日(木)、東京の北野アームスで出版を祝う会が開かれた。受付で渡されたのは崔基鎬加耶大学客員教授著『日韓併合 韓民族を救った「日帝36年」の真実』であった。最近韓国では、政治的に反日的な動きが強くなっている。そんな状況の中で、わざわざ「日帝36年が韓民族を救った」と題する理由は何なのか。著者は開会の挨拶で「私は歴史の真実を正直に書いただけです。韓国と日本は、アジアの安定のためにも両国のためにも、真の意味での協力が必要と思います。そのためには今のような歴史観では駄目です。歴史は歪曲せずに真実を見つめること。そうすれば、今後私たちが
2012年08月17日01:15 カテゴリ法/政治 慰安婦問題の「主犯」は福島瑞穂弁護士 竹島問題が慰安婦問題を再燃させ、なぜか尖閣諸島まで飛び火しているが、愛国心に燃える前にまず基本的な事実関係を理解しておいたほうがいい。本書は先週のニコ生にも出演してもらった西岡力氏の解説である。 慰安婦問題の特異性は、日本人が創作した話だということだ。ふつう「私が犯罪者だ」と嘘をつく人はいないが、奇妙なことに戦争についてはそういう「詐話師」がいる。この問題の発端となった吉田清治がその最たるもので、彼の『私の戦争犯罪』には、済州島で「慰安婦狩り」をした様子が詳細に書かれているが、なんとすべて嘘なのだ。本人ものちに「フィクションだ」と認めた。 ところが吉田の話に目をつけて日本政府を相手に訴訟を起こそうとしたのが、福島瑞穂氏や高木健一氏などの弁護士で、彼らは韓国に渡って原告になる元慰安婦を募集した。そこで見
【ソウル=中川孝之】韓国紙・朝鮮日報は16日、韓国政府が年内に、竹島(島根県)を、自然公園法に基づき国が運営する「国家地質公園」に指定する方針を固めたと報じた。 地質や景観に優れた場所とされる国家地質公園になれば、国や地方自治体の予算で様々な教育・体験行事を開催することも可能になり、韓国からの学生や一般人による訪問増加が見込まれるという。 李明博大統領も、10日の竹島上陸時に、環境保護の重要性を呼びかけていた。 一方、韓国紙・東亜日報は15日、国連教育・科学・文化機関(ユネスコ)関連機関が貴重な地質などを備えた場所を認定する「世界ジオパーク」への竹島の登録を目指す方針を、韓国政府が固めたと報じた。韓国政府高官は東亜日報に「実効支配には環境保全のアプローチが重要。(竹島問題が)国際紛争に発展した場合も、世界ジオパーク登録が有利に働く」と語った。
1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして!デザイナーのマチダです。2012年4月に新卒入社し、現在はスマートフォンゲームのイラストを制作しています。 はじめに-Illustratorの仕組み-多機能によってグラフィックだけでなく文書作成などマルチに活躍できるIllustratorですが、機能の多さに最初は何をどのように使ったらいいのか戸惑うかと思います。 <illustratorでイラストを描く際に心がけていただきたいこと> 普通絵を描く時は線画を描いて着彩すると思いますがIllustratorは少々違い、"様々な形をした図形を配置"して絵を描きます。図形を上に重ねていくことで
こういうのを集めだすときりがないのですが、個人的に本当によくお世話になっているサイトに絞って紹介してみます。 有名なサイトばかりですがサイトを作るにあたってお世話になる順に紹介していきます。参考になればうれしいです。 Webデザインギャラリー | I/O 3000 まず、ギャラリーサイトでサイトのイメージを膨らませます。カテゴリ、タグ、カラーで整理されており、とても探しやすいです。 このようなギャラリーサイトは他にもありますが、ページ変遷なしで次を読み込むのでとても見やすいです。 他にはこんなサイトをよく見ます。 WEBデザインの見本帳 Web Design Clip 【Webデザインクリップ】 【HTMLタグの簡単検索】TAG index - ホームページ作成情報 プロの方はPhotoshopで描いてからコードを書いていくみたいですが、私は最初からHTMLを書いていきます。 一応Drea
ベジェ曲線講座1.初級編 アドビ イラストレーターの基本となるベジェ曲線講座です。ベジェ曲線のしくみや使い方から、ロゴやイラストをトレースするコツなどを図解しています。 ベジェ曲線講座2.能率アップ編 イラストレーターで能率を上げる使い方や、ミスを防ぐ注意点などに関する講座です。 ベジェ曲線講座3.Shade初級編 3DCGソフトのShadeで、誰もがつまずく線形状(ベジェ曲線)と自由曲面の解説です。 Illustrator講座 DTPに欠かせないアドビ イラストレーターですが、5から8~10、CS~CCへと変わっていく間にいろいろと機能が増え、何から学べば良いか分かりにくくなりました。原点に戻って基本的な使い方を中心に解説しています。 初めてのIllustrator 簡単な課題を通して、アドビ イラストレーターを最初の一歩から学ぶ講座です。 アドビ イラストレーター スクリプト イラスト
春山 有由希 / ハルヤマ ユウキ UX / UI Design HTML / CSS Graphic Design Photography Designer & Front-end developer 福岡でプログラマとして就職後、Web制作会社に転職し、デザイナーになりました。 ECサイト、テレビ局や番組サイトのデザイン、執筆や講師業などで経験を積んだのち上京し、株式会社Fablicで フリマアプリ フリル(現ラクマ)のUI/UXデザインを担当。 その後、楽天株式会社でデザインチームマネージャを担当したのち、 フリーランスのデザイナーを経て、現在は株式会社スマートバンクでデザイナーをしています。 MORE PROFILE
2011年に紹介したものを中心としたjQueryのプラグイン100+α選です。 今年はCSS3の影響もあってかアニメーションのエフェクトが目立ちました。また、Resposive Web Design用の可変ものや動画・テキストを扱ったものも多かったですね。 [ad#ad-2] 動画関連 画像ギャラリー関連 画像拡大関連 画像配置・キャプション関連 背景画像関連 コンテンツスライダー・カルーセル関連 タブ関連 ナビゲーション関連 レイアウト関連 パネル・ボックス関連 ツールチップ・ティッカー関連 アニメーション関連 エフェクト関連 スクロール操作・スクロールコンテンツ関連 リスト関連 テーブル関連 フォーム関連 テキスト関連 見出し抽出関連 ローディング関連 エレメント・コンテンツ生成 その他 動画関連
Twitterでは、ほんのちょっとなのに有益な、Officeの考え方や上達のコツ、そして、このサイトの更新情報をつぶやいています! YouTubeでは、ショートカットキーや、効率アップの技のうち、すき間時間に気軽に見られるものを公開! メールマガジンでは、重要なOfficeの操作・考え方をはじめ、渾身の大型企画や、管理人こだわりの記事の情報をお伝えしています! このサイトの著者について こんにちは、このサイトの全ての記事を書いている海老澤 亜希(Aki Ebisawa)です。 インストラクターとして、Word・Excel・PowerPointの講座を担当してきた経験を活かし、2004年からこのサイトの前身となるサイトをスタート。 2007年からこのサイトをスタートさせました。 特に、「Word・Excel・PowerPointを仕事で使うんだけど、使い方に自信が無いよ・・・」という、初心者
【2024年8月】レンタルサーバーおすすめ10社を徹底比較! 人気ランキングも PR 最終更新日:2024年08月16日
このブログがフロントに関する記事が多いもんだから、たまにデザイナーと呼ばれることがあるんですが、僕は業務としてはデザインよか制作ディレクションの方がどちらかと言えばメインなんですよね。 そんなディレクターとしての役割の一つに、周りにいる優れたデザイナーやプログラマー、デベロッパーの業務効率を考えることが挙げられます。 何を取るわけでもなく中途半端な僕ですが、ディレクターとして周りの各プロフェッショナルの役に少しでも立てればと、そして制作する上での効率を向上させるべく色々情報収集をする中で、よくチートシートの存在を目にします。(チートシートってどれだけ普及してるのかわかりませんが、つまりカンニングペーパーのことらしいです。) WEB屋にとってのチートシートって、どれだけ優れた技術力やデザイン力を持っていても、何かしら新しい発見がある物ですよね。以前書かせてもらった時間の価値は人によって違う!
Cats Who Codeのエントリー「50のフリー写真素材サイト集」から、商用サイトでも、リンクやクレジット表記の制限無しで利用できる無料の写真素材サイトをピックアップして紹介します。 50 sites to find free stock images 上記サイトでは、他にも個人サイトのみやリンク・クレジット表記のフリーサイトが紹介されています。 [ad#ad-2]
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く