[B! html][ design] apple2teaのブックマーク

apple2tea id:apple2tea

htmlと designに関するapple2teaのブックマーク (11)

Webデザイナーに最低限知っておいてほしい、検索と置換(正規表現) - kojika17
置換前の文字と検索、置換の対応特定の文字からHTMLを作成 (.*)と$による呼び出しを覚えれば、様々なことに応用ができます。下記の文字から、HTMLのリストを作成してみましょう。 Google https://www.google.co.jp/ Yahoo! http://www.yahoo.co.jp/ Bing https://www.bing.com/ Yandex https://www.yandex.com/ 百度 http://www.baidu.com/ 用意した文字は「タイトル」「スペース1つ」「URL」というルールになっています。タイトルとURLを(.*)に置き換えて検索し、li要素とa要素に置き換えます。例置換前の文字 Google https://www.google.co.jp/ Yahoo! http://www.yahoo.co.jp/ Bing ht
apple2tea 2016/11/08
Webデザイナーに最低限知っておいてほしい、検索と置換(正規表現)

design

keynote

dreamweaver

html

illustrator

Excel

adobe

javascript

bookmark
リンク
商品絞り込み（外部csvの読込） | Design Drill Diary
カリキュラムには組み込まないけれど、仕事的には需要があるのかなぁ？と思ってエクセルデータ（csvファイル）を元に、商品の絞り込みコンテンツのラフを作成してみました。スマートフォン向けにデザインすれば営業支援ツールみないなのも作成できそうです（診断系コンテンツと組み合わせればウィザード形式の絞り込みコンテンツにもなります）。ただし単純に全商品データと検索条件を比較しているだけなので、商品数の多いケースや検索条件が複雑な場合は処理速度の件で問題がでてきそう。特にスペックが低いスマートフォンとか。商品の絞り込み http://www.designdrill.jp/jquery/08/01_load_01.html ラジオボタンで条件を選択して、検索ボタンをクリックしてください。このサンプルでは、このcsvデータ（文字コードはUTF-8になっています）を読み込んでいます。カリ
apple2tea 2013/06/18
design

design

データ

コンテンツ

html

スマートフォン

jQuery

作成

URL

ツール
リンク
Netvibes - Dashboard Everything
Or pick-up a popular dashboard デフォルト FIFA 2010 Social network Breaking news Best productivity ファイナンス Monitor Keep track of your favorite interests and trending topics. >Netvibes Smart Reader: the first RSS reader that streams the latest feeds to you in real-time >Follow dozens of blogs, activity streams and Twitter conversations all at a glance Personalize Create your own personal dashboard and en
apple2tea 2013/06/03
Googleリーダー代わりはどれがいい？徹底比較でわかった最強サービス｜Mac

design

award

hosting

design

network

like

all

news

free

html
リンク
Showcase of HTML5 Websites
Note: This post was first published on the 7th June, 2010. So you’ve heard all rumors that HTML5 would take over Adobe Flash. While most web community argues that it’s possible or not, you must be wondering what makes HTML5 so powerful that even giant company Apple wants to use it to replace Flash. That’s why this post exists; we’re not going to talk about what HTML5 can do, but show live demos of
apple2tea 2012/10/17
HTML5 Website Showcase: 48 Potential Flash-Killing Demos

design

html5

html

animation

flash

design

javascript

demo

Web制作
リンク
Adobeアカデミックストア
Get 20+ {{creative-cloud}} apps for less than the price of 3 apps. The All Apps plan includes 20+ apps and services plus 20,000 fonts, storage, templates, and tutorials for less than the price of {{acrobat}}, {{photoshop}}, and {{premiere-pro}} sold separately. https://main--cc--adobecom.hlx.page/cc-shared/fragments/merch/products/catalog/marquee/includes {{free-trial}} {{buy-now}}
apple2tea 2012/10/17
Flashの代替としてのHTML5

animation

services

adobe

cloud

interface

like

design

html

css

jquery
リンク
HTML5・CSS3時代のweb制作コンセプト
HTML5・CSS3対応のブラウザが増えてきて、制作のコンセプトも変化してきました。プログレッシブエンハンスメントなどユーザーのブラウザ環境に焦点を置いた制作コンセプトをまとめました。足りない知識を埋めながら書いたので一部認識が間違ってる箇所があるかも知れませんが、その場合はご指摘頂けると助かります。 Progressive Enhancement Graceful Degradation Polyfill Progressive Enhancement(プログレッシブエンハンスメント) どのブラウザでも基本的な水準のユーザーエクスペリエンスを提供をし、新しく高水準のブラウザにはCSS3やjsなどでよりリッチなデザインや機能を提供するという考えです。またProgressive Enhancementには下記の原則があります。基本的な内容は、すべてのブラウザでアクセス可能である必要
apple2tea 2012/07/13
design

css3

css

JavaScript

IE7

design

HTML5

web制作

webデザイン

HTML
リンク
私がウェブサイト作成時にお世話になっているサイトをご紹介
こういうのを集めだすときりがないのですが、個人的に本当によくお世話になっているサイトに絞って紹介してみます。有名なサイトばかりですがサイトを作るにあたってお世話になる順に紹介していきます。参考になればうれしいです。 Webデザインギャラリー | I/O 3000 まず、ギャラリーサイトでサイトのイメージを膨らませます。カテゴリ、タグ、カラーで整理されており、とても探しやすいです。このようなギャラリーサイトは他にもありますが、ページ変遷なしで次を読み込むのでとても見やすいです。他にはこんなサイトをよく見ます。 WEBデザインの見本帳 Web Design Clip 【Webデザインクリップ】【HTMLタグの簡単検索】TAG index - ホームページ作成情報プロの方はPhotoshopで描いてからコードを書いていくみたいですが、私は最初からHTMLを書いていきます。一応Drea
apple2tea 2012/06/08
html

free

design

clip

dreamweaver

color

web制作

webデザイン

webサービス
リンク
Target - Premium Landing page template
apple2tea 2012/04/26
template

Marketing

iphone

color

app

Tech

design

IT

html

design
リンク
A Showcase of Single Page Websites | Web Designer Depot
When designing a website with a minimal number of pages and not a ton of content, a single-page design can be an innovative way to set the site apart.Single-page websites often utilize JavaScript and Flash, along with HTML and CSS to fit more content on a page without substantially increasing load times.Navigation has to be […] When designing a website with a minimal number of pages and not a ton
apple2tea 2010/08/27
design

flash

html

css

design

デザイン

まとめ

webデザイン

参考

シングルページ
リンク
40 Beautifully-Designed Navigation Menus | Vandelay Design Blog
These earth tone color palettes are perfect for a wide variety of nature-inspired designs. Use the provided hex codes to save time choosing colors.
apple2tea 2010/08/13
25 Flash Portfolios for Your Inspiration

flash

design

design

inspiration

blog

portfolio

2010

css

html
リンク
1stWebDesigner • Helping You Build a Better Web - For Web Professionals
Marketing & SEO A Better Google Analytics AlternativeOur recent migration to GA4 left a lot to be desired and led us to explore for better google analytics alternatives. We tried just about everything out there, including Plausible, Fathom, and several others, all with their own pros and cons. The biggest hurdles were: limited features and higher costs.… CSS offers an array of tools that, when use
apple2tea 2010/08/10
25 Incredibly Useful CSS Snippets for Developers

css

design

IT

image

html

css3

tips

web
リンク
1

お知らせ

もっと読む

公式Twitter

@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
@hatebu
最新の人気エントリーの配信

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx