html/css 参考サイト総まとめ
作成：2013/10/15 更新：2014/11/01 Web制作 > 先週、WordPressとEC-CUBEのレイアウトを変更しなければいけなくて、久しぶりにいじっておりましたが、忘れていたり知らなかったことが沢山ありました。レイアウトはSEOやUIにも深く関係しているのもあり、ここらへんでCSSやHTML５を触るときに参考にすると捗る記事を一回まとめようと思います。今回はCMSやオリジナルサイトを作るうえで「知っておくと必ず役立つ」ものをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 定番まとめ １．勉強になるテクニック／サンプルまとめ 基本知識 ２．セレクタ ３．メディア クエリ ４．コーディング規約 ５．フォント ６．CSSスプライト ７．アニメーション ８．正確なHTML使用方法 ９．CSSハック １０．書き方／読み方 定番まとめ
hr要素のデザインサンプル 12 - NxWorld
hr要素は罫線を表示させるもので、話題を変えるときの目印となる区切り線などとして用いられます。 どのブラウザでも完璧に同じ見栄えをとなると背景画像とかがやはり手っ取り早いし無難なんですが、やろうと思えばCSSだけでも結構いろいろとできるので、備忘録兼ねてhr要素をスタイリングしたものをまとめてみました。 ここで紹介しているものは、ブラウザによっては（特にCSS3を用いているもの）ちゃんと表示されません。 また、多用する人も多いと思う破線や点線もブラウザによっては多少見栄えが違ったりするので、使用する際はあらかじめ注意が必要になります。 はじめに ここで紹介しているものは、すべてHTMLは<hr />のみです。 また、それぞれのhr要素にはデフォルトスタイルとしてあらかじめ下記のようなスタイルを指定してあります。
Adobe製品の代わりに使える無料アプリ10+
2014年6月27日 Illustrator, Photoshop, 便利ツール PhotoshopやIllustratorなど、Adobeの製品はクリエイターの必需品のひとつとなっています。しかしその値段からなかなか手が出せない…という方も多いのではないでしょうか？今回はAdobe製品の代用として使える無料アプリをいくつか紹介します。金欠の学生さんや、様々な理由から脱Adobeを考えている方の参考になれば幸いです！ ↑私が10年以上利用している会計ソフト！ Photoshopの代わりに GIMP 長年Photoshopの代用として愛され続けているGIMP。Photoshopの拡張子であるpsdファイルが開けることはもちろん、Photoshop用のブラシなども利用可能。画像の編集・加工ツールとしてPhotoshopとほぼ同様の機能を備えています。日本語の公式チュートリアルも充実！私もお金の
角丸にドロップシャドウ、グラデーションにアニメーションなど、超簡単にCSS3スタイルの作成＆コード生成をしてくれる「CSS3 ジェネレーター」まとめ！！
角丸にドロップシャドウ、グラデーションにアニメーションなど、超簡単にCSS3スタイルの作成＆コード生成をしてくれる「CSS3 ジェネレーター」まとめ！！ html5-css3-orange-logos / Nelson Felix Giga どうも！おつぱ（ @OZPA ）です！ 今回は、角丸やドロップシャドウ、グラデーションに2D/3Dアニメーションなど、CSS3に対応したスタイルを簡単に作成、さらにコードを生成してくれる「CSS3 ジェネレーター」を厳選して8つご紹介！ ｳｵｱｱｱｱｱｱｱｱ さて、CSS3対応ブラウザも増え、角丸、ドロップシャドウ、グラデーションにWebフォント、はたまた2D/3Dのトランスフォーム（回転／拡大縮小／移動）やアニメーションなどなど…リッチなUIがコードのみで表現できるようになりました。 関連：[CSS]GoodDesign賞にノミネートされて落選するこ
buzzword(バズワード)
株式会社バズワードとして運営しているサイトの一覧です。 JavaDrive Java、 Python、 JavaScriptなどのプログラミング言語の習得を行うための解説サイトです。他に PHP や Ruby、 Perl、 C言語などの解説を行っている他、正規表現やエディタの使い方など関係する知識の解説を行っています。 DBOnline MySQL、 PostgreSQL、 SQLite などデータベースに学習するためのサイトです。インストール方法や具体的な操作手順について解説を行っています。 ハウツーノート Twitter や Gmail、 YouTube など各種インターネットサービスの使い方について解説を行っています。 OfficePro Microsoft 社の Word、 Excel 、 Access に関する利用方法や VBA を使ったプログラミング方法について解説を行っていま
私が愛用している Chrome拡張機能 おすすめ14選 - ネットの海の渚にて
今回は私が実際に使っていて便利だなぁと日頃思っているおすすめのChrome拡張機能を紹介します。 Google Mail Multi-Account Checker https://chrome.google.com/webstore/detail/google-mail-multi-account/mcpnehokodklgijkcakcfmccgpanipfp メインのアカウントとSNSやブログ関係のアカウントを使い分けているのでこれが無いとめちゃくちゃ不便。これのおかげでメーラーアプリはめったに立ち上げなくてもよくなりました。 HD for YouTube™ HD for YouTube™ - Chrome Web Store YouTubeを開くと強制的に最高画質に変更してくれる優れもの。 ちょっとの手間だけどあったらやっぱり便利。 Speed Dial [FVD] Speed D
書き方の基本から時間短縮のコツまで、使える「議事録」の書き方 - はてなブックマークニュース
会議の際、「議事録」を書くのがどうも苦手という人は多いはず。しかし、後で会議に参加していない人にその内容を伝えたり、仕事の経緯を振り返るのにも役立つ議事録は、効率良く仕事を進める上でも欠かせません。今までなんとなく書いていたという人も、一度基本の書き方を見直してみませんか？“使える議事録の書き方”を学べるエントリーを集めました。 ■何を書けばいいの？“使える議事録”の基本 あるテーマについて話し合いを行った経緯と、それによって決定した事項を記録する議事録。まずは作成の基本から見ましょう。 ▽ 議事録の書き方 基礎講座 : LINE Corporation ディレクターブログ ▽ 議事録の書き方 Part2 : LINE Corporation ディレクターブログ ▽ 1分で「使える議事録」に仕上げるチェックリスト - ITmedia エンタープライズ 議事録だからと言って、会議の内容を何も
yuuuw.net
このドメインを購入する。 yuuuw.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
WordPress私的マニュアル – WordPressを使ったサイト作成資料として
WordPressのテーマやプラグイン作成において、よく利用する関数やグローバル変数などを個人的に整理したコンテンツです。 各関数やグローバル変数は、情報別（データの種類）と目的別（機能の種類）に分類しています。 なお、ほとんどの情報はソースコードを見ながら書き留めた内容であり、確認不足による誤りや更新の遅れによる不正確な内容を含んでいる可能性があります。あらかじめご了承ください。
無料すぎて助かった！WEB制作が「はかどる」素材まとめ
作成：2013/01/21 更新：2014/11/01 Web制作 > 無料素材のブックマークが無限に増えてきた そうだ！整理しよう 今回は一つ一つ紹介せず、すでに「素敵にまとめてあるサイト」をまとめました。まとめ系４８サイトのまとめです。 フォント、素材からレスポンシブ対応した初心者でもOKのWordPressテーマまで、全て無料です。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．日本語フリーフォント ２．海外のおしゃれなフリーフォント ３．国内の写真素材 ４．アイコン ５．ユニークな素材 ６．ベクター ７．Photoshop補助 ８．ワイヤーフレーム ９．レスポンシブなWordpressテーマ １０．スマホ用ページ テンプレート １．日本語フリーフォント 重複するのもありますが、以下のサイトでほとんどの無料系フリーフォントが揃うと思います。 201
僕がユーザーとして本当に感動したWebサービスまとめ(2013年版) : けんすう日記
業界人としてではなくて個人として 僕はいわゆるインターネット業界で働いていて、Webサービスを作っていたりするので、どうしてもWebサービスを見る時に、業界人目線で見てしまったりします。 つまり「この仕組みは素晴らしい」とか、「これはビジネス的にいけてるねえ」とかそういう感じで見ちゃうのですね。 そして、業界人として言及したいサービスなどをFacebookやTwitterで紹介してしまうということも多々ありました。すでに知られているサービスよりも新しいサービスを紹介しがちだったり、応援している人がやっているサービスなどを紹介しがちだったりします。 しかし、そんな業界目線をすっとばして、本当にユーザーとして素晴らしいと思ったサービスこそ紹介する価値があるんじゃないかなあ、という気持ちもあります。そこで、今回は、完全にユーザー目線として、ここ最近感動したサービスなどを紹介したいと思います。 コ
ポスターやギターはどうやって送る？ オークションでも使える「梱包」のコツ - はてなニュース
プレゼントやオークションに出品した商品などを送る際は、「梱包」にも気を配りたいところ。本、CD、ワレモノなどの品物別に、上手な梱包のコツを紹介します。 ■ 「本」は水ぬれに注意！ 割れたりつぶれたりする心配はほとんどない本ですが、水ぬれや汚れには注意が必要です。 ▽ 安上がり＆問題のない梱包方法 ▽ アマゾンマーケットプレイスで本が売れた場合の梱包の一例 ▽ 梱包マスター〜冊子小包の梱包（封筒で梱包）方法〜 ▽ これで安心！梱包道場！〜本・雑誌編〜 古本の場合、まずは本自体に汚れや線引きなどの不備がないか確認しましょう。封筒に入れる前にビニールやポリプロピレン製の袋で包み、水ぬれを防止します。衝撃を和らげるため、袋の上からエアキャップで包んでおくと、より安心です。封筒は、一般的なクラフト封筒でOK。本に比べて封筒のサイズが大きすぎる場合は、余った部分を折り込んでガムテープで留めておくとスマ
美的.com｜美容情報やコスメ、化粧品など女性のための美容サイト
2018.6.10 6月17日まで！ キールズ期間限定コンセプトストア「ヘルシースキン ガーデン」がオープン！【美的クラブ通信】 こんにちは、美的クラブの藍沢美香です。…
ホテルの宿泊から航空機・新幹線チケットまで、「旅行」に役立つ節約術 - はてなニュース
休みを利用して旅行に出かけたいけれど、「なるべく出費は抑えたい」というのが本音。そこで今日は、お得な宿泊プランの探し方から航空券や新幹線チケットを割引価格で手に入れる方法まで、「お得に旅行する方法」を集めてみました。 ■お得に泊まれる「ホテル・旅館」を探そう まずはお得な「宿泊先」を探す方法です。目当てのホテルや旅館にできるだけ安く泊まる方法はないのでしょうか？ ▽ 国内外に旅行する時に役立ちそうなサイトいろいろ | かちびと.net ▽ 国内の特定のホテルを少しでも安く予約する方法 | nanapi [ナナピ] ▽ 西村敦子の「使える！ まる得サイト」： 最大80％オフ！高級ホテルの当日予約が超お得！割引で泊まれるホテル予約・旅館予約「yoyaQ.com」 ▽ 1泊3,000円以下の格安ホテルだけを紹介 - IPPAKU3000 - これらのエントリーでは、各ホテル予約サイトの料金を比較
イラストやWeb制作に使えるフリー素材を紹介 | 9search
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Googleをもっと便利に使いこなす32の検索技と14のネタ
先日Evernoteを整理していたら、適当にメモされたGoogleの便利な検索機能がいくつもありましたので、今日はそれをまとめておこうと思います(暇なので)。あと小ネタもいくつかありましたので、ついでにそれもまとめちゃいます。こうして改めてまとめてみると「Googleってやっぱ便利だなー」と惚れ直しました。今日紹介する検索技などを使用して、皆さんももっと便利にgoogleを使いこなしちゃってください！ ちなみに左のアイキャッチは、2012年4月24日のgoogleTOPページです。4月24日はファスナーを現在の形に仕上げたギデオン・サンドバックさんの誕生日のため、googleのTOPページがこのユニークなロゴになったようです。 Googleの検索演算子15 link:指定したページの被リンクを表示 使い方：[link:http://www.google.co.jp/] 補足：対象ページに対
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
cmmntr.com
html5-memo.com
http://indigonote.com/2011/06/17/fireworks-texture/