ナビメニュー100連発！CSSで表現できるコピペ可能なHTMLスニペットまとめ
ウェブサイトにおいてユーザーが特に操作する機会の多い部分のひとつが、ナビゲーションメニューでしょう。モバイル端末でのアクセスが増えているいま、より使いやすいスタイルが求められるようになっています。 今回は HTML と CSS、わずかな JavaScript で実装できるさまざまなナビゲーションメニュー用コードスニペットをまとめてご紹介します。アコーディオン型やサークル型、ドロップダウンやフルスクリーン、水平型、モバイル用、Off-Canvasメニューなどをスタイル別に100個まとめています。あらゆるWebデザインプロジェクトで使えるスニペットを、きっと見つけることができるでしょう。 ハンバーガーメニューはもう古い！代わりに使えるモバイル用ナビメニュー5つまとめ コンテンツ目次 1. アコーディオンメニュー 2. サークル型ナビメニュー 3. ドロップダウンメニュー 4. フルスクリーンメ
これからWeb業界に就職する新人へ送る、成長率＆効率を大幅に上げるための記事まとめ | LISKUL
この記事は、これからWeb業界に飛び込む新人へ送るものです。 一口にWeb業界と言っても様々な職種が考えられますが、共通するのはとにかく『変化が激しい』こと。 どうせスピード感への対応に追われるのであれば、肝心なのは最初です。誰もが皆、猛烈なスタートダッシュをかけたい、と思っていることでしょう。 そんな激しい変化の中でも、Web業界には「名記事」と呼ばれる記事がいくつかあり、それを最初に知っておくだけでその後の活躍が大きく変わるものが存在します。 そこで今回のまとめでは、業界経験5年以上で活躍しているベテラン社員のヒアリングの中から名記事を選定し、中でもはてなブックマークを3ケタ以上集めている記事を中心に厳選して紹介いたします。 なるべく汎用性のある情報からスペシフィックなものまで網羅するよう、記事をまとめましたので、「とりあえずWeb関連の会社に就職する」という人は是非ご一読下さい！ 1
Web制作に携わる人は見ておくべき、2011年のはてブ1500数以上の良記事31選 | URAMAYU
2011年のWeb制作トレンドをはてブのホットエントリから振り返ってみました。 2011年でトレンドは、スマートフォン向けサイトやアプリの制作関連、HTML5関連、あとはFacebook対応のためのノウハウといった感じでした。 はてなブックマーク「コンピュータ・IT」カテゴリ内で、1500以上ブクマがついた記事を選出、その中からさらに私の主観も入りつつ、2011年Web制作系のエントリーの中でもベストな31記事をピックアップ、Webデザイン系、SEO系、HTML+CSS系、プログラミング系、スマートフォンサイト制作系、企画、ツール、その他系、素材系にそれぞれ分類しました。 Webデザイン系 1. 色彩センスのいらない配色講座 配色と色についてひじょーに分かりやすく、論理的に解説されたスライド。はてブ数ダントツ。 2. デザインの基礎力をワンランクアップしたい私（Webデザイナー
【２０１１年】【Webエンジニア向け】はてブ数ランキング厳選超人気記事総覧 / Devslog
2011年も残すところあと少しになりました。2011年にはてなブックマークをたくさん集めた記事の中から、Webデベロッパー向けに限定して厳選してお届けします。 ウェブデザイン入門 ウェブサイトにおける視覚面に対し、整理・再構築・意匠等を施す。グラフィックデザイン的な要素を多く含む一方で、インタラクティブな要素を持つウェブの性格上、情報デザインあるいは工業デザイン的なスキルも求められる。ウェブサイト全体の情報設計、見た目を中心とするグラフィックデザインやGUIの設計、ウェブアプリケーションのUI設計構築など多岐に渡る。 Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報 WEBデザイナーを目指す人へお勧めしたい記事・サイトまとめ – YATのBlog デザイナーからデザインの基礎や原則を学べるエントリーまとめ（webデザイナ向け）*ホームページを
Facebookが楽しくなる小技・設定・Tips集 - RyoAnna
Tweet Facebookを本格的に使いはじめた。 Facebookは実名を求められる上に、システムが複雑で慣れるのに時間がかかる。 Twitterと比べるとどうしても敷居が高くなる。 たが、「いいね」の世界が分かり始めると、抜け出せない楽しさがそこにはある。 今回はFacebookのTipsを集めた。 あなたがFacebookに興味を持つきっかけになると嬉しい。 個人アカウント 1. アカウント作成迷える全ての日本人に捧ぐ！Facebookが絶対楽しくなる１０のポイント！:Apr.Foolism 2. プライバシー設定Facebookをやる上で知っとくべき７個のプライバシー設定方法 | Last Day. jp 3. プライバシーを気にするのが面倒になったら愛と幻想のフェイスブック - #RyoAnnaBlog 4. 自分がつけた「いいね！」の履歴をチェックするFacebookの「いい
永久保存級の2MB以下の使えるフリーソフト30選！
永久保存級の2MB以下の使えるフリーソフト30選！2011.04.27 11:0021,088 mayumine コンピューターはより速く、メモリはどんどん増強され、ハードウェアの進化とともに、より力強くなってきました。コンピューターのスペック向上はいくらでも歓迎します。 でも同時にソフトウェアの方も、より多くの機能が詰め込まれどんどん重くなっています。 しかし本当はソフトウェアは軽ければ軽いほうがいいに決まっているじゃない！ ということで今回、容量が極力少ない、2MB以下で使えるフリーのソフトを30個、惜しみなく紹介していきます。 （Windows、Macのソフトが混ざって紹介されています） SpaceSniffer どのファイルがコンピューターの容量をどれだけ圧迫しているか見たい時。 そんな時、SpaceSnifferを使いましょう。 WinDirStatと同じようなソフトですが、Sp
オーソリティサイトになるための7つの条件 など10+11記事（海外&国内SEO情報） | 海外&国内SEO情報ウォッチ
SEO、特にグーグルのSEOにおいては「オーソリティサイト」という言葉がたびたび出てくる。日本語では「権威のあるサイト」といったところ。グーグルはオーソリティのあるサイトを評価すると言われている。 では、グーグルが評価する「オーソリティサイト」とはいったいどんなサイトのことなのだろうか。SEMリサーチの渡辺隆広氏が、オーソリティサイトになるために必要だと推測できる構成要素を7つ解説している。 存続期間コンテンツ数量鮮度・更新性テーマ・専門性アウトバウンドリンクインバウンドリンク/ダイバーシティ/クオリティコミュニティ少なくともこれらの7つを達成できるようにSEOに取り組んでほしい。オーソリティサイトになる・ならないを別にしても、グーグルからの評価は上がるだろう。 日本語で読めるSEO/SEM情報DMCAに基づいてコピーサイトをグーグルが検索結果から削除するまでの日数 ★★★★☆ 無断コピー
ウェブページ製作者は必見、HTMLやJavascript等のチートシート19個
ウェブページを製作するときに使われるHTMLやCSS、javascriptなどの細かい文法をちょっと調べるときにいちいちウェブで検索するのは面倒なもの。そういう時に便利な「チートシート」つまりカンペをどどんと19種類集めてみました。便利なだけでなく、デザインも美しいものばかりです。 1. (X)HTML Elements and Attributes HTMLの要素や属性を含むタグやその動作を確認したいときなどに便利。 2. HTML 一枚のシートにまとまっているので助かります。 3. HTML5 Canvas 動的な2次元ビットマップ画像の描画のためのHTML5要素であるCanvasのチートシート。バリバリ使えたらかっこいいかも。 4. HTML5 Visual Cheat Sheet すべてのブラウザでHTML5対応してほしい。 5. マイクロフォーマット （参考：マイクロフォーマット
フリーのフォントで最強は何よ:哲学ニュースnwk
2011年02月22日14:20 フリーのフォントで最強は何よ Tweet 1： ケズリス(中部地方)：2011/02/20(日) 17:14:38.72 ID:NsTw1bOu0 膨大な異体字を含む漢字約8万字を収録したフリーのTrueTypeフォント「Tフォント」 明朝体・ゴシック体・楷書体の漢字を各78,675字収録 http://www.forest.impress.co.jp/docs/review/20110218_427596.html 「Tフォント」2011-01版 「Tフォント」は、膨大な異体字を含む78,675字を収録した 明朝体・ゴシック体・楷書体のTrueTypeフォント。 Windowsなどに対応するフリーソフトで、現在国産OS開発プロジェクト “TRONプロジェクト”のうち、文字コード の管理および普及促進を行う機関“TRON文字収録センター”の Webサイ
結局どうすればいいの？ - Dive Into HTML5
Translation of: What Does It All Mean? - Dive Into HTML5 Diving In The Doctype The Root Element The <head> Element Character Encoding Friends & (Link) Relations rel = stylesheet rel = alternate Other Link Relations in HTML5 New Semantic Elements in HTML5 A long digression into how browsers handle unknown elements Headers Articles Dates and Times Navigation Footers Further Reading 訳注 Diving In この章で
すぐに試せる便利なTips＆フリーソフト集（Firefox、Chrome編）
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます 【ラウンドアップ】 長い間使い続け、すっかり手に馴染んだつもりのマシンとOSでも、ちょっとしたワザを新しく覚えたり、今まで知らなかったフリーソフトを入れてみたりするだけで、大幅に作業効率が上がることがある。今回、これまで「IT業界を生き抜く秘密10箇条」に掲載された記事の中から、特に即効性の高い「裏技」「フリーソフト」の紹介記事をプラットフォーム別に集めてみた。まだ試していないものがあったら、ぜひトライしてみてほしい。この記事では、近年人気のウェブブラウザである「Firefox」と「Chrome」に関するものを紹介する。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
割り切り募集掲示板【全国都道府県駅別】ランキング
http://e0166nt.com/blog-entry-844.html