知っておくと速い！CSS3に関する「便利」なまとめ
作成：2013/11/25 更新：2014/10/24 Webデザイン > 先週WordPressの自作テーマを作っていたときに、もっとCSSで効率化できないものかと、色々調べてたら結構使ってないものがありました。出来るだけ短縮できるところは短縮したいので、今回はCSSの中でもサイトを作る上で「知っておくと効率的」なものをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 知っておきたいプロパティ １．カウント数を出力 ２．要素の前後に文字や画像 ３．カーニング ４．画像フィルタ ５．均等幅にレイアウト ６．アニメーション一覧 スマホサイト対策 ７．viewport ８．改行削除 ９．Webクリップアイコン １０．UIリセット／入力フィールド拡張 １１．横並び １２．ボタンサンプル １３．画像を使わない矢印 １４．自動改行 １５．はみ出しを隠す １
jQueryの可能性は無限大！？プラグインまとめ番外編 - Webデザイン初心者向けのあれこれ
どうもこんばんは、僕です。 今まで何度かjQueryプラグインを紹介してきましたが、今日は番外編？と言った感じです。 一応今までのプラグインまとめ記事はこちらです。 ・ひと工夫でこんなことも！ユニークなjQueryプラグイン5つ集めてみました ・すっごい動くよ！テキストをアニメーションさせるjQueryプラグイン集めてみた ・今更ながらみんな大好き（？）「lightbox」プラグインを集めてみました ・jQueryを使ったスライド・ギャラリーのライブラリを7個集めてみた ・jquery-tubular http://code.google.com/p/jquery-tubular/ ページの背景にYouTubeの動画を指定することができます。 背景を考える幅が広がるのではないでしょうか。 ・jquery.snipe http://rayfranco.github.com/jquery.sn
ウェブデザイナーは知っておきたい、ページレイアウトの代表的な10のパターン
実際のウェブサイトを例に、ずっと廃れないであろうページレイアウトの10のパターンとその特徴を紹介します。 10 Evergreen Website Layouts (that will never go out of style) [ad#ad-2] 下記は各ポイントを意訳したものです。 2カラム、広いヘッダ 3カラム、広いヘッダ フォーボックス 不確定なグリッド 大きいスクリーンショット シングルカラム 打ち出し画像 固定サイドバー グリッドベースのギャラリー マガジンスタイル [ad#ad-2] 2カラム、広いヘッダ これは最も普通のレイアウトと言ってもよいでしょう。広いヘッダが上部にあり、960pxを2カラムにし、一つは広く、もう一つは狭くしたものです。狭い方はサイドバーでナビゲーションなどが設置してあります。 慣習的に、ブログでは広い方の右にナビゲーションを置き、スタティックなサイ
地味に使えるCSS小技のメモ&サンプル集 - かちびと.net
cssの小技的なテクニックが便利なので好きなん ですが、cssそのものが嫌いで覚えられないので カンペ的な記事を作ることにしました。便利な小技 は沢山あるんですが、特に自分が良く使いそうな Tipsをメモします。既に出回っている情報ばかりで 特に目新しい手法はありませんので何も期待でき ないです。 というわけで特にテーマも一貫性も無くて、ただ便利ってだけです。推奨されない方法もあるかもしれませんが、僕は細かいこと気にしませんのでそんな感じです。 内容も既出なのでお詳しい方にはお役に立てないですが、僕の個人的なメモなので適当に流して頂けると幸いです。 floatで並べたリストのセンタリング Sample01 コード .centered { position: relative; overflow: hidden; } .centered ul { position: relative; le
WEBサービスを作るなら最低限覚えておきたいPHPのPEARモジュールまとめ:phpspot開発日誌
(追記) 2/16 23時 いくつかのライブラリを追記しました。 WEBサービスを作るなら最低限覚えておきたいPHPのPEARモジュールまとめ。 本家pearには560程のモジュールがあります(2011/2月現在)が、WEBサービスを作る上でよく使う物をまとめてみました。 これからPHPを使ってサービスを作ろうと思っている方は代替を使うことになると思うので参考にしてみて下さい。 php はインストール時点で既に多くの機能が備わっており、大体のことができてしまいますが、PEARを使うことで面倒なことがより簡単にできるようになります。 PEAR以外にも便利なライブラリはあるのですが、今回はあえて殆どをPEARサイトで公開されている物に絞ってご紹介します。 基本的なパッケージ まず、汎用に使える便利なパッケージのご紹介です。 HTTP_Request2 url を渡してリモートのテキストを取って
【ビールにも】美味しい餃子【ご飯にも】 ：アルファルファモザイク
■編集元：レシピ板より「【ビールにも】美味しい餃子【ご飯にも】」 1 困った時の名無しさん :2007/04/21(土) 15:10:01 美味しい餃子餡 (・∀・)ｲｲ!! 美味しい餃子の皮 (・∀・)ｲｲ!! 美味しい焼き方 (・∀・)ｲｲ!! ビールにもご飯にも良く合う餃子を教えてください。 続きを読む
写真をいい感じに一瞬で加工してくれるPhotoshopアクション４５:phpspot開発日誌
45 Photoshop Actions To Enhance Your Photos And Stand Out | Graphic and Web Design Blog 写真をいい感じに一瞬で加工してくれるPhotoshopアクションが４５種類まとまったエントリのご紹介です。 アクションによってバッチ処理を行うことで大幅に作業が楽になりますが、今回もなかなか便利なアクション集があつまってます。 アクションは自作していいのがあったら公開してみるのもいい気がしてきました。 関連エントリ 高度な画像編集が一瞬でできてしまうPhotoshopアクション集 写真にビンテージ感を出せるPhotoshopのアクション集 写真をもっと魅力的にみせるためのPhotoshopアクション１００ 肌をツルツルに綺麗にしてくれるPhotoshopアクションが凄い 写真を一瞬でクールに出来るPhotoshopア
これ以上ないというぐらいに詳しい「動画の作り方」まとめ｜blogs.com
はてブ これ以上ないというぐらいに詳しい「動画の作り方」まとめ delicious livedoor クリップ Tumblr Instapaper メールで送信 IT・Web 2009.10.15 0 ニコニコ動画やYouTubeを中心に動画全盛期を迎えている今、見るだけでなく自分でも実際に動画を作ってみたい――そう思っている方も多いのではないかと思います。 「でもそんな知識はないし......」 「そもそもどこで作り方を学べばいいのかわからない」 そんな風に悩んでいるあなたのために、これ以上ないというぐらいに詳しい動画の作り方マニュアルが、「酔拳の王 だんげの方」でまとめられていました。 こういった実際の画面のキャプチャ画像付きで、クリックする場所の一つ一つまで丁寧に解説してくれるので、どんな初心者でも問題なく動画制作ができるようになるはず。 記事は2年前以上前のものですが、動画制作の
私はこうやってマーケティングデータを集めています。 : LINE Corporation ディレクターブログ
今年も熱い夏がやってきました。ロックフェスと事業計画の熱い夏が！ というわけでこんにちは、佐々木です。 今回は、「予算（事業計画）って、どうやって（何を根拠に）立てているんですか？」というスタッフの質問に答えるために、事業計画のために集めた資料の出典を紹介します。 なお、資料の多くは私が担当するブログ関連事業のものですので、ネットならではのマーケティングデータの集め方といった内容になります。限定的な分野ですが、なにかの参考になれば幸いです。 総務省 情報通信政策研究所（IICP) ・総務省 情報通信政策研究所 まずは総務省調べのデータ。 大規模なリサーチ結果を無料で利用できるので、とても重宝します。 例1）「ブログ･SNSの経済効果の推計」（PDF） 例2）「ブログの実態に関する調査研究」報告書本文（PDF） 矢野経済研究所 ・矢野経済研究所 ブログ関連の市場調査で優れたレポートを発表して
【CSS】覚えておいて損はない CSS の定番テクニック BEST 5 | バシャログ。
ネットで検索をすると CSS のテクニックが山ほど公開されていますが、実際に商用サイトの制作をしていて個人的に利用する頻度が高いテクニックの BEST 5 をご紹介します。 ちょっと凝ったデザインのサイトをコーディングする時に、これらのテクニックに助けられることが多いです。どれも覚えておいて損はないものばかりです！ IE6 でも min-height を使う 例えば、異なる高さのブロックを float しつつ底辺のラインを揃えたい時などに、「IE6 が min-height に対応していたら楽なのに！」と思うことがありますが、以下のテクニックを使えば IE6 でも min-height（相当）の適用が可能になります。 [CREAMU]CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 IE6 に mi
カノログ: 良質な教科書系ウェブサイト集(改訂版)
23歳、公務員です。今度お金を借りようと思っているのですが、それについて少し反対意見ももらっているので、それについてお聞きしたい事があります。 私の今回お金を借りる理由というのが、やむを得ない場合というよりも娯楽目的であるというのが正しい表現となります。娯楽という事ではっきり言ってしまえば、最悪お金を借りないとあっても別に生活が脅かされる事もありません。娯楽というのはあくまで余暇を楽しむ為のものですので、人生まで賭けるほどというわけではありません。 だから、娯楽の為にお金を借りると言うと身の回りの人は多くが反対するので、正直ちょっと迷い始めています…私としては自分で借りて自分で返済していくのだから、別にいいじゃないかというのが本音です。でも周りはそうは思ってくれないし…ここまで反対されるというのなら、止めるべきなのでしょうか？意志が弱い質問となり申し訳ないですが、ご意見をお聞かせ願えるでし
実用的なフリーフォント色々:phpspot開発日誌
Most Practical Free FONTs For Designers: 50 of the best - aComment.net There are thousands of free fonts on the web実用的なフリーフォント色々。次のような実用的なフォントが色々紹介されてます。 手書き風のものがいい感じです Sketch Rockwell Font Two Turtle Doves 28 Days Later Green Piloww Refuse Trip FFF Tusj Angelina Neon Nevis 全部見る 関連エントリ フリーフォントを入手するためのトップ５サイト フリーのイタズラ書きフォント色々
写真画像を見栄えよくするPhotoshopのチュートリアル集: Part 2
写真画像をレタッチして、見栄えをよくするPhotoshopのチュートリアル集のPart 2です。 Softer Background Effect Bourne Ultimatum Color and
Web制作に役立つフリーソフト:アルファルファモザイク
>>1 お疲れ様 前スレででたまとめサイトに掲載されてないもの [931]Website Explore http://www.umechando.com/webex/ 階層構造とファイル構成をエクスプローラ形式で表示 [944]HTMLPAD http://www.vector.co.jp/soft/win95/net/se118788.html HTMLタグ挿入型エディタ [949]Rafale http://www.forest.impress.co.jp/article/2005/02/08/rafale.html 画像を含めたWebページ全体の色合いをレタッチ感覚で一括調整 [953]削りませんか参号 http://www.vector.co.jp/soft/win95/net/se106070.html HTMLの無駄を削ったり、より無駄の少ないよう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Chromeの便利なアドオンを教えるスレ : ニュース30over
Loading...
パスワード認証
今日から始めるデジカメ撮影術 - ITmedia +D LifeStyle
自由に使えるオープンソースの日本語フォント - SourceForge.JP Magazine
犯罪発生マップ ：警視庁