ミニマルデザインでよく使用される特徴的なエレメントとそれを効果的に使用したウェブサイトを1stwebdesignerから紹介します。 Modern Element Trends In Minimal Webdesign of 2010 ミニマルデザインの特徴的な12のエレメント 参考として当サイトで紹介した関連記事を記しています。 多くの効果的なネガティブスペース 参考:ウェブデザインにおけるネガティブスペースの活用ガイド グリッドベースのウェブデザイン 参考:グリッドシステム -サイトへの有効活用方法 クリアで大きなタイポグラフィ 繊細なテクスチャとパターン 小さいアイコン 軽いシャドウ、グラデーション、レタープレスのエフェクト 参考:ドロップシャドウとグラデーションの使用を的確にするためのチュートリアル レタープレスエフェクトのチュートリアル リボン、スケッチ、点線、ルーラー、半透明な
Web制作を少しでも効率化しよう と思って(今更)いろいろ便利そう な情報を探しました。既に使って いる情報の方が多かったのです が、折角調べたのでシェアしたい と思ってエントリーです。 コーディングをもっと円滑に、という旨の情報です。順不同。あんまり多いと逆効果なので量は絞りました。一応これでも絞りました。絞ったつもり。 zen-coding 話題になったzen-coding。だいぶ慣れて来た方もいらっしゃるのでは。 zen-coding(本家) HTMLコーディングが3倍速くなる?「Zen-Coding」 秀丸Zen- Codingマクロ コーディングの効率化を図るZen codingをDreamweaver cs4に入れる方法 WP Zen-Codingが凄く便利 初期設定とかTipsとか 制作前に知っておくと便利なコードとかTipsいろいろ。 css書く前にチェック。 もう、cla
HTML5版の新規でサイトを作るのに使えそうな一式です。 今までの新規で使えそうな一式のVer3からも有る程度流用はしていますが、結構いじってます。 今までみたいに、社内のマークアップエンジニアとかそういう人がもう居ない環境なので、何処かで使われていた訳ではありませんが、まー最初の準備って地味に面倒なのでちゃちゃっと始めるには良いんじゃないでしょうか。 【HTML5】新規でサイトを作るのに使えそうな一式。Ver 1をDL(zip:12kb) HTML5版のVer 1を見る 社内のマークアップエンジニアとかって書いたら、これどうなのよ?とか話してた頃がちょっと懐かしくなった。 コーダー飲みとか、CSS Niteなんかで、マークアップエンジニアやコーダーさんと会う機会は結構有るのに、そういう具体的な?話まではしないからなぁ・・・ それはさておき、中身のご説明などを続きにて。 中身のご説明 zi
雑誌や新聞のiPadアプリが色々と出回ってきている中、その広告効果に関する興味深い数値が紹介された記事を見つけたので要点をまとめてご紹介します。ユーザを集め、ページビューを増やして何ぼのウェブ広告と、まだデバイスとしてアーリーアダプターにしか行き渡っていないiPadにおける広告をいくつかの効果指標で比較しています。「標準」なんてものがまだない今、先駆者がこういったデータを公開して共有することの価値は高い。 まずは、注目されているiPadアプリのダウンロード数。ニューヨークタイムズの無料iPadアプリのダウンロード数は5月中旬時点で30万件。4月3日に発売されたiPad本体の5月末時点の販売台数は100万台だったので、実に4人に1人がダウンロードしていたことになります。また、iPad版がスゴイ!と噂される”Wired”は、有料版アプリの発売から1週間で66,000ダウンロード。Chris A
本日6月9日は「ロックの日」。最近では「けいおん!」や「BECK」などバンドを題材にしたアニメやマンガがブームになり、「自分も楽器を始めたい!」「バンドを組みたい!」という人が増えているようです。そこで今回は、中でも最もポピュラーな「エレキギター」にスポットを当て、選び方から練習方法まで、「エレキギター初心者にオススメしたいお役立ちエントリー」を集めてみました。 ■ギターの選び方、始める前に最低限必要なものは? これからギターを始めたいという人にとっては、まずギターを選ぶ段階から分からないことがいっぱいですよね。ギター本体以外にも、色々必要な機材や小物がある様子。一体何を揃えればいいのでしょうか? ▽エレキギターを始めるために必要なモノと、その選び方 | はじめよう!エレキギター【楽器探そう!デジマート】 こちらのエントリーでは、ギターの選び方はもちろん、最低限必要な機材や小物、あれば便利
数日前、Twitter で「頭で稼ぐ時代に、汗をかくことは意味がない」と書いたところ「肉体労働者たちの仕事も社会には必要だ」という意見をいただいた。そもそも、私はホワイトカラーの仕事について述べていたのであって、肉体労働者のことは念頭においていなかった。やや面食らったのだが、その後あれこれ考えてみて、思ったことを記してみる。 私は来月で40歳になる。平均寿命が80歳という時代なので、ちょうど人生の折り返し地点か。「もう半分しかないか?あと半分もあるか?」と聞かれれば「あと半分もある」という気がする。もちろん80歳まで生きられる保障はどこにもないけどね。 私が大学を出たのが23歳のとき。それから17年間いろんな仕事をしてきた。転職回数はたぶん10回以上。(たぶん、というのはもう多すぎて正確にカウントできないという意味)仕事は大体 IT 関係が多いのだが、実は肉体労働の仕事もずいぶんやった。群
2010年06月09日13:51 カテゴリ 「!」を絶対に禁止|公開3カ月で30万PVに伸びたライティングルール 非モテタイムズは3月21日に公開しました。PVは、およそ2ヶ月半たった現在の時点で、およそ月間30万PVです。Googleニュースに配信されたのが4月から。livedoorに配信が決まったのは6月に入ってからです。 なかなか検討していると周りから言われていますが、目指すは月間1000万PVなのですから、達成率は3%、喜び度も3%です。ですが、公開した3月は、21日から31日までの10日で約24000PV。単純に月計算すると72000PVですので、それと比べると雲泥の差であることは事実です。 では、どうやって月間30万PVになったのでしょうか。 ◆「8:2」の法則 「8:2の法則」という話が最近よく話題に上ります。問題にぶつかった時に「8:2」の法則で考えると解決策が見つかりや
15 Free HTML5-CSS3 Templates to Start the Future of Web Design | blogfreakz.com フリーで使える15のHTML5+CSS3なテンプレートファイルが公開されています。 それぞれ地味なようでいて、HTML5やCSS3のテクニックをふんだんに使っています。 素材として使ってもよいですし、1つの学習用リソースとして活用してみるのも有益ですね。 関連エントリ ハイセンスにデザインされたHTML/CSSテンプレート集 CSSテンプレート配布サイト色々まとめ フリーのビューティフルなCSSテンプレート沢山「Css 4 Free」 フリーで使えるプロ顔負けの美麗CSSサイトテンプレート集 使えるCSSレイアウトテンプレート集「mycelly.com」
WordPressのテーマをHTMLから 作成する方法を記事にしようと思 って5時間ほど書いてから、他に 記事が多数あって凹んだので、 代わりにそのテーマ作成記事を ご紹介します。 HTMLからWPのテーマにするのはPHPの知識が無いと敷居が高いと思われてる方も少なくないかと思いますが、想像よりもかなり簡単です。以前書いたWordPressテーマカスタマイズ事始め・基本構造を理解してカスタマイズしてみるという記事が問題なければ作れるでしょう。 もちろん、複雑な構造のテーマはPHPの知識が必要ですが、通常のWebサイトをWPテーマ化する程度なら先ほどの構造といくつかのテンプレートタグが分かれば作れます。作れるようになれば、よりWordPressの楽しさを実感できると思います。ぜひチャレンジしてみてください。 色々と回り道をしてようやく作れるようになりましたが、こうして改めて探してみると、以下
アドビの期間限定ギャラリー「station 5」にて、全国の美術系の学生に向けたセミナー『アドビ×美ナビ presents 実践! 作品を「活かす」ポートフォリオ Fine art編』が開催された。セミナーでは、就職に役立つ魅力的なポートフォリオの制作法が紹介された。 セミナーには、美大生のためのフリーペーパー「パートナー」の出版・発行を行っているモーフィングの取締役 中川恭志氏と、アドビ システムズ 教育マーケット営業部 宮岸尉子氏が登場。中川氏はイベントの前半で、美大生の就職事情や、クリエイティブ系の就職活動におけるポートフォリオの重要性を語った。イベントの後半で中川氏は、フリーペーパー「パートナー」の編集に携わっていた多摩美術大学の松永美春さんをステージに上げた。松永さんはすでに広告代理店の内定を決めた現役大学生。松永さんは実際に就職活動で使用した自身のポートフォリオを持参し、その制
Create a Custom Content Slider with jQuery jQueryでいい感じのコンテンツスライダーを作成するチュートリアルとサンプル。 次のように、左側にボタンがあって押すと右側のコンテンツがアニメーションで切り替わるコンテンツスライダーの実装チュートリアルとサンプルが公開されています。 サイドバー等に仕込むことで少ないスペースで多くの情報を格納することが出来る上になかなかクールな印象を与えられそうですね。 簡易チュートリアル的なコンテンツを載せる場合なんかに使えそうです。 関連エントリ jQueryとCSS3で作るカラフルなスライダーウィジェット JavaScript製の画像スライダー・ギャラリーいろいろ JavaScriptでページスライダー用ライブラリいろいろ
HTML5 Showcase: 48 Potential Flash-Killing Demos | Design HTML5のポテンシャルを感じられる48のサンプルサイト。 元エントリでは Flash Killing などという少々ショッキングなタイトルで表されていますが、まさに文字通りの凄いサンプルが多く紹介されています。 HTML5対応ブラウザでどうぞ 現在では、iPhoneやiPadでは既にHTML5は普通に動くので、HTML5はもう次世代というわけではなく、1つのスマートフォン向けのリッチなインターネットコンテンツ実装用の要素として覚えておくべき位置づけになっていますね。 関連エントリ 見ておくべきHTML5サイト集 HTML5のCanvasで動く超クールなデモページ HTML5なページでもIEで印刷した時に崩れないようにする「IE Print Protector」 CSS3とH
ページに動画を埋め込む際につい使ってしまいたくなるjQueryプラグイン「Video LightBox」 2010年06月10日- Video LightBox - Embed video to your website with beautiful Lightbox effect! ページに動画を埋め込む際につい使ってしまいたくなるjQueryプラグイン「Video LightBox」。 名前から推測するに、単に動画をLightBox化しただけでしょう、と思いきやなかなか素晴らしいプラグインになっていたのでご紹介です。 動画のサムネイルを次のように様々なスキンによって修飾できます。クリックすればニュイーンとLightBox表示されるというオシャレさ加減がいいです。 更に埋込可能な動画形式が豊富で、flv, mp4, 3gp や、外部動画サイトのYoutube, Facebook, Goo
class名やid名って付ける時悩みませんか? 今でもボクは結構悩むんですが、そんな悩みを解決する為に、人さまのソース覗きまくってよくあるclass名とid名を拾ってきました。 これで、チョットだけ作業効率アップ!? 2010年6月10日追記: この記事自体、2007年 1月15日に書かれてるんでかなり古いです。 あくまでも参考程度に留めてもらうのが良いかと思います。 今だったら、html5の要素を参考にしたりして付けるのが、今後の事を考えると良いのかなーと思います。 また、善し悪しの判断はせずに公開しているものですが、位置に関するのは仕様変更に弱くなるのでオススメはしません。 全体に使えそうな感じ wrap wrapper top-wrapper wrapperAll frame mframe all-frame container page pagetop all allContent
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く