HTML5とCSS3を使って作成されたフレームワークを紹介します。 「詳しくは」で各フレームワークがざっと分かる記事にリンクしています。
PerkinsはHTML5/CSS3のデザインテンプレート。多数のパターンに対応している。 PerkinsはHTML5/CSS3製のオープンソース・ソフトウェア。アイディアを思いついてすぐにコーディングにとりかかるが、Webデザインで詰まって投げ出してしまったという経験はないだろうか。デザインが今ひとつだと開発する気力までなくなってしまうというものだ。 2カラム 必要なのはある程度までパターンとして対応できる汎用的なテンプレートだ。それを実現するソフトウェアとしてPerkinsを紹介しよう。 PerkinsはHTML5/CSS3でデザインされたテンプレートだ。2カラムまたは4カラムのデザインで、ヘッダーやリスト、引用、コード記述、画像の回り込み、テーブル、フォーム、エラー(または通知)メッセージ、ボタン、角丸、傾き、細かく分けたブロックなどが用意されている。 リストなど さらに文字をアイコ
このままじゃやばい、と思ったのか動かなくなった赤ちゃん猫を加えて動物保護センターのスタッフの元に連れてきた母親猫です。 連れてきた子猫をチェックしたところ、体が冷えていたので緊急処置のため病院に送ったそうです。 その間、猫はどこかに行ってしまったのですが、再び子猫を咥えてやってきたそうです。幸いこちらの子猫の健康状態は問題なかったようです。 その後、また猫がいなくなりそうだったので猫の後とつけると、その先にはさらに死にそうな子猫が。子猫たちは脱水症状と低血糖症になっていたそうです。 それらの猫も同様に病院に送り治療したところ快方に向かい出したそうです。 今は飼い主さんがが見つかるまでの間、家族全員が安全で暖かい仮の家に預けられているそうです。 困った時は誰かを頼る、って大事ですよね。 今回のモダシンラジオは3ヶ月に一度お届けしている2024年1月-3月期のドラマ、いわゆる冬ドラマについて@
2010年に紹介したものを中心としたjQueryのプラグイン100+α選です。 今年は、アニメーションのエフェクトやレイアウト、後半は背景画像関連のプラグインが特に目立っていたように思います。 [ad#ad-2] コンテンツスライダー・カルーセル関連 ギャラリー・画像拡大関連 ナビゲーション関連 タブ関連 パネル・ボックス関連 ツールチップ関連 レイアウト関連 背景画像関連 その他UI関連 アニメーション関連 スクロール・ドラッグなど操作関連 テーブル・リスト・データ関連 フォーム関連 コンテンツ生成 その他 コンテンツスライダー・カルーセル関連
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは。Tech Blogスタッフです。 8月31日(火)、アドビ システムズ 株式会社主催のイベントBE READY for the new Web market に、弊社からスピーカーとして伊東、藤木、木村の3名が参加しました。 少し遅くなりましたが、当日の資料etc.をアップしておきます。 会場のようす 「マルチデバイス時代に向けてのYahoo! JAPANの取り組み」ついてお話しました 主催者の方によると、当日は200名定員のところ、191名(95%)の来場者、 Twitterもハッシュタグ #adobeready で500超のtweetと、盛況だったとのことです。 資料はこちらに公開しましたので、ご覧くださいませ。
Online diagramming tool for collaborating on wireframes, flowcharts, and more
デコもじは2016年11月30日(水)をもちましてサービスを終了致しました。 デコもじをご利用中の会員様におかれましては、サービス終了日をもちましてフォントの配信が終了となり、有料プランをご利用の場合はサービス終了日をもちまして課金が停止されております。 ※フォント配信は終了となりますが、Webサイト上に設置した JavaScript コードは会員様ご自身で削除をお願いいたします。 これまで長らくデコもじをご愛顧いただき、誠にありがとうございました。今後もシーサー株式会社の各種サービスのご愛顧のほどよろしくお願いいたします。
32×32ピクセルのPNG形式のアイコンが170種類詰まっており、GPLライセンスで提供されています。 ちなみにこのアイコンセットを提供している「WooThemes」は有料のWordPressテーマを作成して販売しているサイトなのですが、その過程でできあがったアイコンや最初から無料で配布するためのアイコンセットなどを時々出してきており、どれもこれも非常に高品質で実用性のあるものばかりです。 ダウンロードは以下から。 WooCons #1: 170 Free Web Icons | WooThemes Pictos: Free Tumblr Icons | WooThemes Simple & Bold Social Media Icons | WooThemes Twitter Birdie Icon | WooThemes WooFunction: 178 Amazing Web Des
「Webサイト」、「Webアプリケーション」、「Webサービス」、「Web API」などの用語の区別はそれほど明確でもないし、きっちり区別して使うのもめんどくさいので、ここでは、これらを総称してWebサービスと呼んでしまうことにします。 山本陽平さんは、その著書『Webを支える技術』のなかで、人間がブラウザを使って利用するWebサイトとプログラム向けのWeb APIを区別すべきではないと述べています。この点は僕もまったく同感・同意です。 人間が相手となると、視覚的な効果や装飾、JavaScriptを使った操作性などにフォーカスが向けられ、Web APIとはまったく別物のような印象を与えます。しかし、各ページが持つべき情報やページ遷移の有向グラフ構造などは、相手が人間でもプログラムでも同じだと思うのです。そんな事情で、Webページの機能的/情報的なエッセンスを表現したHTML文書をクリーンH
ブログサービスなどで提供される記事作成機能には、あらかじめ様々なHTML編集機能が付加されている。しかし、そうしたデフォルトの機能で満足できず、自分でウェブ制作ツールを使用してMTMLやCSSを作成しているこだわりユーザーも多いはず。そんな人におススメな拡張機能が『Chrome Editor』だ。 Chrome Editorは、ブラウザー上で利用できるHTMLエディターだ。その場で簡単なHTMLファイルを作成したり、イチから新しいHTMLファイルを作成することもできる。どちらかといえば、頻繁に使うHTMLやCSS、JavaScriptコードなどを保存しておいて、ブログなどにコピペするといった用途に適しているだろう。 ■インストール Google Chromeのエクステンション配布サイトにアクセス。サイト上で“Chrome Editor”を検索して、ダウンロードページに進もう。
Webサービス使えるツール10選 Web制作時、個人的にかなり助かっ ているWebアプリやソフトウェアなど をご紹介。何度お勧めしても足りない 位、助けられています。低スキルな 自分にとっては無いと困る。そんな ツールをシェアしたいと思います。 Web制作時、個人的にかなり助かっ ているWebアプリやソフトウェアなど をご紹介。何度お勧めしても足りない 位、助けられています。低スキルな 自分にとっては無いと困る。そんな ツールをシェアしたいと思います。 もっと沢山あるんですが、特に利用しているものを。制作時には毎回利用しているかもしれません。基本的に無料のものを使っています。順不同。 960 grid system グリッドシステムです。ブックマークレットも含め、色々手軽なのが嬉しい。何よりグリッドレイアウトはお客さん受け良い傾向にある気がします。 960 grid system Fire
LPOとはランディングページ最適化の略です。サイト内でユーザーが最初に訪れるページ、いわゆるランディングページを最適化させて、誘導させたいページにユーザーを向かわせることをいいます。 いくらサイトのアクセス数を伸ばしてもコンバージョンに繋がらなければまったく意味がないため、LPOは非常に重要な意味を持ちます。 ここでは、LPOを学ぶ上で是非とも読んでおきたい記事を備忘録も兼ねてまとめてみました。 LPOの基礎 まずは、LPOの基礎を押さえておきましょう。 「目指せ収益UP!LPO講座(1)―LPOっていったいなに?」 「目指せ収益UP!LPO講座(2)―効果の測定指標、CPA、ROASとは」 「目指せ収益UP!LPO講座(3)―ランディングページの構成を整えよう」 「LPOって何? 始める前に読む基礎知識」 ランディングページの具体例 実際にコンバージョンに優れたランディングページ(LP)
Web系新社会人が入れておくと便利なFirefoxアドオン13選 に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。Web系会社に勤める新社会人がFirefoxに入れておくとなにかと便利なアドオンを紹介します。 基本的に、webディレクター系職種の方を意識して選びました。 便利そうなものをお好みで入れていただければと幸いです。 All-in-One Gestures マウスジェスチャーをカスタマイズすることのできるアドオンです。 タブを開く、タブを閉じる、ページを進む、ページを戻る、といったアクションをマウスのみで行えるようにしておくと便利かもしれません。 All-in-One Gestures :: Add-ons for Firefox Firebug HTML、CSS、Javascriptなどのデバッグに便利です。 Fir
Web Standards ProjectにてHTML5のeditorである、Ian Hickson (Hixie) へのインタビューが掲載されています。 Interview with Ian Hickson, editor of the HTML 5 specification. - The Web Standards Project 全訳についてはそのうち公開されると思うので、今回は面白かった内容について紹介したいと思います。 WHATWGとHTML5の歴史 WHATWGとHTML5の歴史は、2003年頃までさかのぼります。XForms 1.0が勧告案に進む際に、ブラウザーベンダーが「HTMLで利用できなければ高機能でも広まらない」と懸念を表明し、XForms Basicというモジュールを提案しました。 XForms BasicはXFormsが持つ機能の一部を、HTMLのフォームを拡張
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く