15 Effective Tips and Tricks from the Masters of CSS - noupe
There are thousands of sites out there offering tips and tricks for using CSS. But how do you know where that information is coming from? Who says the people writing these "tips" know what they're talking about? For all you know, it could be someone who has not clue what CSS even stands for, let alone how to use it effectively. But that's not the case with the experts below. They're all well-known
Git Cheat Sheets JP
設定 基本 ブランチ リモート・リポジトリ git-stash git-svn 参考 修正履歴 設定 Git には様々なオプション設定がある。中には挙動を大きく変えるものもあるので注意が必要である。 設定をすべて表示する $ git config --list システム (/etc/gitconfig) の設定 $ git config --system --list や、ユーザーごと (~/.gitconfig) の設定 $ git config --global --list など表示する対象を絞ることもできる。 ユーザ名とメール・アドレスを設定する $ git config --global user.name "John Doe" $ git config --global user.email "john.doe@example.com" コミットする時に記録されるユーザー名とメ
CSS Tricks: Modern and Advanced Techniques for 2024
As time goes by, CSS is becoming more and more powerful and nowadays it offers lots of possibilities to create visually stunning websites. This article is a compilation of fresh, advanced CSS tips and techniques to master your web design and front-end web development skills. Each technique features sample code snippet, demo, and explanations. Warning: Some techniques contained in this article aren
JavaScriptのオブジェクトについて考察してみた - あと味
JavaScriptを勉強しているとオブジェクトとはなんぞや？ということがわからなくなってきます。選択肢が増えれば増えるほど。 JavaScriptには、同じように見えて、実は同じではないデータがあります。それらのオブジェクトについて、区別して説明が付けられるように、自分なりに考察してみました。勉強中のアウトプットなので、ここで書いた内容は事実とは大きく外れているものかもしれません。とにかく不明瞭な部分を自分なりに理由づけしたかっただけです。 サンプルコードを試される場合は、FirefoxのFireBugにあるコンソールに貼りつけて実行するか、Safariの開発ツールにあるコンソールに貼りつけて実行してください。それがわからない方は console.log の部分を alert に置き換えて確認してください。 話がややこしくなるので、今回はプロパティしか扱っていません。 名称の定義について
4 Effective Strategies To Estimate Time For Your Design Projects — Smashing Magazine
How many times have you been completely confused at how that ‘small’ project turned into such a big one costing double and taking three times the length you estimated? Many of you will say estimating time for web projects accurately is an oxymoron, but by applying a few effective techniques it’s possible to dramatically increase the accuracy of most web project estimates. How many times have you b
「CSS Reloaded」CSS3の実践的な使い方をご紹介！の感想
「CSS Reloaded」CSS3の実践的な使い方をご紹介！の感想 先日、アップルストア心斎橋で行われたCSS Reloaded「CSS3の実践的な使い方をご紹介！」に行ってきました。 資料が公開されました。 ■出典元：CSS Reloaded ■著者；John Allsopp ■リンク：Web Directions East 以下、内容を復習もかねてまとめてみました。（サンプルやブラウザ対応などは私が補足したものです。） CSSの歴史 1996年ぐらいからありました。 2000年にCSSのサポートが良いMac IEが登場 2000-2005年はCSS3の開発がストップ 2000-2008年でブラウザが劇的にCSSに対応していく。(ブラウザ Reloaded) 各ブラウザはCSS3を試験的に実装 プリフィックスをプロパティの先頭につける事によってCSS3を実装することが可能。 Firef
Paging and Custom WordPress Loops
Last week I published two articles using custom loops. The first was about how to create a custom loop. The second was how to retrieve posts based on custom fields. In both articles, several readers commented that they would like to see paging and have it explained. I’d like to thank Aaron Harun from Anthology of Ideas for supplying the code used in this post. Paging, and why it doesn’t work with
Function Web Design & Development [ Blog ] » How to Spot Quality within Web Design: Examples & Tips
Quality is a word that a lot of people like to use when describing their web design services. But what is quality, how do you know if a design is quality or not. Well, I think that there’s quite a few ways to spot quality within web designs. Once you can see just what goes into making a quality web design, you can use the techniques to perfect your own style. I’ve put together a few pointers, and
12 High-Quality Free CSS Button Libraries & Frameworks – Speckyboy
bttn.css Library bttn.css is a collection of lightly-styled buttons that feature different shapes, sizes, and colors. All styles can be called with simple class names. With the minified CSS file coming in at just 4kb, this library is also quite lightweight. CSS Buttons Collection The title may be simple, but Buttons is a library with over 20 collections of styles to choose from. Standouts include
Reset Reloaded
After a bit of time to bake and a few more suggestions from readers, I have what I’m willing to call the final version of my take on the topic of reset styles. To wit: html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt,
Equal-Height Columns (CSS Grid, Flexbox, & Table Methods)
Table of contents The Problem With Equal Height Columns The Six Best Methods To Create Equal-Height Columns CSS grid Flexbox Responsive columns Display-table Floated containers Table markup My original equal-height columns method (floated containers) dates back to October 2008 and it still works perfectly today. However. A lot of new CSS has become available in modern browsers recently and this op
SOY CMSは、SOHOやWebデザイナーの救世主になるかもしれない: 世界中の１％の人々へ
2009年2月| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 HTMLソースにコメントやタグを埋め込むだけだから、デザインは自由自在。XHTML＋CSSさえ、理解していれば簡単にサイト構築ができる。 前回の「XAMMPインストール編」に続き、SOY CMSレポート後編。今回はSOY CMSの特徴を理解すべく、チュートリアルをやってみました。 Webにシステムを利用する場合、ある程度のデザインの制約がおこる場合が多いが、SOY CMSは、特別なテンプレートをもたず、既存のHTMLに、システムで変更したい部分をコメントやタグで囲むだけなので、デザインは自由自在。 そして、更新の容易さはブログなみで、特別な管理者を必要としない。 となれば、システム担当者のいない、小さなWeb制作会社や、個人
mod_rewrite
mod_rewriteとは Apacheのモジュールのひとつで、アクセスURLを正規表現で書き換えることができます。リダイレクト処理を行うのに便利なモジュールです。 モジュールの解説ドキュメントによれば URLを操作するためのスイス製のアーミーナイフ と例えられるほど、非常に複雑な処理を行えます。 URLからURLへ、同一サーバ内URLだろうが、別サーバURLだろうが問いません。 引数を含む動的URLを通常のHTMLファイルのような静的URLに見せることも可能です。 素晴らしく詳細なマニュアルもありますが、機能が多いだけに情報量が多く読むのも面倒だと思いますので、ここでは、mod_rewriteを使用すると便利な場面を想定して具体的に解説してみたいと思います。 mod_rewriteの基本 ひとまず、mod_rewriteはApacheのモジュールです。インストールされていなければ、サーバ
プレビュー付きエディタ『Google AJAX APIs Playground』を使ってみた
すごいねこれほんとすごい。ってか今まで知らなかったこんなのあるなんて・・・。 Learn & Test Google’s APIs Easilyで掲載されてて朝から色々触ってました。 その簡単なレポートです。 GoogleAPIが色々サンプル収録されたエディターって感じでしょうか。 AJAX APIs Playground 面白いなぁ。わくわくするなぁ。 手っ取り早くRSSリーダーみたいなのを作ってみると この時点で、下のほうにプレビューが生成され、レイアウトや仕様を見ながら選べるのが特徴的。 すごく便利ー。 後はキーの部分や、取得するRSSのURLをちょこっと変えてコードをコピペすれば、あなたのサイトで簡単にRSSリーダが設置できますね。 APIキーについては、公式で確認するのが一番ですが、それぞれのサービスを使う為に、APIを使うURLをGoogleに申請して『キー』を発行してもらう必
写真の印象を一気に激変させて美しくするPhotoshopのお役立ちアクション61種類
Photoshopの一連の手順（画像のサイズを変更し、画像に効果を適用し、ファイルを目的の形式で保存するなど）を記録し、次回以降は一発でできるようにしてくれる自動作業機能のことを「アクション」と呼びます。このアクションを使えば、大量の画像をまとめてバッチ処理したり、いろいろと便利なわけですが、今回は写真の見栄えを美しくしたり、違う印象を与えるように加工するアクション61種類です。かなり便利なものが多いので、写真加工を頻繁かつ大量に行う人にはかなりお役立ちなのではないかと。 60種類の詳細は以下から。 いわゆる「クロスプロセッシング」を行うアクション ロモ・クロスプロセッシング ビンテージ風 HDR（ハイダイナミックレンジ）風 色あせたビンテージ風 肌のでこぼこを修正してなめらかに見せる いろいろなパターンのモノクロ写真へ変換 明度やコントラスト、シャープなどをブーストする ダークトーン・ミ
プロレベルのバックグラウンド画像作成Photoshopチュートリアル集:phpspot開発日誌
40 Cool Abstract and Background Photoshop Tutorials | Photoshop Tutorial プロレベルのバックグラウンド画像作成Photoshopチュートリアル集 次のような超クールな背景画像の作成の流れが分かります。こんな大量の教材があれば、もう他に教材は要らないというぐらいの充実ぶり。 Abstract Signature Windows Vista Aurora Effect Abstract Walkthrough Luminescent Lines Space Lighting effects Calculations And Colorization Abstract Light Rays Signature tutorial Movement Light Rays Abstract art wallpaper Signat
How To: Resizeable Background Image | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! My friend Richard recently came to me with a simple CSS question: Is there a way to make a background image resizeable? As in, fill the background of a web page edge-to-edge with an image, no matter the size of the browser window. Also, have it resize larger or smaller as the browser window
あ！早い！と感じるWindows XP 高速化
高速化もくじ ディスクスペースで高速化 定期的なディスクのクリーンアップ ゴミ箱の設定で高速化する 不要なアプリケーションを削除 デフラグでディスクの整理 Windowsの起動を高速化 スタートアップメニューを削除 消さないほうがいいプログラム msconfigで自動スタートアップを無効化 dumprep 0-kを外して高速化 Windowsロゴ画面の表示を短くして高速化 Windowsツール設定で高速化 入力/キーボード操作の高速化 タスクバートレイアイコンを非表示に 自動アップデートを停止する Windowsの各表示を高速化 タスクバーとスタートメニュー フォルダーの表示方法を変更 デスクトップ画面の設定で高速化クラシックデザインで高速化 システム設定をパフォーマンス優先に レジストリ設定で最適化 レジストリのバックアップをとる方法 無料ソフトでレジストリの掃除 レジストリの変更で最適
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
bayashi.jp
特集：Firefox 3とFirebugで始めるJavaScript開発｜gihyo.jp … 技術評論社
