私が初めてアイフォンを触ったとき、ロックを解除する方法がわからず5分間も悩んでしまいました。 一度解除のやり方を知れば、二度と忘れることはないのでしょうけど、最初で躓く人が意外と多いようです。 ロックの画面で左下の矢印ボタンを触って、そのまま右にスライドします。 矢印ボタンが右端に達すると、ロックを解除することができます。 しっかり右端までスライドしないと、ロックが解除されずまた左端にもどってきてしまうので、慌てず丁寧に操作しましょう。

CSS2.1の疑似要素を使用して、背景画像のクロップ、変形、ポジション、不透明度など背景画像に関する実用的なスタイルシートの4つのテクニックを紹介します。 CSS background image hacks [ad#ad-2] 下記は各ポイントを意訳したものです。 背景画像のクロップ 背景画像の変形 背景画像のポジション 背景画像の不透明度 背景画像のクロップ 背景画像をクロップするのは、CSS2.1だけを使用してモダンブラウザにエミュレートできます。 一つ目のデモでは、背景で表示するべき画像をクロップしています。

私の社会人生活１日目から１０年間、ずっと付き合ってきたWindowsから、この年末年始にMacbookへ乗り換えました。理由は Apple Store で新品のマッキントッシュを買う夢をみたからです。 ＜WindowsからMacへの3ポイント紹介＞ 先にことわりますが、私は windows 信者と言っても良いくらいウィンドウズが好きなのですが、この3日間で以下の結論を導きだしました。 WindowsユーザーはMacに移行した方がいい。もうWindowsとはサヨナラだ。特にiPhoneユーザーなら、PCもMacにするべきだ。 操作感はかなり違うものの実はMacを使いこなすにあたって覚えることは少ない。ショートカットキーも１日で慣れる。 移行時に多少面倒くさいのはiTunesやメーラーの移行ぐらい。あとは簡単。 というわけで、いかにMacBookがすばらしいか、まだ使い始めて１週間経っていない

WordPress をカスタマイズするなら覚えておきたい条件分岐タグと、カスタマイズにとっても便利なカスタム投稿タイプについて、簡単にまとめてみました。 WordPress をカスタマイズするなら、必ずと言っていいほど使うのが条件分岐タグ。ブログとして Webサイトを構築するなら、とってもよく使う … というほどではないかもしれませんが、一般的な Webサイトを WordPress で構築していくとなると、動的な Webサイトであればあるほど、条件分岐タグはよく使います。 また、話は変わっちゃいますけど、WordPress 3.0 から本格的に採用された新機能、カスタム投稿タイプも、WordPress でのサイト構築にはかなり便利です。おなじみの条件分岐タグから、カスタム投稿タイプ、タクソノミーまでを、メモっぽくまとめてみました。 WordPress サイト構築 Tips 目次 WordP

CSS3のボックスシャドウを内向きにし、画像の四辺をぼかしたエフェクトにするスタイルシートを紹介します。 CSS の box-shadow を使った画像輪郭のぼかし デモページ 対応ブラウザはChrome, Safari, Firefox, Operaで、IEは非対応とのことです。下記はFirefoxでのキャプチャです。 全体のキャプチャ 当サイトの記事「画像の四辺のボーダーを一味違ったスタイルにするチュートリアル」が参考になったとのことで、嬉しい限りです。 昨日、紹介したIEをCSS3対応にする「CSS3 PIE」がbox-shadowもサポートしているのでやってみましたが、insetへの対応は未なのかな、残念。

<textarea name="code" class="css" cols="60" rows="5"> .shadow { padding: 20px; border: 1px solid #f0f0f0; border-bottom: 2px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } </textarea>

cssとHTMLタグのマークアップ のみで実装出来るテクニック集 です。クロスブラウザ対応のみ をcss-playから探したので、 ついでにご紹介します。 jsが使えない環境でデザインする機会があったのでメモがてらエントリー。css-playを中心に、あとはググったりSBMで探したり。マークアップはリンク先をご確認下さい。css-playはソースを。 シンプルなドロップダウンメニュー シンプルなドロップダウンメニューです。マルチレベルのメニューも可能。 demo 縦並びのフライアウトメニュー 横に出るフライアウトタイプ。画像を使用しています。 demo クロスブラウザ対応のグラデーション webkit系でもmozでもIEでもcssのみでグラデーションを実装。 Cross-Browser CSS Gradient ハック、テーブルも使用しないドロップダウンメニュー シンプルなドロップダウンメ

ブログの記事タイトルやサイドバーのタイトルなどで使えるオーソドックスな見出し（hタグ）のデザインサンプル集です。見出しにはCSS3や画像を使っていないのでシンプルですが、一応よく使うので、メモとしてエントリーしておきました。 ※追記6/24 HTMLのマークアップをpからh3に置き換えました。 見出し(Headline)のサンプル集 色やボーダーサイズ等の装飾部分は お好みで編集してください。 見出しサンプル01 .selector01{ border-left:7px solid #e3297d; padding:.6em .8em } 見出しサンプル02 .selector02{ border-left:7px solid #ccc; border-bottom:1px solid #ccc; padding:.6em .8em } 見出しサンプル03 .selector03{ bor

95555725/ Hemera/ Thinkstock PHPで文字列を操作したい。 そんなときにおすすめなのが、『10 PHP code snippets for working with strings』。文字列を扱うPHPのコードスニペット集です。 使いやすそうなコードが揃っています。 Twitter用に文字列を140文字以内に整形する function split_to_chunks($to,$text){ $total_length = (140 - strlen($to)); $text_arr = explode(" ",$text); $i=0; $message[0]=""; foreach ($text_arr as $word){ if ( strlen($message[$i] . $word . ' ') <= $total_length ){ if ($tex

100768523/ Hemera/ Thinkstock WordPressをカスタマイズしたい。 そんなときにおすすめなのが、『25+ Extremely Useful Tricks for the WordPress Functions File』。WordPressのfunctions.phpを編集する便利なテクニック集です。 WordPressのバージョンを非表示にして、クライアントにアップグレードのアラートを見せないようにしたり、ダッシュボードのフッターを編集したりと、いろいろとあります。 WordPressのバージョンを非表示にする function wpbeginner_remove_version() { return ''; } add_filter('the_generator', 'wpbeginner_remove_version'); function remo

<textarea name="code" class="html" cols="60" rows="5"> <div class="affiliates"> <a href="#"><img src="rokkan.gif" alt="" /></a> <a href="#"><img src="designcubicle.gif" alt="" /></a> </div> </textarea>

１３行のコードで、Yahoo!Japanのトピックス一覧を取得する！ PerlでHTML取得・解析したいときはLWP::UserAgentとHTML::TreeBuilderというのを使うと簡単にできます。 LWP::UserAgentを使うと、Webページの取得ができます。 HTML::TreeBuilderを使うと、HTMLのDOM解析ができます。 この２つのモジュールを使って、Yahoo!Japanのトピックス一覧を取得してみましょう。 コメント行と空行を除くとたったの１３行です。 use strict; use warnings; use LWP::UserAgent; use HTML::TreeBuilder; # urlを指定する my $url = 'http://www.yahoo.co.jp'; # IE8のフリをする my $user_agent = "Mozilla

Creating 10 Most-Used Javascript Techniques Using Pure CSS Styling | DevSnippets CSSオンリーでJSを使った風のよく使われるテクニック集１０。 よく使われているかどうかは実際はよくわかりませんが、ピュアCSSということでなかなか凄いテクニック集がまとまっています。 我こそはCSSマスターという方は覚えておいてもよさそうです。 写真ギャラリー カーソルを合わせると拡大するアイコン アニメーションするコンテンツスライダー アニメーションするプログレスバー ピュアCSSなLightBox かなり色々なテクニックがなされているようですが、実用的なものが多いですね。 関連エントリ JavaScript使ってないのに使ってる風のピュアCSSなテクニック集 ピュアCSSで実装された吹き出しのデザイン例色々 クリーンなデザイ