ウェブデザイナーの固定概念をぶっつぶす１０の方法 – vanillate
Six Revisionsの2010年９月の記事、 「10 Practical Ways to Bust Through Web Designer’s Block」を やっと読みました。 英語の記事で、鮮度は低いですが、 もう一歩ウェブデザインを前に進めたい私としては 非常にエキサイティングな内容でした。 以下は、意訳や直訳ではなく、私のメモです。 （１）逆にして考えてみる ・グリッドでひかれたファイルを大きなカンバスだとおもってはじめない ・ボタンなどの細かいディテールからはじめる ・色にはこだわらない （２）問題点を先に考える （３）コードが先、デザインが後 ・ブラウザの中で考える、フォトショップはあと。 ・スライドショーのようなjqueryを先に書く ・フォーム（デザインはとりあえずきにせず）のエラーバリデーションや、 どんな注意事項がほしいかを考える ・カスタムワードプレステーマで
jqueryでウェブサイトをリッチにするプラグインまとめ « vanillate
jqueryのプラグインのまとめです。jqueryはjavascriptベースのライブラリのようなもの。画像やメニューに動的な操作を与えたりすることが可能です。また、HTMLソースも複雑になりにくく、デザインをCSSで操作可能なものが多く、ウェブデザインをより魅力的にすることができます。 フェードしながらスライドするjQueryプラグイン デモ jQuery ListMenu Plugin デモ 大量のアイテムもすっきりとリストにできます。 Sliding login panel with jQuery デモ ログインフォームもおしゃれに。常に表示しておく必要はないですよね。アニメーション付きでぶらさがってくるこんなプラグインはいかがですか。 create a better jQuery stylesheet switcher デモ スタイルシートをjqueryで切り替えるプ
wordpressで携帯電話＆iphoneに対応する « vanillate
インターネット環境は多様化しています。まだわたしも感覚的にわからないところもあるのですが、事実、携帯電話、iphone、テレビ、wii、nintendoDS、PSP・・とたくさんの環境があります。パソコンありきであった時代はもう過去。それぞれのブラウザにあった、すべて最適化とはいかなくとも、ある程度「見る」ことができる状態にしておくことが重要になってきています。 私が今回wordpressにインストールしたのは２つのモジュール。 Mobile Eye+（携帯電話用） WPtouch iPhone Theme（iphone用） ※Mobile Eye+のページではKtai Styleをおすすめしていますが、 わたしのサーバー環境（ロリポップ＋PHP5）では動きませんでしたので、Mobile Eye+にパッチで対応しています。 エラーの内容からすると、PHP5で動くようになるはずとどの
CSSで検索フォームをカスタマイズ « vanillate
blogや、ウェブページのデザインでの検索フォーム。ここのデザインをばっちりあなたの思い通りにデザインできたら、一気にクオリティが上がるようなきがしませんか？今日はCSSで比較的簡単に検索フォームをおしゃれに変身させてしまいましょう。 HTMLコード <form id="t_searchform" method="get" action="url"> <input type="text" name="s" id="s" size="15" /> <input type="image" id="go" src="./images/vani_12.jpg" width="26" height="30" value="search" /> </form> CSSコード #t_searchform{ background: url(images/vani_11.jpg) no-repeat top
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
