Horizontal Drop-Down Menu | Codrops
A responsive horizontal drop-down menu inspired by the Microsoft.com menu. This large horizontal drop-down menu simply shows the sub-menu when an item gets clicked. It’s inspired by the Microsoft.com drop-down menu. Some example media queries show how to adjust the menu for smaller screens. The HTML <nav id="cbp-hrmenu" class="cbp-hrmenu"> <ul> <li> <a href="#">Products</a> <div class="cbp-hrsub">
Sara Soueidan - How to Create Windows-8-like Animations with CSS3 and jQuery
How to Create Windows-8-like 3D animations with CSS3 and jQuery By SARA SOUEIDAN on February 11th, 2013 The Markup The CSS The Javascript I have recently realized that it's been such a long time since CSS3 animations were introduced into the web, and yet I haven't really experimented or made any demos with them before. I've also been using Windows 8 for a while now (and loving it), and the first
Putting CSS Clip to Work: Expanding Overlay Effect | Codrops
A tutorial about how to create a simple expanding overlay effect using the CSS clip property and CSS transitions. Our previous article, Understanding the CSS Clip Property by Hugo Giraudel offers a great overview of the CSS clip property and the rect() function. Today we want to explore the practical side of it a little bit more. We are going to create a neat and simple effect for revealing some e
Just Be Nice – Design Studio
Settling on a domain name for your new project can be stressful. You can always change the name later, but it’s a hassle to re-brand so it’s best to get it right the first time. Tools like NameFresh are helpful in brainstorming ideas. But how do you actually go about making the final decision? It’s best to avoid making the decision on your own. If you have the budget, purchase several domains and
日本で全く冴えなかったWeb屋が海外就職する為に必要だった絶対の5カ条！ | バンクーバーのうぇぶ屋
今日はたまには海外WEB屋なお話もしなくちゃと思い、ちょっと前にお友達になった玉さんとのお話を公開してしまおうと思います。 彼は現在、カナダの現地の制作会社に勤務する日本人WEBデベロッパーです。2009年にバンクーバーのIT専門学校へ入学してインターンシップを経て海外就職に成功し現地の制作会社にてWeb制作を続けています。それだけに留まらずに、今ではカナディアンのIT専門学校のカリキュラムアドバイザーに就任するまでに至った人です。（要するに学校の授業内容とかにアドバイスする人っすね。） 僕はカナダに渡って数年も立たずフリーランスになった側の人間なので、彼のような現地の企業へ就職しきちんとしたキャリアを積んでいる人はやっぱり凄いなと思います。 しかし、僕は高卒（印刷会社に就職後、仕事しながら日本のクリエイター育成スクールに1年通学）。そして彼は高校中退→大検というキャリアです。 『海外で仕
IT系奥様必見！プログラマのダンナにしてはいけない７つの掟 | DECONCEPTER
1. パソコンに向かっているときに話しかけてはいけない プログラマの夫を持ったからには簡単にオフラインで話せると考えてはいけない。もし話しかけたかったらメールもしくはFacebookでメッセージを送ろう。 たった一言「ちょっとだけこっち向いてほしいな」と送るだけで円滑コミュニケーションを伴った円満夫婦生活の始まりだ。 2. SNSを見てるからと言って休憩していると思ってはいけない もしあなたのダンナがWEBに携わるプログラマなら、SNSを見るのは仕事のうちと考えていると思って間違いありません。 実際にFacebookページの制作やTwitterを絡めたサイトの制作を仕事で請け負っている可能性もあります。 必ず1のルールを忘れてはいけません。 3. ダンナが食事中にiPhoneを見てるからといって不満を言ってはいけない あなたの夫は情報に追われています。本人は追っているつもりかも知れませんが
W3C HTML5 Logo
An HTML5 Logo It stands strong and true, resilient and universal as the markup you write. It shines as bright and as bold as the forward-thinking, dedicated web developers you are. It's the standard's standard, a pennant for progress. And it certainly doesn't use tables for layout. We present an HTML5 logo. The Technology Imagination, meet implementation. HTML5 is the cornerstone of the W3C's ope
10 Useful and Time Saving JavaScript Snippets
JavaScript evolves at a really fast pace. With such a big wave of fresh JavaScript technology splashing the web everyday it’s a daunting task to keep up to date with all of it. jQuery is the preferred library due to its undeniable popularity, although some scripts are written in pure JavaScript. In this article we are going to cover 10 useful scripts that will save you some time when solving commo
25 Beautiful Contact Pages for Inspiration - SkyTechGeek
When it comes to web design, Contact form plays an important role and one of the most essential component for a website or blog. The contact form should display overall information and functionality of your website or business which help visitors to easily understand your business and website. A poor designed contact form will drive your customer away from your blog and can cause your business gro
SpritePad - Create and edit css sprites
SpritePad is your free and easy-to-use web app for creating CSS spritemaps. It only needs seconds: Drag & drop your images onto the grid and have it immediately available as one PNG + CSS code. No fiddling in Photoshop, no manual assignment of CSS styles, no long-winded setups, SpritePad makes creating spritemaps as easy as writing your next e-mail. What SpritePad can do for you We are Kiss We’re
アップル元社員語る「過酷な社内政治とクレイジーな要求」
「社内政治は本当にキツい。マイクロソフトもすごいらしいですが、それに負けないくらいすごい」 「そもそも要求が無茶なんです。まずジョブズの思いつきから始まるわけです」 数々のヒット商品を生み出してきたアップル。世間では創業者の故スティーブ・ジョブズを、神様のように畏敬の念をもって崇める人々も多い。 だが、実際のアップルの現場では、多くの優秀な人材を集め、優れた製品やサービスを生み出すために、キレイごとだけでは済まされない、“超過酷な”社内政治やジョブズから出される“不可能に近い”要求に、社員は絶えずさらされているのだ。 アップルのスマートでクリエイティブなイメージの裏には、どんな姿が隠されているのか？ 4月に発売され、IT業界のみならず多くのビジネスマンの間で好評を博している『僕がアップルで学んだこと』（アスキー新書）（http://www.amazon.co.jp/dp/404886539
これは面白い。WordPressをターミナルで操作·wp-cli MOONGIFT
wp-cliはWordPressの管理コンソールです。 WordPressには優秀な管理画面がついています。しかし毎回Webブラウザでアクセスして操作するのに面倒臭さを感じている人も多いのではないでしょうか。そんな方にお勧めなのがwp-cliです。WordPress用のコンソールベースの管理スクリプトです。 インストールします。 オプションです。 インストールしています。なんと認証不要です。 別なプラグインもインストールしてみました。管理画面で見ると分かりますが確かにインストールされています。有効化もできます。 MySQLにその場で接続をしました。 投稿生成機能を使ってみました。ダミー投稿が一気に作られてます。 wp-cliはXML-RPCを使っているという訳ではなく、直接（恐らくWordPressの内部API）メソッドを呼び出して実行しています。そのためログインも不要で操作できてしまいま
Invoice Design Inspiration: Best Examples and Practices - Designmodo
Invoice Design Inspiration: Best Examples and Practices ResourcesAndrian Valeanu • May 28, 2012 • 4 minutes READ Invoice has to be accurate and to-the-point so that you don’t face any problem when it comes to receiving payment from clients. Designing invoice may seem easy but it isn’t so. It’s requires a lot of seriousness and thoughtfulness. You can say that it acts as a tool through which your e
Zocial CSS3 Buttons
The Popular Kids Sign in with Facebook Sign in with Google+ Sign in with Twitter Sign in with LinkedIn The Cool Kids Sync with Dropbox Clip to Evernote Follow me on Forrst Sign in with Dribbble Sign in to CloudApp Fork me on Github Fork me on GitLab Play on Spotify Read It Later Follow me on Soundcloud Follow me on Tumblr Read on Smashing Magazine Available on iTunes Available on the App Store Ava
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Pocket
CSS-Tricks - A Website About Making Websites
http://www.cmmntr.com/m/58
SyntaxHighlighter Code Block
cmmntr.com
Shakenandstirredweb